wp-bullet-point-20200312_ec

WordPress

WordPressブログで、記事内に「箇条書き」を作る手順【番号なし/番号付きリストの作り方】



今回は、WordPressブログの記事作成では欠かせない…

「箇条書き」を作る手順

についてご紹介していきたいと思います

まずWordPressにおける「箇条書き」とは…

wp-bullet-point-20200312_1-04

↑ こちら(番号なしリスト)とか…

wp-bullet-point-20200312_2-03

↑ こちら(番号付きリスト)のこと

こういった「箇条書きリスト」を記事のなかでバランスよく散りばめることで、前後のテキストを区切る役割にもなります

視覚的にもメリハリがついて、一気に見やすいページになる!

そして、作り方は超簡単です

それではさっそく見ていきましょー🐥

当ブログのWordPress環境

  • 使用してるテーマ:WING(AFFINGER5)
  • 使用してるエディタ:旧エディタ(クラシックエディタ)
  • 使用してるプラグイン:↓ の記事ですべて公開してます

WordPressブログで愛用中のおすすめプラグイン「16個」と設定方法をまとめて公開

wing300_gif_osusume

WordPressテーマ WING(AFFINGER5)

この記事を書いた人

azuki_01

あずき

専業ブロガー / フリーランス3年目 / 元アパレル / WordPressとSEOを独学で学んで、10年間の会社員生活から独立しました

WordPressブログにおける、「箇条書き」の作成手順【番号なしと番号付きで、2パターン】

【箇条書き①】番号なしリスト

pc-work-202001_01

まずは1番オーソドックスな、「番号なしリスト」の箇条書きから作ってみます

サンプルとして…

wp-bullet-point-20200312_1-01

↑ こんな文章を用意してみました

はじめに…

wp-bullet-point-20200312_1-02

↑ 箇条書きにしたいテキストを、丸ごと選択しましょう

wp-bullet-point-20200312_1-03

↑ その状態で、画面上部の「番号なしリスト」アイコンをクリックすると…

wp-bullet-point-20200312_1-04

↑ できました。 これが、「番号なしリスト」の箇条書きです

ちなみにこのデザインは、さきほど出てきた…

wp-bullet-point-20200312_1-05

↑ この「番号なしリスト」アイコンの右側にある ▼ をクリックすると…

wp-bullet-point-20200312_1-06

↑ いくつかのパターンから、選択も可能です

「黒丸」は、デフォルトと一緒!

wp-bullet-point-20200312_1-07

↑「白丸」バージョン

wp-bullet-point-20200312_1-08

↑「四角バージョン」

つづいて今度は、もう1つのパターンである「番号付きリスト」の作り方を見ていきましょう🐥

流れは一緒だからカンタン!

wing300_gif_osusume

WordPressテーマ WING(AFFINGER5)

【箇条書き②】番号付きリスト

pc-work-202001_02

まずは、1つ目の「番号なしリスト」と同じように…

wp-bullet-point-20200312_2-01

↑ 箇条書きにしたいテキストを、丸ごと選択しましょう

wp-bullet-point-20200312_2-02

↑ その状態で、今度は「番号付きリスト」アイコンをクリックします

wp-bullet-point-20200312_2-03

↑ できました。 これが「番号付きリスト」の箇条書きです

ちなみに、この「番号付きリスト」のデザインも…

wp-bullet-point-20200312_2-04

↑ この「番号付きリスト」アイコンの右側にある、 ▼ をクリックすると…

wp-bullet-point-20200312_2-05

↑ パターンを選択できます

wp-bullet-point-20200312_2-06

↑「ラテン文字小文字」バージョン

wp-bullet-point-20200312_2-07

↑「ギリシャ文字小文字」バージョン

残りはあんまり使わなそう(なので割愛!)

【おまけ】もっとお洒落でキャッチーな「箇条書き」を作るなら…【AFINGER5の箇条書きがおすすめ】

pc-work-202001_03

ここまでは、WordPressにおけるオーソドックスな「箇条書き」の作成手順を見てきました

ただこれ以外にも、使用してるWordPressテーマによって、そのテーマ固有の「箇条書き」を作ることができます

で、僕が愛用してる「WING(AFFINGER5)」なら…

wp-bullet-point-20200312_3-01

wp-bullet-point-20200312_3-02

wp-bullet-point-20200312_3-03

↑ こういった「網掛けボックス」の箇条書きとか、もしくは…

wp-bullet-point-20200312_3-04

↑ こんな、「チェックアイコン」付きの箇条書きボックスとか…

wp-bullet-point-20200312_3-05

↑ その「ナンバリング」バージョンも作れたりします

箇条書きにボックスの外枠がつくことで、さらにメリハリがついて見やすくなるよ!

この「WING(AFFINGER5)」における、箇条書きボックスの作り方は ↓ から♪

affinger-bullet-point-20200311_ec
【おすすめは3タイプ】AFFINGER5で「箇条書きボックス」を入れる手順【WordPressブログ】

続きを見る

今回の「WordPressブログにおける箇条書きの作成」は、これで以上となります

お疲れさまでした♪

あずき🐥

wing300_gif_osusume

WordPressテーマ WING(AFFINGER5)

この記事を書いた人

azuki_01

あずき

専業ブロガー / フリーランス3年目 / 元アパレル / WordPressとSEOを独学で学んで、10年間の会社員生活から独立しました

-WordPress

Copyright© あずきのぶろぐ。 , 2020 All Rights Reserved.