THE JOURNAL

『タグ投稿一覧』のショートコード導入【アフィンガー6/EX】

公開日 更新日
WordPressテーマACTION AFFINGER6の紹介画像
目次

『タグ』のショートコード制作

WordPressのクラシックエディターでカテゴリ一覧のショートコードを選ぶ画面
  • 『ビジュアル』をクリック!
  • 『タグ』をクリック!
  • 『記事一覧/カード』の上にマウスをおく
  • 『タグ一覧(読込)』を選択クリックします。

制作された『タグ一覧(読込)のショートコード』

WordPressのクラシックエディターにカテゴリ一覧のショートコードを挿入した画面
[st-taggroup tag="0" page="3" order="desc" orderby="id" slide_more="もっと見る" load_more="on" type=""]

『タグID』取得

WordPressの記事編集画面にあるカテゴリ一覧
  • ダッシュボードから『タグ』をクリック!
  • こちらがIDになります。

今回は、『301リダイレクト』= ID42を使用します。

ショートコードのカスタム

先程制作した、ショートコードの 『tag=””』の部分に『ID42』を挿入

[st-taggroup tag="42" page="3" order="desc" orderby="id" slide_more="もっと見る" load_more="on" type=""]

タグリストを導入したい場所に、ペースト致します。

下リストが今回導入した『タグリスト』です。

[st-taggroup tag=”42″ page=”3″ order=”desc” orderby=”id” slide_more=”もっと見る” load_more=”on” type=””]

『タグ一覧』各項目設定方法

・tag=”0″ :タグIDを入力(初期は0で設定。カテゴリー欄を確認してIDを入力します。)
・page=”3″:表示する記事の総数
・order=”desc” :日付ごとに表示する順番を設定できます。
(新しい記事から「desc」、古い記事から[asc」
・orderby=”id”: 記事の並び方を選択
・child=”on” :子カテゴリIDの表示(カテゴリーを階層に分けて作成してる場合)
・slide=”on” :スライドショーをONにするかOFにするか選択
・slides_to_show=”3,3,1″:1つの画面にスライドショーを表示する数
(先頭の数字だけを変更します。)
・ slide_date=”” :日付の表示をする「on」しない「「off」を選択
・slide_more=”ReadMore”:続きを読むのタイトルを表示する(変更可能)
・slide_center=”on” :モバイル端末で表示するかしないか
・fullsize_type=””:スライド記事の表示を選択(「card」「text」が選択可能!)
「画像のみ表示””card”」「画像とテキスト表示”text”」「全て表示””」

これを参考にカード型にカスタム

[st-taggroup tag="42" page="3" order="desc" orderby="id" slide_more="もっと見る" load_more="on" type="card"]

こちらが、上記ショートコードで制作された『タグリスト』です。

[st-taggroup tag=”42″ page=”3″ order=”desc” orderby=”id” slide_more=”もっと見る” load_more=”on” type=”card”]

(カード型は、アフィンガー6/EXの仕様)

基本的には、タグ内の『記事一覧/カード』▶︎『記事一覧』『記事一覧(スライドショー)』『カテゴリ一覧』『カテゴリ一覧(読込)』『カテゴリ一覧(スライドショー)』『タグ一覧』『タグ一覧(読込)』『タグ一覧(スライドショー)』の仕様は全て同じやり方で、表現可能です。

アフィンガー6
監修者 編集者

四方田修治 Web制作・WordPress構築 / 生成AI活用・SNS自動化 / SEO・LLMO・広告運用

Webデザイン・WordPressの構築/カスタマイズを中心に、HTML・CSS・PHPを用いたWebサイト制作に対応しています。表示速度の改善、SEO・LLMO、広告運用に加え、生成AIの活用やSNS運用の自動化についてもご相談いただけます。

YomoWebb.Designでは、制作実績、WordPressの使い方、生成AIの活用方法やツール選びなどを紹介しています。Web制作・サイト運用に役立てられるよう、専門的な内容を分かりやすくお伝えします。

FROM READING TO ACTION

読んだ知識を、サイトの改善へ。

ホームページ制作、SEO・AI検索対策、ローカルSEO、表示速度の改善。自分のサイトにどう取り入れるか迷ったら、現在の状況やお困りごとをお聞かせください。

ご相談内容は、わかる範囲で大丈夫です。サイトのURLがあれば、あわせてお知らせください。

よかったらシェアしてね!
  • URLをコピーしました!