見出し画像

【SWELL】記事スライダーにタグを表示するカスタマイズメモ

WordPressテーマSWELLにはトップページに記事スライダーを表示させる機能があります。記事スライダーに表示される記事に、記事にひもづたタグを表示させてみました。


【SWELL】記事スライダーにタグを表示したカスタマイズ
【SWELL】記事スライダーにタグを表示したカスタマイズ


カスタマイザー上にはタグを表示させるオプションはありませんので、コードレベルでのカスタマイズが必要な作業です。


サンプルサイト


今回のカスタマイズを実装したサンプルサイトです↓

【SWELL】記事スライダーにタグ一覧を表示したサンプル

サンプルサイトを開く


カスタマイザーの公開日・更新日の表示オプションにチェックを入れても動作します↓

公開日・更新日の表示オプションにチェックを入れた場合のサンプル




サンプルサイトの構成


【バージョン】

  • WordPress:6.2.1

  • SWELL:2.7.5.1

WordPress、テーマともに記事執筆時に利用可能な最新バージョンです。



カスタマイズの概要


カスタマイズの手法

今回は子テーマを使うカスタマイズです。
※子テーマはSWELL公式サイト上から購入者限定で無料ダウンロードできます。


カスタマイズの難易度

指定のコードを指定の場所にコピペするだけです。
「子テーマってなんぞや?」って人だと難しく感じるかも?


カスタマイズにかかる時間

子テーマ化済みのサイトであれば、およそ5分程度です。



更新履歴


  • 2023年5月 記事公開


ここから先は

3,509字 / 5画像

¥ 5,490

この記事が気に入ったらチップで応援してみませんか?