はじめの一歩

初めての、始めの一歩を応援します!

カスタマイズ⑭ 記事ページ

前回は「サイドバー」共通の操作方法をまとめました。

今回は「フッタ」のカスタマイズはHTMLを使うので飛ばして「記事ページ」の使い方です。

プレビュー機能を活用して、レイアウトや表示内容を調整しながら、理想的なブログのページを作成できます。

プレビュー機能

ブログのレイアウトやソーシャルボタンの配置を調整する際にデザイン変更をリアルタイムで確認できる便利な機能です。

「記事ページ」とは

  • 記事が1つだけ表示されるページ(単記事ページ)
  • 「関連記事」が表示設定になっていれば表示される

  • 下の「パンくずリスト」も表示設定になっていれば表示される

「記事ページ」ではないページ(記事リスト)

  • このブログの「トップページ」
  • 詳細設定の「トップページの記事数」で設定した数だけ記事が表示されるページ
  • 「関連記事」や「パンくずリスト」は表示されない

下の2つの図のように、左下の「記事ページ」の真ん中に「記事ページをプレビュー」と「記事ページのプレビューをやめる」という2つの表示を切り替える大きなボタンがあります。

パンくずリスト」が表示設定になっていれば、下図のように「記事ページ」(単記事ページ)には表示されます。「パンくずリスト」が目印になりますから、表示設定にしておくことをお勧めします。

プレビュー画面の切り替え

このボタンは押すごとに「記事ページをプレビュー」と「記事ページのプレビューをやめる」が切り替わります。

「記事ページをプレビュー」が表示されているとき

  • プレビュー画面の表示はブログのトップページ(記事リスト)
  • 押せば「記事ページ」(単記事ページ)が表示される

「記事ページのプレビューをやめる」が表示されているとき

  • プレビュー画面の表示は記事ページ(単記事ページ)
  • 押せば「ブログのトップページ」(記事リスト)
    が表示される

プレビュー画面の再表示

「接続が拒否されました」
カスタマイズの最中にプレビュー画面のリンクを触ってしまうと画面が消えてしまいます。こんな時は、プレビュー画面の切り替えボタンを2回クリックすれば元の画面に戻ります。

最後に

ブログのデザインを調整する際には、プレビュー機能を活用して、訪問者にとって見やすい構成になっているかを確認すると良いですね!