WordPressテーマ-Diver(ダイバー)での『TOPページに固定記事を表示させる設定』を紹介します。

あなたのサイトにもこれだけは読んで欲しい一押しの記事があるのではないでしょうか？

何も考えずにブログを書いていくと、新しく投稿した記事に埋もれてしまい。

「見てほしかった記事を見つけられない・・」ということも起こります。

そこで、今回紹介する『TOPページに固定記事を表示させる設定』を参考にすることで

一押しの記事をユーザーに見せることが簡単にできるようになるのです。

トップページの固定記事とは？

固定記事を設定すると、fa-arrow-upこのように投稿日関係なくTOPページの一番上に表示されます。

「Diver」のもともとの設定ではトップページがfa-arrow-down以下のように新着記事になっていると思いますが、記事の目立ち方が違いますね。

時間をかけて書いた記事や、収益を生み出すような記事こそ「固定記事」として設定しておくことでユーザーの目に留まります。

何かしらの価値を提供するために記事を書いているのがブロガーだと思います。

有益記事こそ誰かが見れるようにしておかなくては自分にとっても読者にとってもメリットがないので目についてもらいたいものです。

fa-thumbs-o-downデメリット

数に制限はないですが、あまり多すぎると何を読んだらいいのか分からなくなってしまいます。

2～4個がオススメです。

固定記事の設定方法

固定記事の設定は『投稿ページ』から行います。

普段記事投稿しているので、慣れているとは思うのですが念のため書いておきます。

WordPressのメニューを開きます。

●『これから書く記事』を固定記事にしたいとき

fa-check-square-o『投稿』→『新規追加』をクリックします。

●『投稿済みの記事』を固定記事にしたいとき

fa-check-square-o『投稿』→「投稿一覧」→『編集』をクリックします。

投稿ページが開いたら、右側に『公開』のタブをみてください。

fa-check-square-o『公開状況』の『編集』をクリックします。

すると、fa-arrow-down以下の画像のように隠れていたチェックボタンが表示されます。

fa-check-square-o『この投稿を先頭に固定表示』にチェックを入れて『OK』をクリックします。

fa-check-square-o最後に『公開』をクリックして完了です。

fa-paw補足

公開済みの記事を編集する時は、以下のような方法も早いのでオススメです。

fa-check-square-o『投稿』→「投稿一覧」→『クイック編集』をクリックします。

fa-check-square-o『この投稿を先頭に固定表示』にチェックを入れて『更新』をクリックします。

たったこれだけで完了です！こちの方が早く終わるのでらくですね。

ここではピックアップスライダーのタグも設定できるので、ピックアップスライダーに載せたい記事も簡単にせっていできます。

>>【Diver】ピックアップスライダーの設定方法-｜一番見せたい記事を載せよう

固定記事のタイトル変更方法

上のように『固定記事』ってタイトルが、ださいと感じてしまうのは自分だけでしょうか？

固定記事のタイトルの変更方法はこちらに書いてあるので、参考にしてみてください。

fa-list-alt

関連記事

【Diver】「固定記事」のタイトル名を変更する方法

2020.6.26

Wordpressテーマ-Diver(ダイバー)での『TOPページ固定記事のタイトル変更方法』を紹介します。 カエル Diverの使い方を紹介するよ サイトで設定できる固定記事は、見てもらいたい記事を表示できるので便利ですよね。 しかし、「固定記事」ってタイトルがダサい・・・ と感じるのは僕だ...

>>【Diver】「固定記事」のタイトル名を変更する方法

その他の記事を目立たせる方法

固定記事として、記事を目立たせる以外にも方法は他にもあります。

・カテゴリページでの表示

カテゴリーページに進んだ時に、ファーストビューで見せるページを投稿ページのように加工ができます。

サイトデザインがガラッと変わり個性が出るサイトになる事間違いないです。

詳しくはfa-arrow-downこちらからどうぞ

>>【Diver】ピックアップスライダーの設定方法-｜一番見せたい記事を載せよう

・ピックアップスライダー

記事に動きがあるので目に留まりやす効果が期待できます。

このことでサイトのPV数があがるでしょう。

詳しくはfa-arrow-downこちらからどうぞ

>>【Diver】カテゴリーページのカスタマイズ方法｜サイトの見え方が変わります

まとめ

本気で書いた記事を皆さんに届けるためにも、固定記事をうまく使いましょう。

Diverに関する記事は他にもあるので良かったら見てください。

また、SEOに関する記事も書いてあるので合わせてどうぞ。

WordPressテーマ-Diver(ダイバー)での『TOPページ固定記事のタイトル変更方法』を紹介します。

サイトで設定できる固定記事は、見てもらいたい記事を表示できるので便利ですよね。

しかし、「固定記事」ってタイトルがダサい・・・

と感じるのは僕だけでしょうか？

そこで、今回は『固定記事タイトル名を変更する方法』を紹介します。

ユーザーにより見てもらいたくなるようなタイトルに簡単に変更できるようになります。

固定記事タイトル名とは？どこ？

実際にfa-arrow-upこのよう固定記事のタイトルを変更することが可能です。

どういう意図を込めて記事を設置しているのかわかるので、ユーザーも次のアクションにつなげやすいと思います。

デフォルトだとfa-arrow-upこんな感じです。

ユーザーにとっては固定記事と書かれても

「固定ってなんのこと？」と全くユーザーのことを考えられていないサイトになってしまいます。

fa-paw補足

そもそも、固定記事の設定方法がわからないという方はコチラの記事を参考にしてみてください。

設定方法が簡単にわかるようになっています。

fa-list-alt

関連記事

【Diver】トップページ一番上に固定記事を表示させる設定

2020.6.27

Wordpressテーマ-Diver(ダイバー)での『TOPページに固定記事を表示させる設定』を紹介します。 カエル Diverの使い方を紹介するよ あなたのサイトにもこれだけは読んで欲しい一押しの記事があるのではないでしょうか？ 何も考えずにブログを書いていくと、新しく投稿した記事に埋もれてし...

>>【Diver】トップページ一番上に固定記事を表示させる設定

固定記事タイトル名を変更する方法

タイトル名の変更方法はかなり簡単です。

WordPressのメニューを開きます。

fa-check-square-o『外観』→『カスタマイズ』→『メイン設定』をクリックします。

メイン設定の画面に切り替わったと思います。下の方にスクロールすると固定記事が表示されているはずです。

fa-check-square-o『固定記事』の中にタイトルとして表示させたい文言を追加ます。

fa-check-square-o文字を入力をすることで、固定記事のタイトル名の変更ができます。

非表示にしたいときは、何も入力しなければOKです。

最後に『公開済み』をクリックして完了です。

その他のタイトル名の変更方法

DIVERでは他にもタイトルを自由に変更することが可能です。

●ピックアップスライダーのタイトル変更方法はコチラ

>>【Diver】ピックアップスライダーの設定方法-｜一番見せたい記事を載せよう

●サイドバーのタイトル変更方法はコチラ

>>【Diver】サイドバー・ウィジェットタイトルの色とスタイルの変更方法

まとめ

ユーザーにとって欲しい行動を文字で書いてある事は、ユーザーにとっても親切でしょう。

固定記事は運営者向けの言葉なので変更することがオススメです。

Diverに関する記事は他にもあるので良かったら見てください。

また、SEOに関する記事も書いてあるので合わせてどうぞ。

WordPressテーマ-Diver(ダイバー)での『絞り込み検索ボタンの色の変え方』を紹介します。

2020年6月9日(バージョン4.6.9)のアップデートでダイバーの絞り込み検索機能が追加されました。

追加されたのに、検索ボタンの色が変わらなくてサイトに組み込めないと悩んでいる方もいるようです。

そこで今回は絞り込み検索ボタンの色の変更方法を解説してきます。

ブログになじむ検索ボタンになるので、サイトに浮くことなく表示をすることが可能です。

絞り込み検索ボタンの色を変更するためには

Diverではトップページやサイドバーの色は設定画面から簡単に変えることができますが、検索ボタンに関しては設定画面から変更ができません。現時点バージョン: 4.6.9

Diverでは、カスタマイズより基本的な色は変更することが可能ですが、細かい箇所に関してはCSSで調整する必要があります。

Diver公式

検索ボタンは細かい個所に該当し、自分で変更する必要があるとのことでした。

そこで今回は、誰でもできるCSSの書き換え方を紹介しているのですぐにできますよ。

fa-paw補足

『通常検索ボタンの色』の変え方がわからないで困っている方はこちらもご覧ください。

fa-list-alt

関連記事

【Diver】『検索ボタン』の色の変更方法｜誰でもできるCSS変更

2020.5.16

Diverで『検索ボタンの色の変え方』を紹介します。 カエル Diverの使い方を紹介するよ Diverで色々とカスタマイズをして自分の好みのデザインになってきたのに、検索ボタンの色が変わらなくて困っているのではないでしょうか？ 今回は検索ボタンの色の変更方法を解説してきます。 これがわかる...

>>【Diver】『検索ボタン』の色の変更方法｜誰でもできるCSS変更

絞り込み検索ボタンの色の変更

追加CSSのページから「今回紹介するコード」を貼り付け、変更したい色のカラーコードに書き換えるだけです。

それでは簡単に説明をしてきますね。

1．追加CSSの画面に進む

WordPressの編集画面から

fa-check-square-o『外観』→『カスタマイズ』をクリックします。

fa-check-square-o『追加CSS』をクリック

ここでコードを書き換える画面になります。

2．CSSにコードを入力する

fa-check-square-o以下のコードをコピーして、CSS追加のコードを記載する場所に貼り付けてください。

fa-lightbulb-oPOINT

この『#3c82ff』のカラーコードを変更することで自分の好きな検索ボタンに変更ができますよ。

/* ================================
絞り込み検索ボタンの色
================================ */

button.search-widget__submit {
    background: #3c82ff;
}

実際の画面はこんな感じです。

fa-check-square-o自分の変更したいカラーコードに変更したら『公開』をクリック

3．変更の確認

確認をしましょう。

コードの貼り付けミスなどがあると反映していないことがあります。

自分の思うカラーになっていたらOKです。

まとめ

絞り込み検索ボタンの変更は設定画面からは行えませんが、CSSにコードを記入するだけで簡単に変更できます。

絞り込み機能はユーザーにとってストレスなく見たい記事を探せるので設定をしておく価値は十分あります。

Diverに関する記事は他にもあるので良かったら見てください。

また、SEOに関する記事も書いてあるので合わせてどうぞ。

WordPressテーマ-Diver(ダイバー)での『ピックアップスライダーの設定方法』を紹介します。

記事がスライダーで表示されているのを見たことはないでしょうか？

サイト自体に動きが出て『オシャレ』って感じる人も多いかと。

例えば、この記事のタイトルの上方に表示されているのが『ピックアップスライダー』です。

アイキャッチ画像でユーザーの目を止めることができるので、収益記事や読んで欲しい記事を載せて置くことで記事の訴求が可能になります。

今回の記事を参考にすれば、ピックアップスライダーの表示方法がわかり、あなたのサイトでの回遊率がアップするでしょう。

ピックアップスライダーとは？効果は？

画像がスライドしながら表示されるため、ユーザーの目線を惹きつけ、足を止めさせる効果が期待できます。

指定した記事のアイキャッチ画像を流せるので、ユーザーが見て欲しい記事をクリックする確率を高めます。

Diverではピックアップスライダーを3カ所に設定可能です。

それでは説明していきますね。

ピックアップスライダーの設定方法

ピックアップ方法の設定手順を以下の順番で進めていきます。

それでは説明スタート

1．3種類のピックアップスライダー基本設定を行う

先ほども説明しましたが、Diverではピックアップスライダーを3カ所に設定可能です。

1．トップページ

投稿ページのピックアップスライダーはfa-arrow-upこの赤枠の中です。

WordPressのメニューを開きます。

fa-check-square-o『外観』→『カスタマイズ』→『メイン設定』をクリックします。

fa-check-square-oスクロールした先の『スライダー記事』から設定を行っていきます。

特に設定をいじるところはないのですが、『トップページで非表示にする』にチェックが入っているとトップページで表示されません。

以下がここで一番重要な事です。

ここで設定したタグを含んだ記事がピックアップスライダーに表示されます。※タグのつけ方は後程教えていきます。

fa-paw補足

・『スライダーをアイキャッチのみの表示にする』にチェックを入れると、記事のタイトルが表示されないようになります。

アイキャッチ画像にタイトルが入っている場合は、タイトルも表示するとく「ごちゃごちゃ」になるので、チェックを入れてアイキャッチ画像のみ表示させましょう。

・『スライダータイトル』を設定するとピックアップスライダーの上にタイトルが表示されます。

僕は設定してないのですが、あってもいいなと思います。

2．投稿ページ

投稿ページのピックアップスライダーはfa-arrow-upこの赤枠の中をさします。

WordPressのメニューを開きます。

fa-check-square-o『外観』→『カスタマイズ』→『投稿設定』をクリックします。

fa-check-square-oスクロールした先の『pickup記事表示』から設定を行っていきます。

主に設定ができることは『表示する場所』と『表示するかしないか』の設定になります。

3．ファーストビュー

ファーストビューのピックアップスライダーはfa-arrow-upこの赤枠の中のことです。

fa-exclamation-triangle注意

WordPressのメニューを開きます。

fa-check-square-o『Diverオプション』→『ファーストビュー』をクリックします。

背景の中のファーストビューから『ピックアップスライダー』を選択します。

その後、『スライダーサイズ』を設定しましょう。

最後に『変更を保存』をクリックして設定完了です。

以上で『3種類のピックアップスライダー基本設定』は完了です。

2．ピックアップスライダーに表示する記事を選ぶ

ユーザーに見てもらい記事を選びましょう。

せっかくピックアップスライダーに載せる記事です、見てもらいたいものを選んだ方がいいかもしれません。

ピックアップスライダーに載せる記事は以下の2パターンが考えられます。

それぞれのピックアップスライダーに載せる方法を紹介していきますね。

1．すでに投稿済みの記事

WordPressのメニューを開きます。

fa-check-square-o『投稿』→『投稿一覧』→『クイック編集』をクリックします。

fa-check-square-o右の『タグ』の中に『pickup』と入力して完了です

『更新』をクリックして完了です。

ピックアップスライダーに記事が追加されているか確認も必須です！

2．新規投稿の記事

fa-check-square-o投稿ページの『タグ』をクリックします。※基本的に右側に表示されているかと思います。

fa-check-square-oそこに、『pickup』と入力して完了です。

そのままいつも通りに投稿すれば、ピックアップスライダーに記事が追加されています。

これだけで完了です。

ちゃんとピックアップスライダーに記事が追加されているか確認して見てください

3．細かい確認

いくつか質問をいただいたので回答をしておきます。

まとめ

ピックアップスライダーがあるだけで、サイトに動きがでるので見た目も垢抜けます。

設定しておくべきなDiverのカスタムの一つです。

Diverに関する記事は他にもあるので良かったら見てください。

また、SEOに関する記事も書いてあるので合わせてどうぞ。

WordPressテーマ-Diver(ダイバー)での『目次をサイドバーに表示させる方法』を紹介します。

記事を読んでいるときに「さっきのところもう一度読みたい！」といったことはないでしょうか？

きっと、あなたがそう感じていればユーザーも感じることがあるでしょう。

そういった時に目次がサイドバーに表示されてたら、目次をクリックして読みたいところに飛んで記事を読みなおせます。

そこで、今回はサイドバーに目次を表示させる方法を紹介していきます。

記事をスクロールするたびについてくるので、ユーザーにとってより使いやすいサイトになることは間違いないです。

投稿ページで目次をサイドバーに表示するとは？

PCで見たときの、投稿ページのサイドバーに目次を表示することができます。fa-arrow-up画像の赤枠部分です。

サイドバーに表示される目次は記事をスクロールする度についてくるので、見失わないのがいいですね。

戻って記事が見つけやすいという事は、滞在時間を長くさせる役割もあります。

見つけにくいと、見つからないストレスによってサイトからの離脱もあり得るのです。

サイドバーに目次を表示させる方法

それではサイドバーに目次を表示させる方法を紹介していきます。

手順は以下のようになります。

Table of Contents Plus（TOC＋）の導入

「 Table of Contents Plus（TOC＋）」というプラグインがインストールされているかの確認をしましょう。

・インストール済みの方は次の『サイドバーへの目次設定』に進んでください。

・インストールがまだという方はこちらの記事を参考にしてインストールしてください。

必須と言っていいくらどのブログでも使われているプラグインです。

fa-list-alt

関連記事

目次の自動作成プラグイン『Table of Contents Plus』の設定方法と使い方

2020.4.29

オタマジャクシ 目次をどうやって作っているの？ 「Table of Contents Plus」の設定の方法が知りたい こんな疑問や悩みを解決していきます。 ブログでは、目次があることでユーザーにとっての利便性が上がります。 便利なのはわかっていても、目次の作り方がわからないという方もいるので...

>>目次の自動作成プラグイン『Table of Contents Plus』の設定方法と使い方

他にもDiverでインストールしておくべきプラグインはこちら

>>【Diver】おすすめプラグイン＆推奨プラグイン11選

サイドバーへの目次設定

WordPressの編集メニュから

fa-check-square-o『外観』→『ウィジェット』をクリック

ウィジェット画面から設定を行っていきます。

fa-check-square-o『利用できるウィジェット』の中に。『TOC＋』があるので、『追従サイドバー』にドラッグ＆ドロップをしてください。

fa-check-square-o追従サイドバーの中に『TOC+』が表示されているのが確認できたら完了です。

このブログのサイドバーも追従目次を使っていますので、確認してみてください。

fa-paw補足

追従サイドバーの中に『TOC+』をクリックすとfa-arrow-down以下のように表示されます。

ここではサイドバーの目次名と目次を本文に表示させるさせないをコントロールすることができます。

自分の好みで目次名を変えるのもおもしろですね。

僕の場合はちょっと英語でかっこつけてます笑

まとめ

簡単設定できるわりには便利な機能で驚いたのではないでしょうか？僕は驚きました。

ユーザーにとっても、目次がいつでも見れることで全体の今はどの辺を読んでいるのがわかったほうが親切でいいのではと思います。

Diverに関する記事は他にもあるので良かったら見てください。

また、SEOに関する記事も書いてあるので合わせてどうぞ。

カテゴリーページを開いた時に「タイトルと記事が並んでいるだけじゃ芸がない」と思ったことがありました。

そんなカテゴリページのカスタム方法を紹介していきます。

この記事を参考にすることで、カテゴリーページでのユーザビリティを上げることができます。

ユーザーに自分が思う行動をとってもらいやすくなるはずです。

カテゴリーページのカスタマイズとは？

この画像のように、カテゴリページをカスタマイズすると見栄えがガラッと変わるのがわかると思います。

特に読んでもらいたい記事がある場合は、一番上に表示することもできます。

>>カスタマイズされた『Diverのカテゴリページ』を見る

ユーザーの行動を、多少コントロールができるので設定をしておいた方が得があるはずです。

このカテゴリーに来た人が、どうすれば便利に利用できるかを考えながらカスタマイズするのも楽しいものですね。

カテゴリーページのカスタマイズ方法

カテゴリーページのカスタム方法を紹介していきます。

WordPressの編集メニュから

fa-check-square-o『カテゴリーページ』→『新規作成』をクリック。

※すでに新規作成をしているかたは、カテゴリページをクリックします。

『新規カテゴリーページを作成』ページからカテゴリーカスタマイズを行っていきます。

どこを変えたらどこが変わるのか詳しく説明していきます。

fa-lightbulb-oPOINTここが一番重要

fa-check-square-o『カテゴリーページ』とカテゴリーを紐づけます。

カテゴリーをクリックするとこれから設定したページが開くようになりま。

この後が細かい設定です。

fa-check-square-o『カテゴリーページのタイトル』に入力した文字が、大きいサイズでタイトル部分に表示されます。

fa-check-square-o『カテゴリー』タブの中の『説明文』に入力した文字が、タイトルの下の文字として表示されます。

fa-check-square-o『タイトル設定』タブの中の『タイトル背景画像』で、タイトルの背景の画像を設定できます。

背景が変わるだけで雰囲気は大きくかわりますね。

fa-check-square-o『タイトル設定』タブの中の『タイトル文字色』で、タイトルの文字の色を変更できます。

fa-check-square-o『通常記事を書くのと同じ場所』に書いたものが、カテゴリページに表示されます。

通常の記事よりもデザイン性を意識した方がいいでしょう。

fa-check-square-o『ページ設定』の『記事一覧レイアウト』では、カテゴリーごとに記事一覧の表示方法を変更することが可能です。

アイキャッチ画像に力を入れたカテゴリーがあるなら、画像が大きく見えるリストデザインにするのもいいですね。

デフォルトでは、トップページで使われている記事一覧のレイアウトになります。

トップページのレイアウト設定がわからない方はfa-arrow-downこちらの記事をご覧ください。

>>【Diver】記事一覧のレイアウトを変更する方法

以上で細かい設定が完了です。

通常の記事と同じように『更新』をすれば、カテゴリーをクリックした時に『ここで設定したカテゴリーページ』が表示されます。

fa-paw補足

カテゴリーページでも、パーマリンクやメタディスクリプションの設定が可能です。

関連記事もあるので、参考にしてみてください。

fa-arrow-downパーマリンク

>>パーマリンクとは？設定のコツと変更方法【SEO評価の初期化を回避】

fa-arrow-downメタディスクリプション

>>【Diver】記事のメタディスクリプションの設定方法｜クリック率上昇 

まとめ

カテゴリーページをカスタマイズすることで、一番よんでほしい記事を読んでもらいやすくなったりと、メリットがあります。

設定がまだの方は設定をすることをオススメします。

Diverに関する記事は他にもあるので良かったら見てください。

また、SEOに関する記事も書いてあるので合わせてどうぞ。

記事の数が増えていくと、カテゴリーも増えていくかと思います。

カテゴリー毎の違いが色でも区別出来たら、サイトの見栄えは変わる事間違いないはずです。

この記事を参考にすることで、カテゴリごとの違いを色を使って表現ができるようになります。

カテゴリーカラーを設定するとは？

実際にどうなるか、画像を見た方が早いと思います。

fa-arrow-up上画像のように、カテゴリカラーを設定した方がサイトに色が出て華やかになりました。

初期状態ではグレー1色なのでちょっと寂しいですよね。

そもそも、カテゴリーの追加の仕方がわからないという方はfa-arrow-downこちらの記事を参考にしてみてくだい。

fa-list-alt

関連記事

【Diver】カテゴリーの作成方法 | 親・子カテゴリー設定が可能に

2020.6.10

Wordpressテーマ-Diver(ダイバー)での『カテゴリーの作成方法』を紹介します。 カエル Diverの使い方を紹介するよ Wordpressで記事を書き始めた段階では、カテゴリーがないと思います。 初めの数記事では問題ないかと思いますが、記事が溜まっていくにつれてカテゴリーがあることで記事...

>>【Diver】カテゴリーの作成方法 | 親・子カテゴリー設定が可能に 

カテゴリーカラーの設定方法

WordPressの編集メニュから

fa-check-square-o『外観』→『カスタマイズ』をクリック⇒『カテゴリ―設定』をクリックします。

fa-exclamation-triangle注意

カテゴリーの記事が一つ以上無い場合には、カテゴリーカラーメニューが表示されないようです。

以下の記事にカテゴリーの作成方法が載っています。

>>【Diver】カテゴリーの作成方法 | 親・子カテゴリー設定が可能に

カテゴリー設定ページから、設定を行っていきます。

※初めはこのようにグレー1色になっています。殺風景なの無理もないですね。

fa-check-square-o自分が作成したカテゴリー名が出ているはずなので、カテゴリーカラーを自分の好みの色に変えていきます。

fa-paw補足

カテゴリーページタイトルを表示のチェックを外す・外さないで、カテゴリーページタイトルの表示・非表示がコントロールできます。

fa-check-square-o『公開』をクリックすることで完了です。

一覧にカテゴリーカラーが入っているか、確認してみましょう。

カテゴリーペーの更なるカスタマイズ

Diverであれば、カテゴリーページは投稿記事のようにもっと魅力的にすることが可能です。

詳しい事はこちらに書いてあるので参考にしてみてください。

まとめ

グレー１色だったカテゴリーカラーに、色がはいることでサイトの雰囲気がガラッとかわります。

設定がまだの方は設定をすることをオススメします。

Diverに関する記事は他にもあるので良かったら見てください。

また、SEOに関する記事も書いてあるので合わせてどうぞ。

WordPressで記事を書き始めた段階では、カテゴリーがないと思います。

初めの数記事では問題ないかと思いますが、記事が溜まっていくにつれてカテゴリーがあることで記事が探しやすくなります。

そこで、今回はカテゴリーの作成方法を紹介していきます。

この記事を参考にすることで、ユーザーにとってより使いやすいサイトが作れるでしょう。

カテゴリーの必要性について

カテゴリーが分かれていると、Diver(ダイバー) ではfa-arrow-up上画像のようにサイドバーに表示したり、記事の上に表示させることができます。

カテゴリーを設定するメリットは以下の2つ。

簡単に説明をしていきます。

ユーザーに読んでもらいやすくなる

サイトに訪れたユーザーが、あなたのブログを気に入ったら、同ジャンルの記事にも興味が出ます。

「パッ」と同ジャンルの記事を探すことができて読んでもらえたら、あなたのファンになってくれる可能性だって出てくるでしょう。

しかし、カテゴリーがないとユーザーに記事を探すという負荷を与えてしまいます。

ちょっとしたことですが、こういう事が離脱につながるのです・・・

SEO効果がある

カテゴリがあることでGoogleなどの検索エンジンに記事の内容を把握してもらうことが可能です。

検索結果からサイトに訪れたときに、カテゴリ名からサイト内の現在地を教える役割としても使われます。

SEOに必要とされている、『パンくずリスト』の表示の為にも必要不可欠なもの。

『パンくずリスト』という言葉が初耳という方は、以下の記事を見ると必要性が理解できるでしょう。

fa-list-alt

関連記事

パンくずリストとは？ユーザビリティ向上とSEO対策

2020.4.15

パンくずリストはSEOに必須です。「いらいない」と考えていたらSEO的に損をしてしまう危険があります。パンくずリストがSEO効果を高める理由も説明しています。...

>>パンくずリストとは？ユーザビリティ向上とSEO対策

カテゴリーの作成方法

WordPressの編集メニュから

fa-check-square-o『投稿』→『カテゴリー』をクリック

『カテゴリー』ページからカテゴリーの作成を行っていきます。

fa-check-square-o『名前』に作りたいカテゴリーの名前を入力します。

カテゴリー名はSEO的にも効果があるので、『他のカテゴリーと内容が被らない』と『検索されやすい言葉』にするのがポイントです。

fa-check-square-o『スラッグ』にカテゴリーページのURLになる名前をつけます。

こういったURLはパーマリンクと呼ばれ、SEO的に非常に重要な設定になります。

他の投稿ページでも需要度合は一緒なので、知らない方は以下の記事を見てみるのもいいでしょう。

fa-list-alt

関連記事

パーマリンクとは？設定のコツと変更方法【SEO評価の初期化を回避】

2020.4.14

パーマリンクとはURLと同様の意味をもちます。パーマリンクを初期に設定をしないことは大変危険です。SEOに効果があるパーマリンクの設定のコツや変更方法がわかります。...

＞＞パーマリンクとは？設定のコツと変更方法【SEO評価の初期化を回避】

fa-check-square-o『スラッグ』『名前』が設定が完了したら、『新規カテゴリーを追加』をクリックして完了になります。

カテゴリーができたら、投稿ページから記事のカテゴリーを選択できるようになります。

以上で設定は終了です。

カテゴリーに階層を付ける方法

この階層は親カテゴリ―と子カテゴリーと言ったりします。

先ほどの設定画面ど同様の場所から設定をします。

今回は例として『Body』という親カテゴリーの中に、『Diet』という子カテゴリーを設定してみます。

fa-check-square-o子カテゴリーにしたい『スラッグ』『名前』をまずは入力をします。

入力後

fa-check-square-o親カテゴリーにしたいカテゴリーを『親カテゴリ―』の場所から選択します。

fa-exclamation-triangle注意あらかじめ親カテゴリーを作っておく必要があります。

これで、階層になったカテゴリーにすることができます。

カテゴリーがサイドバーに表示されない時

一番多い原因は、新しく作ったカテゴリに記事が１つも紐図いていないことです。

投稿画面の『カテゴリー』から、記事が１つでも紐づけられたら表示されるようになります。

カテゴリーページをさらにカスタマイズ

Diverであれば、カテゴリーページは投稿記事のようにもっと魅力的にすることが可能です。

詳しい事はこちらに書いてあるので参考にしてみてください。

他にも、カテゴリーカラーも設定ができてサイトに色味を出すこともできます。

fa-list-alt

関連記事

【Diver】カテゴリーカラーの設定方法

2020.6.11

Wordpressテーマ-Diver(ダイバー)での『カテゴリーごとの色を変更する方法』を紹介します。 カエル Diverの使い方を紹介するよ 記事の数が増えていくと、カテゴリーも増えていくかと思います。 カテゴリー毎の違いが色でも区別出来たら、サイトの見栄えは変わる事間違いないはずです。 こ...

>>【Diver】カテゴリーカラーの設定方法

まとめ

カテゴリーがあることで、ユーザーにも検索エンジンにもプラスに働くのでカテゴリはあっても損はありません。

ユーザーが見たいと思った情報が簡単に見つけられるサイトをつくりたいものですね。

Diverに関する記事は他にもあるので良かったら見てください。

また、SEOに関する記事も書いてあるので合わせてどうぞ。

WordPressテーマ-Diver(ダイバー)での『記事一覧のレイアウト変更方法』を紹介します。

サイトの顔であるトップページのレイアウト変更をしたいと思っている方に役立つ記事になっています。

自分好みのレイアウトにすると愛着もわいてくるので、よりブログを書くのが楽しくなるでしょう。

記事一覧のレイアウト設定はどこ？

『記事一覧のレイアウト』と言っている箇所と、レイアウトの種類の説明をしてきます。

設定できる設定は3つあります。

Diver使用開始時の初期設定では『リスト表示』になっていると思います。

それぞれがどんな感じかサンプルとメリットを紹介しておきますね。

・リスト表示

カードのようになっていて目線を下に動かすだけなので、ユーザーの負担も減らすことが可能。

アイキャッチ画像も大きく表示されるので、ユーザーの目線を惹きつけること効果もあります。

欠点を上げるとすると、スクロールの回数が増えるくらいです。

・グリット表示

ＰＣでは、横に最大4つ並べることができます。

ユーザーがスクロールすることなく、情報を多く届けることが可能です。

バランスの取れているレイアウトと言えるでしょう。

・ミニリスト

ユーザーにファーストビュー(ぱっと見)で、多くの記事を見つけてもらえることが可能になります。

どんな記事があるのかを、一瞬で届けることが出来るのがいいですね。

欠点はアイキャッチ画像が小さく表示されてしまうことと、記事の説明文を入れたくても入れられないという事。

スマホでの見え方

スマホでは『リスト表示』『グリット表示』の2種類の表示のみになっています。

特にスマホのグリッド表示では横が2カラム(2列)までしか表示されないので注意しましょう。

それでは設定方法を説明していきます。

Diver-レイアウトの設定方法

WordPressのメニューを開きます。

fa-check-square-o『外観』→『カスタマイズ』をクリック⇒『レイアウト設定』をクリックします。

『記事一覧レイアウト設定』があるので、そこからレイアウト設定を行っていきます。

・リスト表示設定

『記事一覧レイアウト設定』の『リスト表示』をクリックします。

チェックが入ったら、上部にある『公開』をクリックしたら完了です。

・グリット表示設定

『記事一覧レイアウト設定』の『グリッド表示』をクリックします。

チェックが入ったら、上部にある『公開』をクリックしたら完了です。

グリッド表示では横に何個表示するかコントロールが可能。

『グリッド最大カラム数』『グリッド最小カラム数』を設定しておきましょう。※『カラム』は『列』くらいに覚えておきましょう。

個人的には最大：３で最小2がしっくりきます。

・ミニリスト設定

『記事一覧レイアウト設定』の『ミニリスト』をクリックします。

チェックが入ったら、上部にある『公開』をクリックしたら完了です。

スマホでの設定

スマホでの表示を変更は『sp:モバイル』から行います。

こちらも同様にチェックを付けて完了です。

設定は以上になります。

補足｜スマホでのGoogleアドセンス表示注意点

Googleアドセンスの広告を設定をしている方への注意点になります。

Googleアドセンスのインフォード広告を設定をしている時、グリッド数が1カラムでないとスマホ(モバイル)には広告が表示されません。

詳しくはこちらに書いてあるので参考にしてみてください

>>【Diver】アドセンス広告がスマホ(モバイル)表示されない解決方法

補足：抜粋文字数の非表示

このように、レイアウトによって抜粋文字数(タイトル下に表示されている説明)を非表示にすることも可能です。

また、文字数もコントロールすることができるのでも文字文字したサイトから脱却も可能です。

シンプルなサイトにしたい場合は以下の記事をどうぞ

>>【Diver】記事一覧での抜粋文字数の変更方法｜もっと見やすいサイトに

まとめ

記事一覧のレイアウトを変更しただけで、自分のブログにオリジナリティーが出てくるものです。

Diverでは他にも簡単に設定を変更できる場所があります。

どんどんブログを育てていきましょう。

Diverに関する記事は他にもあるので良かったら見てください。

また、SEOに関する記事も書いてあるので合わせてどうぞ。

WordPressテーマ-Diverでの『投稿ページ：投稿日・更新日の表示・非表示設定』を紹介します。

投稿ページのアイキャッチ画像上部に表示される、投稿日と更新日の表示・非表示を簡単に設定が行えます。

ブログ開始初期には気にすることも少ないかもしれませんが、実は表示・非表示にはどちらにもメリットがあるんです。

この記事を参考にすることで、自分の目的にあった投稿ページが作ることができます。

それだけではなく、記事を読むのにかかる時間(読了時間)も表示させることができるように。

投稿日・更新日の表示-非表示のメリット

投稿ページの表示・非表示を設定できる場所は上画像の部分になります。Diverでは設定が簡単。

まずは、表示と非表示どっちがいいの？といった各メリットの説明をしてきます。

デメリットはメリットの裏返しと思ってください。

投稿日・更新日の『表示』

メリットは以下になります。

『情報の鮮度』って重要。投稿日や更新日が新しいってだけで記事内容を信じれるってこともありますよね。

更新頻度がわからないブログは、なんだか不安になるという人がいるくらいです。

情報の鮮度が必要な内容のサイトに適しているでしょう。

投稿日・更新日の『非表示』

メリットは以下になります。

サイトが完成後に手を加える頻度が減るでしょう。

投稿日と更新日が表示されないので、記事の内容そのものが純粋な評価になります。

コロコロと情報が変わらない内容のサイト運営には適していると考えられます。

投稿日・更新日の表示-非表示の設定方法

早速、設定方法を紹介していきます。

WordPressの編集メニュから

fa-check-square-o『外観』→『カスタマイズ』をクリック⇒『投稿ページ』をクリックします。

投稿ページから設定を行っていきます。

fa-check-square-o以下のように『公開日を表示する』『更新日を表示する』『読了時間を表示する』にチェックを入れる事で表示ができます。

fa-check-square-o反対にチェックを外すことで非表示にすることも可能です。

自分の好みに設定ができたら、『公開』をクリックして終了です。

実際に投稿ページが変化をしているか確認を行いましょう。

まとめ

投稿ページ『投稿日・更新日』の表示・非表示設定を紹介しました。

表示、非表示どちらもメリットがありますが、個人的には表示をしておいた方が信頼性も信憑性もカバーできるのでいいのではと考えています。

Diverに関する記事は他にもあるので良かったら見てください。

また、SEOに関する記事も書いてあるので合わせてどうぞ。