前提・実現したいことWordpressで初めてブログを作りました。 Show
発生している問題・エラーメッセージなぜかトップページの時だけグローバルメニューが表示されません。 試したこと外観→メニュー→位置の管理のヘッダーナビは「ヘッダーメニュー」設定しました。 まだ完成していないのでお恥ずかしいですが、 以下のような質問にはリアクションをつけましょう
リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。 気になる質問をクリップする クリップした質問は、後からいつでもマイページで確認できます。 またクリップした質問に回答があった際、通知やメールを受け取ることができます。 下記のような質問は推奨されていません。
適切な質問に修正を依頼しましょう。 15分調べてもわからないことは ただいまの回答率 質問をまとめることで テンプレート機能で 質問する 関連した質問同じタグがついた質問を見るWordPress WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。
こんな疑問や悩みに答える内容になっています。 この記事を読めばWordpress初心者の方でも下記のようなグローバルメニューを簡単に設定することができます。(当ブログの例) この記事で分かる3つの事
この記事を読み終われば、WordPress初心者の方でもグローバルメニューの設定で悩むことはなくなりますよ(^^)/ もくじ
WordPressの「グローバルメニュー」とは?WordPressの「グローバルメニュー」とは冒頭でも示したように、サイトの1番上にくるナビゲーションメニューのことです。 グローバルメニュー(当ブログの例) お使いのWordPressテーマによって表示方法は変わります。 グローバルメニューの役割は、読者が迷うことなく目的の記事を見つけるということだけでなく、 検索エンジンのクローラーが記事を見つけやすくなるといった役割もあります。 また、当ブログのように、アイコンをグローバルメニューに表示させるカスタマイズ方法も記事後半で解説していきます。 1、WordPressの「グローバルメニュー」の設定方法WordPressの管理画面左側メニューから「外観」⇒「メニュー」をクリックします。 すると下記のようなメニューの編集画面に移るのでメニューを作成していきます。
すると下の画像のようにメニューを作成できるようになります。 左側の「メニュー項目を追加」からグローバルメニューに載せる項目を選んでいきます。 ※注意説明 グローバルメニューの完成形をイメージしやすいように、当ブログのグローバルメニューと同じ形にする方法を解説していきます。 グローバルメニューに追加していく項目
もちろんこれは例であって、どれを入れてどれを入れないかはご自身で判断してください。 カスタムリンクの追加設定方法まずは、グローバルメニューの左側にトップページのリンクを設置していきます。 「固定ページ」の項目にも「ホーム」というのがあるのでわざわざ作る必要ありませんが、一応説明のためにカスタムリンクで作ります。 左側の「メニュー項目を追加」から「カスタムリンク」をクリックすると上記のように入力窓が開きます。
すると画面右側のメニュー構造の中にカスタムリンクで作った項目が追加されます。 カテゴリーページの追加設定方法次に、「カテゴリーページ」をグローバルメニューに追加していきます。 ※補足説明 左側の「メニュー項目を追加」より「カテゴリー」をクリックします。
すると上記画像の右側のようにカテゴリーページが追加されます。 固定ページの追加設定方法最後に「固定ページ」を追加していきます。 ※補足説明 画面左の「メニュー項目を追加」から「固定ページ」をクリックします。
これで全てのグローバルメニューの項目を揃えました。 次に、画面右側の「メニュー構造」の下の方にある「メニュー設定」の中から「グローバルナビ」にチェックを入れましょう。 お使いのWordpressテーマによって表示が異なります。ここで「スマホ用のグローバルメニュー」や「フッターメニュー」が選べますがテーマによってないものもあります。 チェックをしたら右側にある「メニューを保存」をクリックしましょう。(上も下も同じです) では、先ほど設定したグローバルメニューがちゃんと反映されているのか実際のサイトを見てみましょう。 このようにしっかりグローバルメニューに反映されてますね(^^)/ WordPressのグローバルメニューが表示されない場合上記の手順で設定をすれば基本的にグローバルメニューは設定をすることができますが、稀にこの手順でやっても表示されないことがあるようです。 その時に考えられることは、サイトの全体設定で「グローバルナビを表示」、という項目にチェックが入っていない場合です。 その場合は「外観」⇒「カスタマイズ」の中から探し出してチェックが外れていないか確認しましょう。 これもお使いのWordpressテーマによって表示内容が異なります。 2、グローバルメニューの編集方法:WordPress次に、グローバルメニューの基礎的な編集方法を解説します。 グローバルメニューの基礎的な編集方法
※補足説明 グローバルメニューの位置を変える方法下記の画像のようにグローバルメニューの位置を変えることは簡単にできます。 先ほどのメニュー設定画面で移動したい項目をドラッグ&ドロップするだけです。 メニューの位置を変えたら右側の「メニューを保存」をクリックすることを忘れないようにしましょう。 ドロップダウンメニュー(階層)を作る方法下記画像のようにグローバルメニューをまとめてドロップダウンメニューにすることも簡単にできます。 下記の画像のようにドロップダウンメニューを作りたい親カテゴリーの下に「右に少しずらして」ドラッグ&ドロップするだけです。 下記画像のようにさらに階層を深めることもできますが、逆に読者が迷ってしまう原因になるのでこのような構造は避けたほうがいいと思います。 ダメな例 変更をしたら右側の「メニューを保存」を忘れずにクリックしましょう。 メニューを複数作ったときの管理法グローバルメニューだけでなくフッターメニューなど複数のメニューを作った場合は、「位置の管理」という項目で簡単に管理できます。 どのメニューがどこに配置されているかなどが一目で分かるので複数のメニューを作った場合は便利です。 メニューを削除する方法メニュー項目を削除したい場合は、削除したい項目「右側の▼」をクリックしましょう。 すると上記画像のように項目の左下に「削除」があるのでクリックします。 メニュー全体を削除したい場合は、上記画像のようにメニュー構造の1番下に「メニューを削除」とあるのでそれをクリックしましょう。 3、WordPressのグローバルメニューカスタマイズ方法(アイコン画像)グローバルメニューにアイコン画像を追加するカスタマイズ方法を解説します。 当ブログの例 まずは「Font Awesome」というサイトでアイコン画像を取得します ⇒Font Awesome ※補足説明 上記URLに入ると下記のような画面に移ります。 入力窓に欲しいアイコンのキーワードを英語で入力します。 日本語で入力してもヒットしないので気をつけましょう。 今回は「Twitter」のアイコンを取得してみます。 上記のように入力窓に「Twitter」と入力するとアイコンが出てきます。 無料で使えるアイコンは黒くなっているものだけです。 すると下記のような画面に移ります。 この画面でアイコンの大きさなども指定できますがそこのところは割愛します。 赤枠で囲っているところにアイコンの「HTMLコード」があるのでクリックするだけでコピーができます。 メニューの編集画面に戻り、アイコンをつけたいメニュー項目の▼をクリックして開きます。 「ナビゲーションラベル」に先ほどコピーしたHTMLコードを張り付けましょう。 あとは右側の「メニューを保存」を忘れずにクリックしましょう。 上記のようにアイコンが表示されて入ればOKです。 ※ 注意説明 今回僕がやってみたときもこうなりました その場合は「FontAwesomeのサイト」にアクセスをしてメールアドレスを登録すると「CDNコード」というのが発行されて、それをテーマヘッダーに張り付ける作業が必要になります。 (外観⇒テーマエディター⇒テーマヘッダー(親テーマ)⇒<head>と</head>の中に取得したCDNコードをコピペ) これで表示されます。 WordPress初心者の方にとっては難しいかもしれませんが、 「テーマヘッダーにコードを貼り付ける」という作業はいろんなところで求められる基本的な作業なので、覚えておくと今後便利です。 テーマヘッダーへのコードの貼り方は、また別記事で詳しく解説したいと思います。 WordPressのグローバルメニュー:まとめでは最後に、WordPressグローバルメニューについてまとめるこのようになります。 WordPressグローバルメニューの設定方法まとめ
冒頭でも説明したように、グローバルメニューは読者の為でもあり、検索エンジンの為でもあるので、 どのようなキーワードでグローバルメニューを作るかなども考えて設定していきましょう。
『検索エンジンとは』仕組みや最適化の方法を初心者に解説【SEO】続きを見る
『SEO対策とは』ブログ集客の3つの基本|初心者にわかりやすく解説続きを見る それでは、よいWordPressライフをお送りください(^^)/
【スマホで5分】WordPressブログの始め方【初心者も簡単】続きを見る WordPressのメニュー配置は?複数のメニューの表示位置を管理する
画面左側「外観」の中にある「メニュー」をクリックして下さい。 「メニュー」画面が表示されます。 画面左上の「位置の管理」タブをクリックしてください。 メニューを表示する位置毎に現在どのメニューが表示されるように設定されているのかを確認することができます。
ワードプレスのカスタマイズメニューは?ダッシュボード>外観>メニューを開きます。 「新規作成」をクリックすると、新しいメニューを作成することが可能です。 固定ページを追加したいときは、追加したいものをチェックし「メニューに追加」ボタンを押しましょう。 カスタムリンクを選んだ場合、好きなサイトのリンクを載せることも可能です。
WordPressのメニュープラグインは?オススメのWordPressメニュープラグイン. Max Mega Menu.. Responsive Menu.. WP Responsive Menu.. WP Mobile Menu.. WordPress Mega Menu – QuadMenu.. UberMenu – WordPress Mega Menu Plugin.. WordPressのヘッダーメニューの作り方は?ヘッダーメニューカスタマイズ方法. メニューの作成は、管理画面 > 外観 > メニュー から行います。. ヘッダーメニューの設定は、メニュー作成から メニュー設定 > メニュー位置 (ヘッダーのナビゲーション)にチェックを入れます。. ヘッダーメニューは、ロゴと並列にするか独立させるか選ぶことができます。. |