MENU
WordPress

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

ピックアップコンテンツ

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

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

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

ねこまち
ねこまち
何時間もかかったにゃ

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

NO IMAGE画像

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

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

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

メニュー

ねこまちはすでにメニュー設定しているので、赤枠に名前が表示されてますが、まだ設定してない場合は、JIN公式マニュアルをご覧ください

JIN公式マニュアル

 

設定が完了したら

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

メニュー追加

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

メニュー項目追加

▲をクリックすると、ナビゲーションラベルが出るので

好きなタイトルに変えることもできますよ

ナビゲーションラベル

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

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

メニュー設定

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

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

カテゴリーの編集画面で

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

カテゴリー

アイキャッチ画像のサイズは

  • 1440px × 810px
  • 1500px × 844px
  • 2560px × 1440px

のどれかで設定してください

小さいと表示されなくなります

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

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

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

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

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

ねこまち
ねこまち
表示されたかにゃ?

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

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

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

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

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

まとめ

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

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

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

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

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

ではでは

ねこまち
ねこまち
またにゃー