JIN:Rでの「ピックアップコンテンツ」の作り方!ヘッダー下に画像メニューを置く方法
ひつじ
このページでは、 WordPressテーマ「JIN:R」でのピックアップコンテンツの作り方について解説します。
記事上・トップページ上に、画像メニューを設置することができるよ!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-19-10.16.04.jpg)
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-19-10.18.30.jpg)
画像メニュー、分かりやすくていいな!
![おおかみくん](https://jinr.jp/manual/wp-content/uploads/2022/01/おおかみくん.jpg.webp)
このピックアップの作り方について、じっくり解説を進めていくよー!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
この記事の目次
トップページに「ピックアップ」を配置する
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-19-10.16.04-1-1024x469.jpg)
トップページ上部ウィジェットをへ
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-19-10.04.59.png)
「外観」 > 「ウィジェット」に進んで、「トップページ上部」のウィジェットを開きましょう。
ウィジェット内で「リッチメニュー」を作成する
トップページに反映される
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-19-10.16.04.jpg)
これでトップページに画像メニューを表示できたね!
ちなみにメインビジュアルがあると、その下に表示される仕様になっているよ。
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-19-10.17.09-1024x656.jpg)
記事下に「ピックアップ」のメニューを配置する
記事上にメニューを表示させたい時も、やり方はほぼ同じ!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
記事上ウィジェットに移動
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-19-9.27.04-1024x848.png)
「外観」 > 「ウィジェット」に進んで、「記事上」のウィジェットを開きましょう。
ウィジェット内で「リッチメニュー」を作成する
記事上にメニューが表示される
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-19-10.18.30-2-1024x557.jpg)
これで全ての記事上にメニューが表示されるようになったよ。
ちなみに
- 「特定カテゴリーだけメニュー表示したい」
- 「カテゴリーごとに表示を分けたい」
はJINRの「カテゴリ区別」のブロックを使うと実現できるよ!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
ABOUT ME