WEB MANUAL

メニュー・ウィジェット設定

メニュー・ウィジェット設定

このページでは、WordPressのメニュー設定とウィジェット機能について説明します。

メニュー設定について

ECore Webサイトのナビゲーションメニューは、WordPressのメニュー機能で管理されています。サイトの構造に合わせてメニュー項目を追加・編集・削除できます。

メニュー管理画面へのアクセス

  1. 外観メニューを選択
    左側メニューから「外観」をクリック
  2. 「メニュー」を選択
    サブメニューの「メニュー」をクリック

現在のメニュー構成

ECore Webサイトでは以下のメニューが設定されています:

メインメニュー(ヘッダー)

メニューの編集方法

メニュー項目の追加

  1. 編集するメニューを選択
    画面上部で編集したいメニューを選択
  2. 追加したい項目タイプを選択
    左側のボックスから追加したい項目の種類を選択:
    • 固定ページ:既存の固定ページ
    • 投稿:特定の投稿記事
    • カスタムリンク:外部サイトや任意のURL
    • カテゴリー:投稿カテゴリー
  3. 項目を選択
    追加したい項目にチェックを入れる
  4. 「メニューに追加」をクリック
    選択した項目がメニューに追加される

メニュー項目の編集

  1. 編集したい項目をクリック
    右側のメニュー構造で項目をクリックして展開
  2. 項目の設定を変更
    以下の設定が可能:
    • ナビゲーションラベル:メニューに表示される文字
    • URL:リンク先のアドレス
    • リンクターゲット:新しいタブで開くかどうか
    • CSSクラス:カスタムスタイル用のクラス
    • 説明:メニューの説明文
  3. 変更を保存
    設定変更後、「メニューを保存」をクリック

メニューの階層化

ドラッグ&ドロップでメニューを階層化できます:

  1. 子項目にしたいメニューをドラッグ
    項目を右にドラッグして字下げする
  2. 順序を調整
    上下にドラッグして表示順序を変更
  3. 階層を確認
    字下げされた項目が子メニューとして表示される

カスタムリンクの追加

外部サイトや特定のページへのリンクを追加する場合:

  1. 「カスタムリンク」セクションを展開
    左側の「カスタムリンク」をクリック
  2. URL とリンクテキストを入力
    • URL:リンク先のアドレス
    • リンクテキスト:メニューに表示される文字
  3. 「メニューに追加」をクリック
    カスタムリンクがメニューに追加される

ウィジェット設定

ウィジェットは、サイドバーやフッターなどにコンテンツを表示する機能です。

ウィジェット管理画面へのアクセス

  1. 外観メニューを選択
    左側メニューから「外観」をクリック
  2. 「ウィジェット」を選択
    サブメニューの「ウィジェット」をクリック

利用可能なウィジェットエリア

ECore Webサイトでは以下のウィジェットエリアが利用可能です:

サイドバー

ブログやニュースページのサイドバーに表示

フッターエリア1

フッター左側のエリア

フッターエリア2

フッター中央のエリア

フッターエリア3

フッター右側のエリア

ウィジェットの追加方法

  1. 利用可能なウィジェットを確認
    左側に利用可能なウィジェット一覧が表示される
  2. ウィジェットを選択
    追加したいウィジェットをクリック
  3. 配置エリアを選択
    表示したいウィジェットエリアを選択
  4. 「ウィジェットを追加」をクリック
    選択したエリアにウィジェットが追加される
  5. ウィジェットを設定
    追加されたウィジェットをクリックして設定を行う

よく使用されるウィジェット

テキストウィジェット

自由なテキストやHTMLコードを表示

  • 会社の基本情報
  • お問い合わせ先情報
  • 営業時間・定休日
  • カスタムHTML

カスタムメニューウィジェット

作成したメニューをウィジェットエリアに表示

  • フッターメニュー
  • カテゴリー別リンク
  • 重要ページへのリンク集

最近の投稿ウィジェット

最新のニュース・お知らせを表示

  • 表示件数の設定
  • 投稿日時の表示設定
  • カテゴリーフィルタリング

メニュー・ウィジェットのベストプラクティス

メニュー設計のポイント

  • わかりやすい名称:利用者が理解しやすいラベル
  • 階層の適切な使用:深すぎない階層構造
  • 重要度による順序:重要なページを上位に配置
  • 一貫性:サイト全体で統一された命名規則

ウィジェット活用のコツ

  • 適度な情報量:多すぎず少なすぎない情報
  • 定期的な更新:古い情報は随時更新
  • デザインの統一:サイト全体のデザインに合致
  • モバイル対応:スマートフォンでの見やすさも考慮

SEO・ユーザビリティの向上

メニューのSEO対策

  • 検索されやすいキーワードをメニューラベルに含める
  • 重要なページを上位メニューに配置
  • パンくずナビゲーションとの整合性を保つ
  • 内部リンク構造の最適化

ユーザビリティの改善

  • 直感的でわかりやすいメニュー構造
  • クリックしやすいメニュー項目のサイズ
  • マウスホバー時の視覚的フィードバック
  • モバイルメニューの使いやすさ

メンテナンス・トラブルシューティング

定期的な見直し項目

  • リンク切れの確認:削除されたページへのリンク
  • 不要なメニュー項目:使用されていない項目の削除
  • 順序の最適化:アクセス状況に応じた順序調整
  • 新しいページの追加:作成したページのメニュー追加

よくある問題と解決法

メニューが表示されない

  • メニューが正しい位置に割り当てられているか確認
  • メニュー項目が空でないか確認
  • テーマの対応状況を確認

ウィジェットが機能しない

  • プラグインの競合確認
  • テーマの更新確認
  • ウィジェットの設定内容確認

重要な注意事項
• メニュー変更はサイト全体のナビゲーションに影響します
• 大幅な変更前には現在の設定をメモしてください
• 変更後は実際のサイトで動作確認を行ってください
• SEOに影響する可能性があるため、慎重に変更してください