【WordPress】簡単!プラグインやテーマ編集なしでナビゲーションメニューを非表示にする方法

公開日:2016年11月14日 使い方など
Knowledge Base Wordpress パソコン カスタマイズ 設定

WordPressでサイト作りをしていて感じるいろいろな自動化機能。ナビゲーションメニューもその1つで、ほとんどのテーマでヘッダーの下などへナビゲーションメニューが表示されるようになっています。

ナビゲーションメニューは通常固定ページの一覧が表示され、固定ページを追加すると自動でメニューに追加されたり、階層表示してくれたりと便利な機能です。

また、メニューをカスタマイズすることで固定ページだけでなく投稿などを含めたり、特定の固定ページを表示しないようにしたり、固定ページのタイトルとは違う「メニュー用のタイトル」を付けられたりと至れり尽くせりの機能なのですが・・・

メニューはどうしても「テキスト」主体になってしまい、時にはサイト全体の中で浮いた存在になってしまうこともあります。

できるだけビジュアルライクに表現するには

を使ってメニューに画像を加えたり、メニューの文字を画像にしてしまったりできるのですが、やっぱり邪魔!!

そんなとき、特別なコードやプラグイン、テーマの編集なしで簡単にナビゲーションメニューを非表示にできる方法がありますので紹介します。

簡単にナビゲーションメニューを非表示にする方法

やり方を結論から行ってしまうと「空のナビゲーションメニューを作って表示する」という方法です。この方法は当サイトで使っている「Simplicity」テーマでテストしてOKだったものなので、他のテーマでできるかどうかは不明ですから、ご自身のサイトで試してみてくださいね。

では詳細なやり方を・・

  1. ダッシュボードの「外観」→「メニュー」を開きます
  2. 「メニューの新規作成」をクリックします
  3. 適当なメニュー名を入れて、内容は空のまま「作成」をクリックします
  4. 下にある「このメニューに新しいトップレベルページを自動的に追加」のチェックを外します
  5. 下にある「テーマの位置 ヘッダーナビ フッターナビ(サブメニュー不可)」のチェックを入れます
  6. 画面上の「位置の管理」タブをクリックします
  7. ヘッダーナビ・フッターナビとも3で作成したメニューを選択します
  8. 「変更を保存」をクリックします

これで実際にサイトを見てみると・・・・メニューが非表示になっていますね。設定完了です。

WordPressでフリマ(マッチング)サイトを作る ~テーマの選定~

【WordPress】最終更新日から一定期間経過した記事の任意の場所へメッセージを表示する方法

【WP User Frontend】プラグインを最新バージョン(2.8.9)へ更新したら翻訳ファイルが適用されなくなったときの対処


サイドバーに独自のメニューを設けたいときは

1と2の手順でメニューを作成することを「カスタムメニュー」と言います。メニューはいくらでも作ることができ、表示するか否かは「位置の管理」タブで設定できます。

ヘッダー下のメニューを非表示にしてしまったのでこのままでは固定ページはどこからもリンクしていません。せめてサイドバーなどへ表示したい。そんなときはカスタムメニューを作っておいて、ウィジェットの追加で「メニュー」を選択し、カスタムメニュー名を選べばオリジナルメニューをサイドバーやフッターなどへ表示できるようになります。

おまけ情報として、ページ画面の隅にニューっと出てくるメニューを作るプラグインもあります

個人的には上のプラグインがおすすめです。

ひまあーと(管理人)
  • 記事の作者: ひまあーと(管理人)

  • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
    ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
    ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。


いつでもご相談・サイトカスタマイズの依頼を受け付けています

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。


【スポンサーリンク】


記事の拡散にご協力をお願いします

閲覧いただきありがとうございました。役に立つ情報でしたら是非SNSでシェアをお願いします

関連情報