インスピレーションと洞察から生成されました 8 ソースから

img6

img7

img8

img9

img10

img11

はじめに

  • アフィンガーでは、記事一覧を表示するための機能としてショートコードが用意されています。

  • [st-osusume]というショートコードを使用することで、記事内の任意の場所におすすめ記事一覧を表示することができます。

  • ショートコードは、直接記事内に記述するか、WordPressのクラシックブロックを使用して簡単に挿入することが可能です。

  • ダッシュボードの「AFFINGER管理」から「ヘッダー下/おすすめ」→「おすすめ記事一覧」の順に進むとおすすめ記事の設定が可能です。

  • 複数の記事を表示させる場合は、記事IDをカンマで区切って指定することができます。

ショートコードの使用方法 [1]

  • ショートコード:[st-osusume]を使用します。

  • 記事内の任意の位置に直接記述するだけで、簡単におすすめ記事一覧を表示できます。

  • Gutenbergのクラシックブロックからもショートコードを挿入可能です。

  • ウィジェットを使うことで、記事やサイドバー以外の場所にも表示が可能です。

おすすめ記事一覧の設定方法 [1]

  • おすすめ記事一覧は、ダッシュボードの「AFFINGER管理」から設定可能です。

  • 「ヘッダー下/おすすめ」→「おすすめ記事一覧」で設定を行います。

  • 表示したい記事は、記事IDを入力し、カンマで区切ることで複数指定ができます。

  • タイトルはカスタマイズ可能で、背景色やテキストの色も変更できます。

img6

img7

表示場所の設定 [2]

  • 「AFFINGER管理」メニューから、表示したい場所を選択できます。

  • サイドバーや記事下、固定ページの下に表示することが可能です。

  • 各ページに表示するか、特定カテゴリ内で表示するかも設定できます。

  • 「サイドのスクロールに表示する」などで特定のエリアに表示可能です。

img6

デザインカスタマイズ [1]

  • カスタマイザーからデザイン変更が可能です。

  • 「外観」→「カスタマイズ」→「オプション(その他)」→「おすすめ記事」で設定します。

  • 背景色やタイトルのフォントの色を自分好みに変更できます。

  • デザイン変更後は必ず「公開」を押し、設定を保存する必要があります。

img6

img7

よくある質問 [2]

  • ショートコードはGutenbergで使用できますか?はい、使用できます。

  • 記事IDはどこで確認できますか?投稿一覧で確認できます。

  • デザインの変更はどのように行いますか?カスタマイザーから変更可能です。

  • 記事が表示されない場合の原因は何ですか?設定した記事IDが適切であるか確認してください。

img6

関連動画

<br><br>