普通のリスト項目のデザインに飽きたな…
こんな悩みを解決します。そう、「SWELL」がね！
こんにちは、おもデジ！ライブラリのたこなまです。
アキアキです。
自分らしく生きるために「仲間が見つかる場所」「稼ぐ手段」「勇気の出し方」を発信するブログ「Who’s LIFE?」を運営してます。
このブログを読んで得られるもの
というワケで、今回は「SWELL」で使えるリスト項目のデザインについて紹介していきます。
クラシックエディター・ブロックエディターのどちらからも、簡単に使うことが出来て、記事の見栄えもググっとアップするので、是非使ってくださいね！
リストデザイン一覧
はじめに、どのようなリストが使用できるのか紹介。
番号なしリスト【ulタグ】
デフォルト
- デフォルト状態のリストです
- リストの項目１
- 子リストの項目１
- 子リストの項目２
- リストの項目２
目次風
- 目次風リストです
- リストの項目１
- 子リストの項目１
- 子リストの項目２
- リストの項目２
チェックリスト
- チェックリストです
- リストの項目１
- 子リストの項目１
- 子リストの項目２
- リストの項目２
Goodリスト
- Goodリストです
- リストの項目１
- 子リストの項目１
- 子リストの項目２
- リストの項目２
Badリスト
- Badリストです
- リストの項目１
- 子リストの項目１
- 子リストの項目２
- リストの項目２
注釈リスト
- 注釈リストです
- リストの項目１
- 子リストの項目１
- 子リストの項目２
- リストの項目２
番号付きリスト【olタグ】
デフォルト
- デフォルト状態の番号付きリストです
- リストの項目１
- 子リストの項目１
- 子リストの項目２
- リストの項目２
追加装飾
ここまで紹介したリスト装飾に加えて、追加装飾も可能です。
「下線を加える」追加スタイル
- リストの項目１
- リストの項目２
- リストの項目１
- リストの項目２
「横並びにする」追加スタイル
- リストの項目１
- リストの項目２
- リストの項目１
- リストの項目２
リスト装飾の使い方
ブロックエディターの場合
「リストブロック」を使用してリストを作成し、サイドバーの「スタイル」パネルから使用したいデザインを選択していくだけでOKです！
クラシックエディターの場合
リストを作成し、ツールバーの「スタイル」->「リスト装飾」から使用したい装飾を選択してください。
リストにもこだわって、見やすい記事にしちゃおう！
今回は、「SWELL」で使用可能なリストのデザインを紹介してみました。
リストくらい、どうってことないじゃん。
って思うかもしれませんが、逆に普通のWordPressテーマでリストのデザインまでカスタマイズが出来ることってあまり多くはないですよね。
その点で、リストのような細かい機能まで気を抜かないSWELLはやっぱりすごいなあ～と思います。
とにかく細かい所まで力を入れてくれているテーマSWELL。
初心者にもちろんおススメですし、実際にJINから乗り換えた経験を持つ私にとっても、大満足のテーマがSWELLでした。
まだ体験していない方は、ぜひその使いやすさを体感してみてくださいね。
– シンプルなのに、高機能 –
<a href="//af.moshimo.com/af/c/click?a_id=3426273&p_id=3885&pc_id=9646&pl_id=53838&guid=ON" rel="nofollow" referrerpolicy="no-referrer-when-downgrade"><img src="//image.moshimo.com/af-img/3130/000000053838.jpg" width="420" height="350" style="border:none;"></a><img src="//i.moshimo.com/af/i/impression?a_id=3426273&p_id=3885&pc_id=9646&pl_id=53838" width="1" height="1" style="border:none;">17,600円 (税込)
当サイトで使用中のワードプレステーマ『SWELL』
過去のテーマを研究し尽くして作られたテーマで、非常に多機能。
シンプルなデザインでどんなサイトにも合わせられます。
＼ 貴方の願いを叶える ／
では今回はここまで。
記事を気に入っていただけたら、
TwitterやYoutubeでも毎日クリエイトしたことを発信しているのでぜひ覗いてみてね！
＼ 毎日学んだクリエイティブを発信中！ ／
＼ 3DCGデザインに興味があるならこれ！／
