ブログ

ワードプレスでブログを見やすく!ヘッダーにカテゴリーを表示する方法

2020-02-11

ブログ

 

皆のブログは上にカテゴリー表示があるけどどうやって表示してるんだろう?

 

これはつい先日まで僕も気になっていました。

 

AFFINGER5を利用していると公言している人にもカテゴリーが表示されてるからどうにかすればできるはず。

 

そう試行錯誤してなんとか設定できました

 

この記事を読めばワードプレスでブログのヘッダーにカテゴリー表示をすることが誰でもできます

 

わやってこんな人

  • PCはyoutubeを観るためのもの
  • スマホはゲームと電話をするもの

 

こんな僕でもできましたので、必ずできます

 

サイトのイメージに合わなければすぐ外すこともできるので、まだ設定していない人は一緒にやりましょう!

 

ワードプレスでヘッダーにカテゴリーを表示するとは

headermenu

 

初期設定ではブログのヘッダー(1番上)にブログ名があり、その下にヘッダーに設定した画像が表示されます。

 

今回はそのヘッダーの画像とブログ名の間にカテゴリーを入れたいのですが、そのためにはまず設定したいブログにカテゴリーが設定されていないと利用できません。

 

カテゴリー以外は設定することができないのか

 

カテゴリー以外でも設定できます。人によってはプライバシーポリシーや作者のプロフィール、ブログの理念など使い方は人それぞれです。

 

ですが今回はカテゴリー表示をさせるために、カテゴリーが作られてる設定で話を進めます。

 

必ず設定しないといけないのか?

 

こちらに関しては個人のブログの雰囲気に合わせてとしか言えません。

 

ですがカテゴリーなどが設定してあると、再訪問してくれた読者様が迷わずに済みます

 

 

 

あなたもこのような経験ありませんか?

 

前に読んでいた記事を読み返したくてその人のサイトに訪問したけど、結局探していた記事が分からず諦めること。

 

これがカテゴリー分けされていればだいぶ探しやすいですよね。

 

僕はカテゴリーがあるほうが分かりやすくいいと思いますが、サイトをシンプルにしたいなどで設定しない人もいます。

 

ワードプレスのヘッダーにカテゴリーを設定する手順

 

まずはワードプレスのダッシュボード真ん中ら辺にある『外観』より『メニュー』をクリックします。

 

headermenu

 

次の画面で新しいメニューを作成します。

 

headermenu

 

手順は上記の通り。作成をクリックするとメニュー構造が現れますので、メニュー名を今回は『ヘッダー用メニュー』にしましょう。

 

メニューを作成をクリックします。

 

headermenu

 

ヘッダー用メニューという選択肢があるのでそちらにチェックを入れて先に保存しておきます。

 

次にヘッダー(1番上)に設定したい項目を左の『メニュー項目を追加』の欄からカテゴリーを選択します。

 

今回はカテゴリーの『今日から始める』を選択しました。

 

画像の通り、選択したらメニューに追加をします。

 

headermenu

 

すると次のような画面になったと思います。

 

headermenu

 

これで現在『今日から始める』というカテゴリーが設定できました。実際に見てみましょう!

 

headermenu

 

ちゃんと貼れてるみたいですね!もう少しなので頑張って!

 

headermenu

 

先ほどのようにカテゴリーを貼っていきます。

 

ちなみに『今日から始める』の下にある『SNS』などが少しだけ右側に設置されてるのが分かりますか?

 

このように設置するとカテゴリーを親カテゴリーと子カテゴリーとして分けることができます。

 

headermenu

 

画像の通りです。こうすることによってカテゴリーが横に並びすぎてはみ出す、なんてことがなくなります。

 

そして最後に保存するのを忘れないように!

 

headermenu

 

これで更新ができました。簡単ですよね!

 

この設定でヘッダーにカテゴリーが表示されない場合

 

何か違う設定で表示させないようにしている可能性があります。

 

例えばこちら↓

 

headermenu

 

AFFINGER5の管理画面ですが、メニュー内にあるPC用グローバルメニュー、こちらの設定が『PC用メインメニューを表示しない』に設定していると表示されませんので、もし表示しない設定にしていたらデフォルト設定に直しましょう。

 

この設定でヘッダーにカテゴリーが表示されない場合2

 

こちらはよくあるケースですが、設定を変更した後に『保存』をしていないケースです。

 

ワードプレスの設定では、他の設定でもほとんどが最後に保存(save)をしないといけないので意識するようにしましょう。

 

僕もしょっちゅう保存ミスします

 

ワードプレスのブログにはヘッダーで差をつけることができるのでおすすめ:まとめ

まとめに使う画像

 

ポイント

  • ヘッダーにカテゴリーやお問い合わせなどを好きに設置できる
  • 設定してあると読者様が読みたい記事を探しやすい
  • 他のブログと差をつけることができるのでブログのイメージが壊れないならやるべき

 

ワードプレスは始めた頃は今よりももっと何も分からず、ネットでおすすめされている設定などをとりあえずでしていました。

 

ですが少しずつでも理解していくと、本当に自分だけのブログができるので、これからも初心者が悩むような設定を紹介していきたいと思います。

 

複数のブログを運営するメリットデメリット

ブログ

2020/10/21

ワードプレスで複数のブログを運営するメリット・デメリット【初心者必見】

  WordPressで複数のブログを運営するのってどうなの? メリットがあるなら複数のブログを運営したいんだけど教えて!   このような疑問を解消します。   結論からいうと、複数のブログを今から始めるのであればまずは1つのブログを育てましょう。 初心者がいきなりブログを複数運営するにはデメリットや負担が大きすぎます。   現在運営しているブログがうまくいっている人の中には複数のブログ運営をしてメリットがある人もいます。 本記事では複数ブログを運営するメリット・デ ...

ReadMore

ブログの書き方6ステップ

ブログ

2020/10/18

ブログの書き方6ステップ!テンプレ作成で時間短縮【初心者でもできる】

  ブログ1記事書くのにすごく時間がかかっちゃう。 みんなどうやってブログを早く書いているんだろう?   このような疑問にお答えします。   結論からいうと、ブログに慣れてきた所謂「脱初心者ブロガー」の方々はそれぞれブログを書くときの「テンプレ」ができています。   本記事の内容 ブログの書き方6ステップ ブログ1記事執筆時間の目安   本記事では僕が記事を書く時に意識しているテンプレを紹介します。   テンプレを作成することによってブログ1記事 ...

ReadMore

sellers.jsonの設定方法

ブログ

2020/9/10

【Googleアドセンス】sellers.jsonとは?【対応方法】

  Googleからよく分からないメールがきた!「sellers.json」って何?対応してって書いてあるけどなんか怖い…   このような悩みを解消します。   sellers.jsonは広告主にサイト情報などを公開し、透明化するためのツールのこと。   本記事の内容 sellers.jsonとは sellers.jsonへ登録する方法   本記事では、実際に情報を登録する手順を紹介しています。   長文が苦手でメールを読んでいない人には、本記事 ...

ReadMore

AFFINGER5でWordPressのアップデート

ブログ

2020/8/29

【AFFINGER5】WordPress5.5へのアップデート【タグ復活】

  AFFINGER5ユーザーはもうWordPressのアップデートしても大丈夫?   このような疑問を解消します。   結論、AFFINGER5はWordPress5.5での不具合が解消されたので、アップデートして大丈夫です。   本記事の内容 WordPressの操作時に注意すること AFFINGER5のアップデート方法 WordPressのアップデート方法   本記事では、WordPressのアップデート方法を簡単に解説します。   AFF ...

ReadMore

WordPressログインURLの変更方法

ブログ

2020/9/5

ワードプレスのログインURLを早急に変更するべきたった1つの理由

  WordPressのログインURLって変えた方がいいのかな? まずどうやって変えるんだろう?   このような疑問を解消します。   結論からいうと、今すぐにでも変更しましょう。 理由はそのままにしておくと悪意ある第三者に不正アクセスされてしまう危険性があるからです。   本記事の内容 ワードプレスのログインURLとは ログインURLの簡単な変更方法 ログインURL以外に対策しておくべきこと   本記事を読むと、WordPressの利用で危険に晒されるリ ...

ReadMore

-ブログ

© 2020 今日はじブログ Powered by AFFINGER5