ワードプレス

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

wp-bullet-point-20200312_ec



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

「箇条書き」を作る手順

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

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

wp-bullet-point-20200312_1-04

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

wp-bullet-point-20200312_2-03

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

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

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

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

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

このブログのWordPress環境

このブログで使用中のワードプレステーマ

本気でブログ収益化するなら /

WING AFFINGER5 バナー01

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

著者

azuki_01

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

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つのパターンである「番号付きリスト」の作り方を見ていきましょう🐥

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

このブログで使用中のワードプレステーマ

本気でブログ収益化するなら /

WING AFFINGER5 バナー01

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「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ブログにおける箇条書きの作成」は、これで以上となります

お疲れさまでした♪

あずき🐥

このブログで使用中のワードプレステーマ

本気でブログ収益化するなら /

WING AFFINGER5 バナー01

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

著者

azuki_01

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

-ワードプレス

© 2020 あずきのぶろぐ。