トップページなどに特定のカテゴリーの記事をランダム表示するには、「【HB】ピックアップカテゴリー」ウィジェットを使います。

もくじ[]
設定方法
1.「【HB】ピックアップカテゴリー」をドラッグ&ドロップ

編集画面「外観」→「ウィジェット」→「【HB】ピックアップカテゴリー」をウィジェットエリアにドラッグ&ドロップします。
2.表示方法を選択する

ウィジェットを開いて、タイトル、説明文(任意)を記入して、
- 表示カテゴリー
- 表示記事数(3、4、6、8記事)
- レイアウト
を選択します。レイアウト表示の種類と、おすすめの表示記事数は次のとおりです。
カード表示(長方形)

表示記事数は、4記事か8記事がおすすめです。
カード表示(長方形)大

表示記事数は、3記事か6記事がおすすめです。
カード表示(正方形)

表示記事数は、4記事か8記事がおすすめです。
カード表示(正方形)大

表示記事数は、3記事か6記事がおすすめです。
リスト(正方形)

2カラム向き
リスト(正方形2段)

※ver.1.5より、リスト表示でも長方形が選択できるようになりました。
※スマホでカードを2列表示にする


カード表示レイアウトの場合、「スマホでカードを2列表示にする」にチェックを入れると、スマホで2列表示になります。
※見出しにカテゴリーカラーを適用する

「見出しにカテゴリーカラーを適用する」にチェックを入れると、「カテゴリーラベルの設定」で設定したカテゴリーカラーが適用されます。

カテゴリーカラーなし

カテゴリーカラー反映
カテゴリーページへのリンクテキスト

カテゴリーページへの誘導文言を変更できます。
以上「【HB】ピックアップカテゴリー」でした。