普通のリスト項目のデザインに飽きたな…
こんな悩みを解決します。そう、「SWELL」がね！
こんにちは、おもデジ！ライブラリのたこなまです。
みなとこんにちは！
当ブログ『PASTEL』運営者のみなと(@pastel_minato)です。
というワケで、今回は「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』
過去のテーマを研究し尽くして作られたテーマで、非常に多機能。
シンプルなデザインでどんなサイトにも合わせられます。
＼ 貴方の願いを叶える ／
では今回はここまで。
これからも引き続き、ズボラな人に特化して資産形成、副業、転職に関する内容を発信していきます！
SNSやYouTubeでも発信しているので、よかったらフォロー、チャンネル登録よろしくお願いします！！
＼ 日常です笑／
＼ 現状日常Vlogです笑／
＼ 趣味です笑 ／
＼ 役に立つ内容をまとめてます！ ／
