JINでピックアップコンテンツを設定しておすすめ記事やカテゴリーを並べる方法

こんちゃす！
JINのおかげでトップページはカッコよくできている（ハズ）の有川　です。

この記事を読んでくださっているあなた！

ブログの↓ここ↓に記事を並べたい！

とお思いでは？

あなたが並べたいと思っている位置は、ワードプレステーマの「JIN」でいうと

ピックアップコンテンツ

という名前です。

今回は、それの設定方法を見ていきましょう。

1.JINピックアップコンテンツ設定の仕方

1. 「トップページ設定」から「ピックアップコンテンツのタイプ」を設定する
2. 「メニュー」で「ピックアップコンテンツ」で表示したい記事を設定する

設定自体は以上の２ステップです。１０分もあれば終わります。

①「トップページ設定」から「ピックアップコンテンツのタイプ」を設定する

トップページ設定では、

1. ピックアップコンテンツのタイプを選択
2. 下層ページ表示選択

をします。

ピックアップコンテンツのタイプ選択

タイプは３つあります。

メニュータイプ、メニュータイプ（文字なし）、記事タイプの３つです。

スライドタイプは負荷がかかるということで、最近は避けられがち。

雑記ブログのように、複数の話題を扱っていたり、トレンド性ある記事が多ければ記事タイプがオススメ。

うちのブログのように、ノウハウメインならメニュータイプがオススメです。

【余談】メニュータイプの文字と、ピックアップコンテンツの画像について

ちなみに、メニュータイプの「文字」（画像の上に出る俵型ボタンの文字）は

あとで設定する「メニューの追加」で変えられます。

そして、ピックアップコンテンツの画像は、

アイキャッチ画像を持ってくることになります。

下層ページ表示選択

「下層ページ」とは、簡単に言えば、

トップページ以外のページ

のことです。

記事や、カテゴリページなどが該当します。

そこにピックアップコンテンツを表示するかどうか、ということですね。

これも好みではありますが…

スマホで見ると、表示しないほうがスッキリはしています。

でも、読者さんにブログをまわってもらうために

表示しておくのもありなんですよね。

と、書きつつ、

記事を下まで読んでいくと結局見えなくなるし、いらないのかなーとか。

悩みどころ。

今のところ、私は「表示する」にしていますが、試行錯誤の末変えてるかも。

これこそ「答えがない」ので、実際に読者さんに聞いてみるしかない！

「メニュー」で「ピックアップコンテンツ」で表示したい記事を設定する

では、ここからは

ピックアップコンテンツで表示するモノを設定していきましょう(/・ω・)/

気を付ける点は、以下の３つ！

メニュータイプなら記事は２つor４つがベスト

スマホで見た時に「スクロールしなくても画面内にキレイに収まる」のが４つまでなので。

４つ以上も設定することは可能ですが、その際、偶数で設定しておくのが見栄え的にはいいです。

（初期に有川が３つで設定していたのは内緒です。内心ダセえなと思いながらやってましたｗ）

記事タイプなら５つ以上記事を選ぶ

記事タイプだとスライドしていくので、４個以下だとちょっと寂しい感じになるからです。

スライドさせる必要ある？みたいな。

なので、５つ以上がオススメ。

カテゴリーも設定可能（ただし、別途カテゴリーのアイキャッチ画像を設定する必要あり）

ピックアップコンテンツで記事を設定してる人は多いんですが、カテゴリも設定できます。

ただし、カテゴリを設定した場合は、「カテゴリのアイキャッチ」を設定しない「NO　IMAGE」のアイキャッチになるので、

激しくダサいです（笑）

カテゴリアイキャッチの設定方法は↓こちら↓の記事を参考に！

JINでカテゴリーにアイキャッチを設定する方法～サイズも伝授～ピックアップコンテンツにカテゴリを選びたいけどアイキャッチの設定方法がわからないあなたへ。カテゴリの色や本文などの解説も。...

と、前置きはこの辺にして。

ピックアップコンテンツで表示させるものを選んでいきましょう。

ここまでの設定を、この記事の通りにやっていたらカスタマイズ画面になっていると思うので、そのままカスタマイズ画面で「メニュー」を選びましょう。

※ダッシュボードに戻って「外観＞メニュー」でも全く同じ設定ができます。その際の設定は、こちらの記事を参照にしてください。

設定手順は以下の通りです。

ではでは、一つずつ見ていきましょう！

新規メニューの追加・メニュー名の入力・メニュー位置の設定

ピックアップコンテンツ用の新しいメニューを追加します。

メニュー名は自分が分かればいいので、今回はそのまま「ピックアップコンテンツ」とつけました。

表示する位置も、そのまま同じくピックアップコンテンツなので、それにチェックを入れ、下にある「次へ」のボタンを押します。

「＋項目を追加」から、ピックアップコンテンツで表示したい記事やカテゴリを追加

ピックアップコンテンツで表示させたい項目を追加していきます。

• 投稿記事
• 固定記事
• カテゴリ
• CTA
• タグ

どれでもいけますが、基本的には記事かカテゴリを選びます。

先ほどお伝えした注意点

以上に気を付けながら選んでいきます。

◆◇◆

【ピックアップコンテンツに何を並べるか】

最初は無難に「読んでもらいたい記事」でいいと思います。

特に、プロフィールなどの「自分がブログをやってる理由」がわかる記事を置いておくのがオススメ。

それにより、読者さんも「このブログは、こんな人がやってるんだ」ということが分かり親近感をもってくれるので(*’ω’*)

※ドラッグで移動させて配置を整える

こちらは任意で。

一番上の項目が、一番左にきます。

◆◇◆

人の目線の動き（Zの法則、Fの法則などで調べてみてくだされ）でいくと、

一番左が最初に見られるので、特に読んでほしいものは、左に来るよう設定します。

※ナビゲーションラベルで文字の設定

ピックアップコンテンツのタイプ選択のときに、

「メニュータイプ」

を選んでいると、アイキャッチの上にボタンが表示されます。

何も設定しないと、記事タイトルがそのまま出てくるので、見にくいです。

そこで、

左のメニューにある「▼」を押して、ナビゲーションラベルの設定をします。

ここに、表示させたい文字を入力すると、任意のものに変えることができます。

公開ボタンを押して、完了！

ここまでできたら、一番上にある「公開」ボタンを押します。

これで設定完了です！

ピックアップコンテンツができあがり(‘ω’)ノ

ピックアップコンテンツを設定してブログデザインをかっこよくさせよう！（まとめ）

以上！

ピックアップコンテンツの設定の仕方

でした。

あると無いとでは見栄えが違うので、ぜひ設定してみてください。

なんとなくめんどくさそうに思えますが、

１０分もあれば終わります。

何事もやってみないと始まりません！

この記事を見ながら設定して、すてきなブログにしてね♪

何か設定で分からないことがあれば、下のコメント欄へお気軽にどうぞ♪

では、ここまでお読みくださりありがとうございました。

次の記事でお会いしましょう！

おすすめのJIN記事は↓こちら！

ワードプレスJIN外観カスタマイズ設定！初心者でも簡単にできるように徹底解説【画像付】JINの外観設定で困っていませんか？JIN愛用者の私が初心者向けに画像つきですべての項目の設定を紹介！...

JINでヘッダー画像を設定・カスタマイズする方法（ヘッダー画像の作り方&サイズ）JINのヘッダー画像のサイズ、作り方、設定の仕方を一挙公開！これを見れば細かい設定までスッキリわかります。初心者にオススメ。...

JINでパンくずリストを表示させる＆上に表示させる簡単な方法JINでパンくずリストを設定する方法と上部に表示させる方法を伝授！プラグインを使うよ。...

JINでグローバルメニューをカスタマイズ！スマホ・PCなど全種類メニューを作る方法JINでグローバルメニュー、ハンバーガーメニュー、フッター、スマホボタンの全4種類のメニューを作る方法を画像付きで丁寧に伝授！...

↓私がブログ開始１年目、収益ゼロだったときの話(*’ω’*)↓

 

ブログ収益をアップさせた無料セミナー動画の紹介を見る！