自分力ブログ

自分なりの成功パターンでゆるく、楽しく、たくましく生きる方法を見つけるお手伝いをしています

【Stingerのカスタマイズ】グローバルナビゲーションをつけたい

      2015/05/09



グローバルナビゲーションをつけて分かりやすく

メニューバー、ナビバーなどいろいろ呼び方はあるようですが。

私のブログで言うとこの赤枠部分のことです。スマホの場合は右上のMENUを押すとこれが出てくるように設定します。

グローバルナビゲーション

これがあると、何の記事がどこにあるかわかりやすいですよね。

まず、一番左にホーム(トップ)は欲しいです。ブログ名をクリックするとホームに行くのが当たり前と思っていませんか?私はブログを始めてからこれを知りました。誰にでも分かるようにホームは作りましょう。

次は、ホームの隣にカテゴリーを並べたいです。私のブログだと、stingerカスタマイズ、FC2ブログ、副業、健康など。健康をクリックすると、健康関連の記事が表示されるようにします。

さっそくグローバルナビゲーションをつけましょう。といっても、とても簡単なので安心してください。私でも10分でできました。

 

グローバルナビゲーションをつけてみよう

外観→メニュー でメニュー(グローバルナビゲーション)をつくります。メニューの名前のところに半角英数でnavbarと入力してメニューを作成ボタンをクリックします。

メニュー構造に左カラムからメニュー項目を追加してくださいと出てます。

ワードプレス2

まずはホームをつくります。リンクの下向き三角ボタンを押して、URLにホームのアドレスを入力、リンクテキストにホームと入力します。(ホームでもトップでもいいです)で、メニューに追加ボタンをクリックします。すると、メニュー構造のところにホームができましたよね?

ワードプレス

次にカテゴリーをつくります。カテゴリーの下向き三角ボタンを押してすべて表示にします。表示させたいものにチェックをつけてメニューに追加ボタンを押します。すると、メニュー構造のところにチェックしたものができましたよね?

(カテゴリーが出てこないときは作らないといけません。投稿→カテゴリーから新規カテゴリーを追加画面に行きます。名前欄に作りたいカテゴリー名を入力します。新規カテゴリーを追加ボタンをクリックするとカテゴリーができます)
順番はドラッグ&ドロップで自由に入れ替えることができます。

メニュー構造の下にメニュー設定があります。ナビゲーションバーにチェックを入れてメニューを保存ボタンをクリックします。

これでグローバルナビゲーションができました。サイトを表示させてみてください。うまく表示されましたか?うまくいかない時はコメントください。私の分かる範囲内でコメントします(^o^)

 - stingerカスタマイズ

Message

メールアドレスが公開されることはありません。

  関連記事

意外な盲点!!文字を大きくするだけで読まれるブログになる!!

既にある自分の強みをテーマに考えてました。   見つけました。私が人に …

スパムコメントを撃退する『Akismet』の設定でヒヤっとしました。。。

なんという間抜け野郎なんだ。。。   初めてスパムコメントを受け取った …

【Stingerのカスタマイズ】プロフィール欄をつくろう

スティンガーのカスタマイズでお困りの方は   Stingerのカスタマ …

【Stingerのカスタマイズ】アイキャッチ画像を記事トップに表示させる

アイキャッチ画像を設定しよう   グーグルアドセンスの申請中だったので …

【Stingerのカスタマイズ】『WordPress Ping Optimizer』でPing送信をする

Ping送信ちゃんとしてますか?? ブログを始めたばかりで右も左もわからない。黙 …

サイドバーの人気記事をStinger5と同じ仕様にしてみたよ

やっぱりデザインが統一されてないと気持ちが悪い   先日プラグイン(W …

【Stingerのカスタマイズ】文字を大きく・行間を広くする

【Stingerのカスタマイズ】で私が最初にやったこと   ワードプレ …

【Stingerのカスタマイズ】Googleアドセンスを初めてブログに貼ってみた

ブログを始めたらGoogleアドセンスに申し込み ブログを始めて記事を書いたらG …

ワードプレスの個人情報って簡単に流出しちゃうんですね(汗)今回私がした対策

とあるブログに助けられた。無知って怖い。。。   とあるブログとは、私 …

ブログの表示速度が遅くなっているですと!?原因は画像の重さ?『EWWW Image Optimizer』を設定

グーグルさんが表示速度遅いですよ!!と教えてくれた   いつものように …