JIN:Rでの「リッチメニュー」の使い方！画像でピックアップを作る方法

メニューを作成したい場所で

/ ＋リッチメニュー　と入力してください

そうすると、リッチメニューのナビゲーションを呼び出すことができます。

リッチメニューの右サイドバーで、作りたい「カラム数」を選択します。

次に、画像比率（画像がトリミングされる時の形）を選択します。

メニュー名のデザインを変更すると、さらに凝った表現ができるようになります。

メニュー名の色・サイズも調整できるので、好みに合わせて設定を切り替えてください。

ちなみに「メニュー名なし」にすると、画像だけのメニューを作ることもできるからね。

ここもお好みで調整してもらえるといいです！

ひつじくん

メニューのリンク先（飛ばす先）を決めていきます。

リッチメニュー（カードの部分）を触ると、右サイドバーにURL設定が出てきます。

メニューに設定するURLを入力しましょう！（記事タイトルで検索もできます。）

メニューを設定すると、記事のアイキャッチ画像が自動でトリミングされてハマります。

この画像を変えたい時は、「画像を置き換え」のボタンをクリックして、別の画像に切り替えてください。

よくある質問

メニューの「メインテキスト」と「サブテキスト」を入力します。

リッチメニュー（カードの部分）を触ると、右サイドバーにサブテキストとメインテキストがの設定箇所が出てきます。

ちなみに、サブテキストは空白でもOK！

リッチメニューには「フィルター設定」があり、画像に色を載せることができます。

フィルターってどうやって使えばいいんだ？

おおかみくん

たとえば、画像にフィルターを薄くかけると、メニューの上に乗る文字が見えやすくなる効果があるよ！

フィルターを使いこなすと、さらに完成度が上がるよ〜！

ひつじくん

例えば、フィルターを黒にして、メニュー文字を白にすると、メニューの印象をガラッと変えることができますね↓

他にも、フィルターにテーマカラーを入れると、メニューとサイトがすごく馴染みます。

完成度をかんたんにあげられるので、ぜひお試しあれ

あとは「記事上」のウィジェット内に「リッチメニュー」を設置して完成させましょう！

そして「更新」のボタンを押せば完了です。

もし、特定カテゴリーだけメニュー表示したい場合は

「カテゴリ区別」のブロックを使いこなすとうまくいくよ！

ひつじくん

カテゴリ区別ブロックを配置して、その中に、リッチメニューを入れてください。

そして表示するカテゴリーを選択してあげると特定カテゴリーだけの表示に対応することが可能です。

詳しいやり方は「カテゴリ区別の使い方」を参照してください。