テーマTwitterFacebookGoogle+はてブPocket『Stinger5-Cheetahカスタマイズ速習』もあっという間に第04回になりました。コンテンツのサイズを表示域に合わせる子テーマを入れてカスタマイズの準備をし、カスタマイザーを使ってブログのデザインを整えたら、やっとブログの『機能面』での調整が始まります。ナビゲーションやフッターを作らなければならないのだよ!今回は、WordPressの管理画面で『外観』をクリックしたときに表示されるメニューのうちウィジェットメニューの2つについて、じっくりと説明していきます。これで、『デザイン』と『ナビゲーション』の2つが揃うので、最低限のブログ準備が整うことになります。ちなみに、説明なんていらないからおすすめの設定だけ教えて!って方は、↓の目次から、『ウィジェットのおすすめの設定箇所』という項目へ飛んでくださいませ。目次ウィジェットの9つのパーツについて知ろうStinger5-Cheetahのウィジェットパーツは全部で9つ。それぞれにどんな役割があるのか、また、ブログのどこに表示されているのか、ちゃんと知るようにしましょう。※スマホ用フッターはスマホアクセス時にしか表示されないため省略。サイドバーウィジェットサイドナビの最も重要なメニューです。最近のコメントアーカイブカテゴリメタ情報の6つのメニューがあります。スクロール広告用レンタルサーバーの比較記事とか、縦に長いページでコンテンツを読んでいると、サイドバーの広告がスクロールに合わせてついてくることありませんか?縦に長いページで通常通りサイドバーを設置すると、スクロールとともに、何も表示されないサイドバーの分、余白が表示されてしまいます。いって、あれもこれもとサイドバーを長くしてしまうと、トップページや短めの記事を書いた時に、コンテンツ下が大きく空白になってしまいます。これを避けるために、Stinger5-Cheetahでは、サイドバーウィジェットに続けて、スクロールに追随するコンテンツを作る事ができます。『スクロール広告用』と名前がついてはいますが、広告を設置しなければいけないわけではありません。これは見てほしいな!というコンテンツを設置しましょう。Googleアドセンス用336pxコンテンツの一番下、『記事下CTA』とコメントの間に表示される広告を入力するウィジェットです。管理画面で記載があるように、『テキスト』というパーツを設置し、そこに広告のタグ(HTMLコード)を記載することで広告が表示されます。注意点としては、タグを1つ入れることによって、コンテンツでは自動で2つの広告が表示されます。Googleアドセンスのスマホ用300pxStinger5-Cheetahのサイドナビの幅は300pxです。これは、スマートフォンで閲覧した際に、横幅320px以下であれば、だいたいどのスマートフォンでもはみ出すことなく見れるよ~という規格にそっているものと思われます。このため、上記の336pxのものでははみ出してしまう可能性があるので、広告についても横幅300pxのものにしましょう、ということで、このウィジェットが用意されています。フッター左/フッター中/フッター右Stinger5-Cheetahは、パソコンで閲覧する際フッターを縦に三分割してくれます。通常のブログのメニュー構成よりも多くの情報を提示することが可能です。おすすめの特設コンテンツを作るも良し!最近の投稿をもう一度掲載するも良し!ブログの内容によって反応の良いコンテンツは変わるかと思いますので、いろいろなパーツを設置して、回遊率の良いもの(1ページだけ見て離脱せず、次のコンテンツを読んでくれるもの)を探してみてください。上記のパソコン用のフッターでは、多くのコンテンツを掲載できることが利点でした。一方でスマートフォンでアクセスする際、そこまで大量のメニューがあると、読み込みに時間がかかったり、一覧性が無いため使いづらかったりと、けっして良いことばかりではありません。Stinger5-Cheetahでは、スマートフォン用のフッターを全く別に作ることができるため、パソコンではたくさんのパーツを配置したフッターも、スマートフォンではTwitterの情報だけ~等、調整することが可能です。いう言葉を聞いたことはありませんか?これは、別名『落とし込み』とよばれるもので、記事を読んでくれたユーザーに最終的におすすめするコンテンツのことです。一般企業であれば、お問い合わせはコチラ!といった形で電話やフォームへ誘導するでしょう。ブロガーさんなら、メルマガやeBookへ誘導している人も多いかと思います。このウィジェットも、フェイスブックなどのSNSへの誘導や、『この記事を書いた人』みたいなプロフィール画面として使うなど、自由に使うことができます。スポンサーリンクウィジェットの使い方ウィジェットの配置ウィジェットを追加したいパーツ(例えばサイドバー)をクリックすると、アコーディオンのようにメニューが開きます。次に画面の左側、『利用できるウィジェット』のところで使いたいものを決めら、その上で左クリックしたまま、配置したい場所までドラッグ&ドロップ。配置したいウイジェットをクリックすると、『どのウィジェットパーツに入れる?』みたいな画面になるので、配置したいメニューを選んで『ウィジェットを追加』をクリックウィジェットの設定・並べ替えメニューパーツに配置したウィジェットを左クリックすると、さらにそれぞれの設定欄がアコーディオンのように開きます。できますので必ずチェックしておきましょう並び替えは簡単です。削除したいウイジェットをクリックすると、設定欄が開きます。下の方にある『削除』というボタンを押すと削除することが可能です。何も記入したい『テキスト』を配置しよう最初は、どんなウィジェットを配置すれば良いか迷うものです。ウィジェットパーツに何のウィジェットも配置しない場合、下記のウィジェットパーツについては、『ここはフッター左』等の説明文が表示されてしまいます。下記のものについては、いったん何も記入していない『テキスト』を配置しておきましょう。Post)』がサイドバーに表示される設定になっています。同じ内容が表示される必要はありませんし、コメントはQ&A的なコンテンツがない限りあまり使っているところを見たことが有りません。メタ情報に至っては、ブログ運営での使いドコロが分からないので、いったん削除しちゃいましょう。『アドセンス用』はGoogleアドセンスを利用しないなら何も配置しなくてOK仮にアドセンスを利用する場合は、上記と同様にいったん無記入の『テキスト』を配置、とかでも良いのですが、特に使う予定が無いなら何も配置しなくてOKです。人気の記事といったものが挙げられます。Stinger5-Cheetahでは、これらの3つのうち2つが最初から設置されています。』というプラグインです。入力』で入手することができます。詳しい使い方や設定方法については、別で記事つくりましょうかね。『メニュー』で自由なTOPナビゲーションを作ろうWordPressの管理画面で『外観』→『メニュー』とクリックした時に表示されるのが、ブログのTOPナビゲーションを作るための画面です。WordPressのインストール後、特になんの設定もしていなければ、TOPナビゲーションには『固定ページ』が配置されます。左から固定ページの作成日が新しい順番に並びます。設定することができるので、左から表示したい順番に数字を割り振れば、作成日時に関係なく好きな思った順序でのメニューを作成できます。特定の記事やカテゴリ一覧ページ、別サイトへのリンクなど好きに設定できます。作成方法はウィジェットの配置とほぼ同じ。好きなパーツを選んで、『メニューへ追加』をクリック。順番をドラッグ&ドロップで変更して『メニューを保存』をクリック。『位置の管理』タブで先ほど保存したメニューを選んで『変更を保存』をクリック※メニューをまとめることもできますドラッグ&ドロップしようとすると、1段インデントが下がったところに配置することができるのに気がつくかもしれません。これをすると、TOPナビゲーションでドロップダウンのメニューを作ることも簡単ですTSUNJI(@tsunji1983)的まとめメニューを工夫することで、記事に興味を持ってくれたユーザーさんが、『もう1記事くらい読んでみようかな~』と思ってくれた時、スムーズに次のページへ誘導することが可能になります。最初はきっと、何を配置すれば良いか、全然イメージが付かないと思います。人気の記事カテゴリアーカイブあたりが配置されていればひとまずOKです。『どんなコンテンツなら回遊率が上がってくれるか』といった形で妄想しつつ、SNSの反響やアクセス解析など自分なりの指標を決めて、どんどんバージョンアップしていきましょう。介護系の会社のたった1人のWeb担当。2015年の夏に、かわいい息子が生まれたことをきっかけにブログを開設しました。Plusの初心者向け使い方講座、WordPressで雑多ブログを運営する人向けのアクセスアップについてお届けします。コメントをキャンセルメールアドレスは公開されることはありません。