WordPress設定マニュアル:ブログの使いやすさを決める「メニューとウィジェット」設定手順

こんにちは!

以前、あなたのブログをより魅力的にするためのデザインの基本と、WordPressテーマのカスタマイズ方法(「【初心者向け】WordPressのデザインを整えるカスタマイズ手順」)を解説しました。

この解説で、ブログの見た目や雰囲気などが、あなたのイメージに近づいたはずです。

関連記事

こんにちは!ブログの「顔」となるファビコンが設定され、あなたのブログが、よりプロフェッショナルな見た目になったはずです。この記事では、あなたが理想とするデザイン、例えば、「長時間見ても目が疲れにくい緑系は、読者にやさ[…]

今回は、ブログの情報構造を決定づける重要な要素、「ウィジェット」と「メニュー」の設定手順とカスタマイズ方法について解説します。

 

【40SEの情報構造論】
情報アーキテクチャの設計が、サイトの価値を決める。
ウィジェットはコンテンツの誘導メニューはサイトの地図と捉え、読者を迷子にさせるな。

「ウィジェット」の役割:ブログの部品配置とコンテンツ誘導

ウィジェットとは、サイドバーやフッターなど、ブログの特定の場所に配置できる、プロフィールや人気記事リストといった「部品」のことです。

【目的】
プログラミングの知識がなくても、ブログのレイアウトを簡単にカスタマイズできるようにする。

【メリット】
 直感的な操作:ドラッグ&ドロップで部品を配置できます。

 再利用性:一度設定すれば、ブログのすべてのページに同じ部品を表示できます。
 機能の追加:プラグインを導入することで、ウィジェットの種類を増やすことができます。

これは、あなたが部屋を模様替えする際に、棚や観葉植物、ランプなどを好きな場所に配置するようなものです。専門的な知識がなくても、好きな部品を好きな場所に置くことができます。

また、ブログでの収益を考えた場合、「どこに広告を配置するか」も意識するとよいでしょう。

サイドバーは特にPCで閲覧される場合に有効な配置です。ブログのテーマに合った広告を配置すると、クリックされやすくなります。
人気記事リストの下は 読者が記事を読み終えた後、次に読む記事を探す際に目に入りやすい場所です。
 
【広告配置の黄金ルール】

コンテンツを最優先に
 広告が多すぎると、読者はブログに嫌気がさして離脱してしまいます。読者が最も読みたいのは「あなたのコンテンツ」であり、広告ではありません。コンテンツが広告に埋もれないようにしましょう。


スマホでの見え方を確認する
 多くのユーザーがスマホでブログを見ています。PCで最適な配置でも、スマホでは不自然に見えることがあります。必ずスマホでの表示を確認し、読みやすさを損なわないように調整しましょう。


収益とユーザー体験のバランスを取る
 収益を重視しすぎると、ユーザーが離れ、結果的に収益が落ちます。ユーザー体験を第一に考えた配置が、長期的に見て最も収益につながります。

ウィジェットのカスタマイズ方法

WordPressの管理画面から、誰でも簡単にウィジェットをカスタマイズできます。

STEP1:「外観」>「ウィジェット」にアクセスする

1.WordPressの管理画面で、「外観」にマウスカーソルを合わせ、「ウィジェット」をクリックします。

 

wordpressの「ウィジェット」位置

STEP2:ウィジェットを配置する

2.画面左側に、追加できるウィジェットの一覧が表示されます。

3.右側に、ウィジェットを配置できる場所(ウィジェットエリア)が表示されます。テーマによってウィジェットエリアの名前や数が異なります。

4.追加したいウィジェット(例:「画像」)を左側から右側の「サイドバー」にドラッグ&ドロップします。

5.画像やタイトルなど、ウィジェットの設定を編集します。

6.「更新」ボタンをクリックして完了です。

 

wordpressの「ウィジェット」設定

 

モバイル表示の確認は必須!

スマホではウィジェットはサイドバーではなく記事の下部(フッター)に表示されることが多いです。ウィジェットを追加・調整した後は、必ずスマホで読みやすさを確認しましょう。

「メニュー」の役割:グローバルナビゲーションの作成と情報整理

メニューとは、ブログのグローバルナビゲーション(ブログのヘッダーにある主要な項目)や、フッターに表示されるメニューのことです。

メニューがないと、読者は特定のページ(例えば「プロフィール」や「問い合わせ」)を探すのに苦労したり、他の記事を読みたいと思っても見つけられずに離脱してしまったりします。

カテゴリーやタグで記事を整理してメニューに表示することで、読者は自分の興味がある分野の記事にすぐにアクセスできます。

【目的】
読者があなたのブログ内の重要なページにたどり着きやすくする。


【メリット】
 ユーザビリティの向上:読者が迷うことなく、読みたい記事やページを探せます。

 SEO効果:適切なメニュー構成は、検索エンジンがあなたのブログの構造を理解するのを助け、SEOにも良い影響を与えます。

 

ブログのメニュー位置

 

また、メニューは、サイトの内部リンク構造を整理し、検索エンジンがブログ全体の構成を理解するのを助けます。

ブログのメニューに入れるべき項目は、ブログの目的によって異なりますが、一般的には以下のようなものが推奨されます。

・トップページ: 常に読者が元の場所に戻れるように。
・主要なカテゴリー: 読者が最も関心を持つであろうテーマをいくつか厳選して表示します。
・プロフィール(About): どんな人が書いているのかを知ってもらい、親近感を持ってもらいます。
・お問い合わせ: 読者や企業からの連絡を受け付けるためのページ。
・サイトマップ: すべての記事やページのリストを表示することで、読者と検索エンジンの双方にサイト全体を理解しやすくします。

    メニューは、読者と検索エンジンの両方に優しいブログを作る上で欠かせない要素です。

    ご自身のブログのテーマに合わせて、読者が使いやすいメニューを作成することをおすすめします。


    メニューの作成と配置方法

    メニューも、ウィジェットと同様に、WordPressの管理画面から簡単に作成できます。

    STEP1:「外観」>「メニュー」にアクセスする

    1.WordPressの管理画面で、「外観」にマウスカーソルを合わせ、「メニュー」をクリックします。

    STEP2:新しいメニューを作成する

    2.「新しいメニューを作成しましょう」をクリックします。


    3.メニュー名(例:「グローバルナビゲーション」)を入力し、「メニューを作成」をクリックします。

    STEP3:メニュー項目を追加する

    4.画面左側に、メニューに追加できるページや投稿、カテゴリーの一覧が表示されます。

    5.メニューに追加したい項目(例:固定ページのお問い合わせページ)にチェックを入れ、「メニューに追加」をクリックします。

    6.追加された項目は、ドラッグ&ドロップで並べ替えたり、階層化(サブメニュー化)したりできます。

    STEP4:メニューを配置する

    7.作成したメニューの下にある「メニュー設定」で、表示する場所(例:「ヘッダーメニュー」)にチェックを入れます。


    8.「メニューを保存」をクリックして完了です。

     

    メニューの設定確認

     

    これで、あなたのブログのヘッダーに、作成したメニューが表示されるようになります。ブログ運営の目的や、読者に見てほしいページに合わせて、メニューの項目を調整しましょう。


    ウィジェットとメニュー設定で「読者を迷子にさせない」ブログを完成させる

    今回は、ウィジェットとメニューのカスタマイズ方法について解説しました。

    どの項目の何を変更すればどこが変化するのか、慣れるまで少し試行錯誤すると思いますが、自分のイメージに近づけるよう頑張ってください。

     

    ・ウィジェットは、サイドバーやフッターに部品を配置する機能
    ・メニューは、グローバルナビゲーションなど、読者の道案内を設定する機能
    ・ドラッグ&ドロップなどの直感的な操作で簡単にカスタマイズできる
     

    メニューは、読者が迷子にならないための大通りです。そしてウィジェットは、読者が興味の赴くままに立ち寄れるお店のようなものです。

    この2つをバランス良く配置することで、読者はスムーズに目的の情報にたどり着けるだけでなく、新たな発見もできるようになり、結果としてサイトの利便性と滞在時間が向上します。

    ウィジェットとメニューを使いこなすことで、あなたのブログは、より読者が快適に過ごせる、使いやすいメディアへと進化します。


    Next Step:「ブログを書く場所」に迫ります!

    さて、サイドバーやヘッダー、フッターなどをカスタマイズし、見た目にも自分オリジナルのブログが出来てきました。そして、プラグインもインストールして準備万端です。

    次回は、いよいよあなたがブログ記事を書く場所、「Gutenberg(グーテンベルク)エディタ」の基本的な使い方を解説します。

    関連記事

    こんにちは!WordPressの初期設定とプラグインの導入が終わり、画面デザインも決まりました。これかいら、いよいよブログ記事を書く本番です!今回は、ブログ記事を作成するための場所、WordPressの「投稿画面」について解説してい[…]

    アイキャッチ16

     

    いよいよブログ記事を書く本番です!

    お楽しみに!

     

    【次の一歩へ】ブログ成功のための必読ロードマップ

    この記事で習得したスキルを無駄にしないために、ノウハウをまとめました。

    >> ノウハウの一覧はこちら
     
    筆者の決めポーズ

    アイキャッチ15
    最新情報をチェックしよう!