WordPress+JINのピックアップコンテンツにアイキャッチ画像を入れる方法

今回は、レイアウトのカスタマイズで一番つまづいた、ピックアップコンテンツに画像を表示させる方法を紹介します

サイト上部にあるピックアップコンテンツは、ユーザーの目に止まりやすい場所にあるので、おすすめ記事なんかを配置するのに便利な機能ですね

ねこまちは、この設定がよくわからず画像をなかなか表示させることができませんでした

ねこまち

何時間もかかったにゃ

現在は、非表示にしていますが、下の画像の「NO IMAGE」に表示させる方法です

固定ページからピックアップコンテンツを作る方法

「固定ページ」＞「新規追加」で固定ページを作成します

「外観」＞「メニュー」でピックアップコンテンツのメニューを設定します

設定が完了したら

1. 「固定ページ」をクリックし
2. 表示したい「項目にチェック」を入れ
3. 「メニューに追加」をクリック

すると右側にチェックした項目が追加されました

「トップページのピックアップコンテンツ」にチェックを入れ

「メニューを保存」をクリックして設定は完了です

ピックアップコンテンツに表示させるアイキャッチ画像を設定する

「投稿」＞「カテゴリー」から

カテゴリーの編集画面で

• 「名前」
• 「ページタイトル（検索エンジン用）」
• 「アイキャッチ画像の選択」
• 「更新」をクリックします

投稿画面でメディアを追加する

「メディアを追加」クリック

「ファイルをアップロード」＞「画像を選択」＞「開く」

「アイキャッチ画像」をクリック

「アップロードした画像を選択」＞「アイキャッチ画像を設定」クリック

ねこまち

表示されたかにゃ？

カテゴリーでピックアップコンテンツを作る方法

今回は、固定ページを使ってピックアップコンテンツを作成しましたが、カテゴリーで作る場合には、

1. よく使うものにチェックを入れて
2. メニューに追加

よく使うものに表示がない場合は、「すべて選択」を押し、カテゴリーから選んで「メニューに追加」の方法があります

その以外の設定は、固定ページで作成した内容と変わらないので同じように設定してください

まとめ

いかがだったでしょうか？

ねこまちはこの設定にかなり時間を取られたのですが、アイキャッチ画像の選択をしていなかったため表示されなかったらしいです

数時間悩んで、やっと表示されたときはほっとしました

サイトらしくなってくるとなんだか楽しくなりますよね

皆さんもぜひ試してください

ではでは

ねこまち

またにゃー