ブログ用WordPressテーマ マテリアル

無料の割に高機能なブログ用WordPressテーマ マテリアルについての解説サイトです

グローバルナビゲーションを表示する方法

time 2015/03/20

グローバルナビゲーションを表示する方法

 グローバルナビゲーションの表示方法を解説します。グローバルナビゲーションというのはブログタイトルの下に表示されているメインメニューのことです。

sponsored link

メニューを作る

 まずはメニューを作成します。
(既にメニューがある場合は、次に進んで下さい)

 WordPress管理画面の外観メニューを開いて下さい。

 新規メニュー作成をクリックするとメニューを作成できます。

menu2
 まずメニューに名前をつけます。何でもいいので半角英数で名前を入力して、メニューを作成をクリックします。

menu3
 固定ページ、リンク、カテゴリーの中から、メニューリストに追加したい項目を選んで、メニュー構造の中にドラッグで放り込みましょう。ドラッグする場所を微妙にずらすとメニューに親子関係を設定することも出来ます。が、マテリアルでは今のところ親子メニューの表示はサポートしていませんのであしからず。

 リストが出来上がったら、メニューを保存をクリックして完成です。

メニューを選ぶ

 続いてテーマカスタマイザーから操作します。
 テーマカスタマイザーはWordPress管理画面の外観カスタマイズをクリックして開きます。

 左端のカスタマイズ出来る項目の中に、ナビゲーションというのがあるのでクリックします。

menu6 どのメニューをグローバルナビゲーションとして使用するか選択出来ます。

 良い感じだったら、一番上の保存して公開をクリックして下さい。

 ちなみに、PC以外からのアクセスの場合、グローバルナビゲーション部分はにゅるっと出てくる仕様になっています。

sponsored link

コメント

  • 初めてコメントさせていただきます。
    マテリアルを使ってサイトを構築しているのですが、この記事通りにメニューの設定をやってもメニューが機能しません。

    解決策をご教示いただけませんでしょうか?

    よろしくお願い致します。

    by たけ €2016年5月21日 11:19 AM

  • 失礼しました。
    今、自己解決しました。。。

    by たけ €2016年5月21日 11:32 AM

  • はじめまして。お世話になります。
    マテリアルを使わせて頂いています。初心者ですので、わからないことだらけです。そこで、いくつか質問をさせて頂きます。
    1 PC、スマホ両方とも、メニューが上部に固定されません。また、スマホでは、MENUの文字しか表示されません。カスタマイズ画面でも、MENUの文字だけです。
    2 TOPへ戻るボタン表示はされるのですが、機能しません。

    カスタマイズ画面、UI設定で両方ともチェックは入れてあります。

    解決策をお教えいただけませんでしょうか?
    よろしくお願いいたします。

    by エム €2016年6月3日 2:43 PM

  • >エムさん
    なぜかjqueryの読み込みでエラーが起きてますねぇ。一度プラグインを全部外してみて確かめてもらえませんでしょうか?

    あと「メニューバーを画面上部に常に表示する」にチェックは入ってますか?ソースコードを見たところチェックが入っていないと思うのですが?ご確認ください。

    by nobuo@管理人 €2016年6月3日 4:16 PM

  • 早速のご回答ありがとうございます。
    プラグインを、すべて外してみました。
    結果、TOPへ戻るは解決しました。
    メニューのほうは、ブラウザーがFirefoxですと機能しませんが、Chromeですと問題なく動作しています。
    スマホも大丈夫です。
    まだ何か問題があるのでしょうか?
    よろしくお願いいたします。

    by エム €2016年6月3日 5:42 PM

  • 失礼しました。
    解決しました。
    ログイン状態で、サイトを開くとメニューが固定されないようです。
    お騒がせしました。
    ありがとうございました。
    また何かありましたら、よろしくお願いいたします。

    by エム €2016年6月3日 5:55 PM

  • >エムさん
    僕が見たところFireFoxでも問題なく動いてますよ。

    後は1つ1つプラグインを有効化しながら確かめれば、どのプラグインが原因かが分かると思います。
    もし原因と思われるプラグインが分かったら、教えていただけると嬉しいです。

    by nobuo@管理人 €2016年6月3日 5:56 PM

  • >ログイン状態で、サイトを開くとメニューが固定されないようです。
    固定されないんじゃなくて、WordPressのメニューバーと重なってしまっているんです。
    WordPressのメニューバーを非表示にすれば、見えるはずです。

    by nobuo@管理人 €2016年6月3日 6:01 PM

  • ありがとうございます。
    メニューバーを非表示にしました。お騒がせしました。
    プラグインの件、Easy Smooth Scroll Linksが原因のようでした。
    テーマをstinger5から、マテリアルに変更したのでプラグインが残っていたためでした。
    良い勉強になりました。

    by エム €2016年6月3日 6:17 PM

down

コメントする



CAPTCHA


更新情報

マテリアルの使い方

信頼できるサーバー第1位

管理人

Nobuo_CREATE

Nobuo_CREATE

WordPressテーマPrincipleを作ったり、Androidアプリを作ったり、Java入門サイトを作ったり、本を書いたりしています。どうぞよろしく。