子ページをもっと見やすくする方法まとめました


 

今日はサイトをもっと見やすくするための方法をご紹介致します!
今回のキーワードは「親」と「子」です。

まず、「親ページ」をつくっていきます。
親ページとは一番階層が上のページです。今回はわかりやすくえびの内容で作っていきます。
えびの種類、そのリンク先に詳しいえびの名前を入れていくことにします。
ワードプレスの管理画面で固定ページより「えびの種類」というタイトルのページを作成します。

次に「子ページ」を作っていきます。
子ページとは親ページを表示させたときに出るリンク先のページです。
「えびの種類」のページをクリックすると表示されるページとして、今回は詳しいえびの名前として、「甘えび」「白えび」「赤えび」「車えび」というページを作成しました。

そして子ページの編集画面のテキストを打つエリアの右側に、以下画像の「親」を選択するものがあります。
子ページすべてに親ページである「えびの種類」を選択し、更新ボタンを押します。
※「甘えび」「白えび」「赤えび」「車えび」すべてに設定します!

0603_2_2子ページすべてに設定

すると以下のような表示になります!

デフォルト

子ページがリストで表示されます。

もっと目立たせたいと思った時に良い方法があります!
親ページである「えびの種類」の編集画面に戻ってください。
右側にあるページ属性のテンプレート部分を「デフォルトテンプレート」から「子ページインデックス」にしてください。

0603_1_1親ページに「子ページインデックス」を設定する!

そして公開ボタン(保存)を忘れずに!
公開ページを開きます。
(変更されていなかったら更新ボタンかキーボードのF5を押してください。)

0603_2いかがですか?かなり見やすいようになりましたね!

画像も入れればさらに見やすくなりますよ!
今回親ページの本分には何も入れていませんが、必要に応じて文字や写真を配置してみてくださいね!

以上、子ページをもっと見やすくする方法でした!


カテゴリ:
タグ:,,