『click me!』やりたいことが何でも出来るWordpressテーマ-SWELL-『click me!』

SWELLのリストで使えるデザイン一覧を紹介!オリジナルのリスト項目を使ってみよう!

URLをコピーする
URLをコピーしました!

お知らせ

当ブログはAmazon.co.jpその他のプロモーションを宣伝し、リンクすることによって紹介料を獲得できる手段を提供することを目的に設定された、アフィリエイトプログラムを含みます

皆様が購入する商品の価格はなんら変動するものではございませんが、

応援として、本や電子機器などの欲しいものを買う時に当ブログのリンクを経由して購入頂けると非常に励みになります

リンクを経由さえすれば商品内容は問いませんので、気が向いた時には是非よろしくお願い致します。

この記事を読むのにかかる時間: 3
シエルオルタ

普通のリスト項目のデザインに飽きたな…

こんな悩みを解決します。そう、SWELLがね!

こんにちは、おもデジ!ライブラリのたこなまです。

こんにちは、おもデジ!ライブラリのたこなまです。

おもデジ!ライブラリの概要
ノエル
ノエル
当ブログナビゲーター

『あの時こうすればよかった』
を無くす20代のための人生再スタートブログ

過去の選択に後悔があるからもう一度チャンスを!
に役立つ内容を記事にしています!

>>分かりやすいトップページで記事を探してみて!

というワケで、今回はSWELLで使えるリスト項目のデザインについて紹介していきます。

クラシックエディター・ブロックエディターのどちらからも、簡単に使うことが出来て、記事の見栄えもググっとアップするので、是非使ってくださいね!

目次

リストデザイン一覧

はじめに、どのようなリストが使用できるのか紹介

番号なしリスト【ulタグ】

デフォルト

  • デフォルト状態のリストです
  • リストの項目1
    • 子リストの項目1
    • 子リストの項目2
  • リストの項目2

目次風

  • 目次風リストです
  • リストの項目1
    • 子リストの項目1
    • 子リストの項目2
  • リストの項目2

チェックリスト

  • チェックリストです
  • リストの項目1
    • 子リストの項目1
    • 子リストの項目2
  • リストの項目2

Goodリスト

  • Goodリストです
  • リストの項目1
    • 子リストの項目1
    • 子リストの項目2
  • リストの項目2

Badリスト

  • Badリストです
  • リストの項目1
    • 子リストの項目1
    • 子リストの項目2
  • リストの項目2

注釈リスト

  • 注釈リストです
  • リストの項目1
    • 子リストの項目1
    • 子リストの項目2
  • リストの項目2

番号付きリスト【olタグ】

デフォルト

  1. デフォルト状態の番号付きリストです
  2. リストの項目1
    1. 子リストの項目1
    2. 子リストの項目2
  3. リストの項目2

追加装飾

ここまで紹介したリスト装飾に加えて、追加装飾も可能です。

「下線を加える」追加スタイル

  • リストの項目1
  • リストの項目2
  1. リストの項目1
  2. リストの項目2

「横並びにする」追加スタイル

  • リストの項目1
  • リストの項目2
  1. リストの項目1
  2. リストの項目2

リスト装飾の使い方

ブロックエディターの場合

リストブロック」を使用してリストを作成し、サイドバーの「スタイル」パネルから使用したいデザインを選択していくだけでOKです!

リストのデザインを選択する様子

クラシックエディターの場合

リストを作成し、ツールバーの「スタイル」->「リスト装飾」から使用したい装飾を選択してください。

リストにもこだわって、見やすい記事にしちゃおう!

今回は、SWELLで使用可能なリストのデザインを紹介してみました。

リストくらい、どうってことないじゃん。

って思うかもしれませんが、逆に普通のWordPressテーマでリストのデザインまでカスタマイズが出来ることってあまり多くはないですよね。

その点で、リストのような細かい機能まで気を抜かないSWELLはやっぱりすごいなあ~と思います

とにかく細かい所まで力を入れてくれているテーマSWELL。

初心者にもちろんおススメですし、実際にJINから乗り換えた経験を持つ私にとっても、大満足のテーマがSWELLでした。

まだ体験していない方は、ぜひその使いやすさを体感してみてくださいね。

– シンプルなのに、高機能 –

  17,600円 (税込)

当サイトで使用中のワードプレステーマ『SWELL

過去のテーマを研究し尽くして作られたテーマで、非常に多機能。

シンプルなデザインでどんなサイトにも合わせられます。

貴方の願いを叶える

では今回はここまで。

今後も当ブログでは、20代のための人生再スタートに役立つ情報を発信していきます!

収益化のための情報やスキルや、趣味として楽しむためのネタまで、幅広く発信していくので、良ければ当ブログのトップページから見てみてね!

>>記事を探しやすいトップページで記事を見てみて!

ばいっ

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!
目次
閉じる