|WordPressノウハウ|番号付きリストを続き番号から表示させる2つの方法

ブログ収益化
スポンサーリンク

ブログで手順を説明したい時には『番号付きリスト』をよく使いますよね?

要点をまとめられる上に見た目もシンプルで読み手にとっても分かりやすい機能でとても重宝します。

番号付きリストは連続した番号が文章の先頭に来るようになっていますが、間に画像を挿入したり、別のブロックを入れると番号が途切れてしまいますよね。

そんな時にはちょっとした設定で番号付きリストを続き番から表示させることができますので、ブログを書く際に参考にしてみてください。

番号付きリストは使い勝手がいいのでほとんどすべての記事で使っています!

スポンサーリンク

解決したい問題

この記事で解決したい問題は以下のようなケースです。

▼番号が途切れてしまう

  1. 最初の手順は…です。
  2. 次に…します。
  1. 最後に…します。

↑画像を挟むと番号が「1.」からになる。

▼番号が続きから表示される

  1. 最初の手順は…です。
  2. 次に…します。
  1. 最後に…します。

↑画像を挟んでも連続した番号になる。

番号付きリストの作り方

まずは番号付きリストの作成手順を解説します。

  1. リストのブロックを挿入しましょう。
    ブロックを選択するには[/]を入力を一回クリックして右側に出るから選択できます。
  1. リストのツールバーにある番号付きリストに変換をクリックしましょう。
    これで番号付きリストを作ることができましたね。
  1. このリストの次に画像などの別ブロックを挿入し、更にその次に『番号付きリスト』を作りましょう。
  2. すると、先ほどの説明のように続き番号ではなく『1.』からスタートするリストになっていると思います。

では次に番号付きリストを続き番号から表示させる方法を解説していきます。

続き番から表示させる方法

番号付きリストを続き番号から表示させる方法は2つあります。

  • 番号付きリストの初期値を変更する方法
  • インライン画像を用いる方法

順番に解説していきますね。

番号付きリストの初期値を変更する方法

先ほど作成した画像ブロックの後ろの番号付きリストの設定方法について順番に手順を解説します。

  1. 先ほど作成した2つ目の番号付きリストをクリックしましょう。
  2. 画面右上のブロックをクリックしましょう。
  3. 番号付きリスト設定の中にある初期値続きから始めたい番号を入力しましょう。
  1. リスト(1~3)画像リスト(4~6)のように表示させることができます。

いかがでしょうか?

とても簡単に続き番号から表示させることができたと思います!

この方法は結構使いますので覚えておきましょう。

インライン画像を用いる方法

番号付きリストの番号を設定する他に1つのリスト内にインライン画像を挿入する方法を使うのも手です。

▼番号付きリスト内にインライン画像を挿入したサンプル

  1. 最初の手順は…です。
  2. 次は…です。 

それではインライン画像の挿入手順を解説していきます。

  1. 番号付きリストを挿入しましょう。
  2. ShiftEnterを押して『改行』を入れましょう。
    ※改行すると段落番号が付きません。
  3. ツールバーのインライン画像をクリックしてインライン画像を挿入しましょう。
  4. Enterを押すと連続した番号付きリストを作ることができます。

これで番号付きリストの番号が連続した数字になった状態にできました!

インライン画像を使うことで1つのリストブロック内に画像を挿入できるわけですね!

★ワンポイントアドバイス
インライン画像にはリンクを設定することができません。そのため、クリックしても拡大させたり、広告を貼り付けることはできませんので注意しましょう。

まとめ

以上で番号付きリストの番号を続き番号から表示させる方法の解説は終了です。

その方法には2通りありましたね。

  • 番号付きリストの初期値を変更する方法
  • インライン画像を用いる方法

どちらも使える技だと思いますのでブログのノウハウとして覚えておきましょう。

分かりやすいブログ作りができるといいですね!お互いに頑張りましょう★

コメント

タイトルとURLをコピーしました