見出し画像

【SWELL】お知らせバーを記事ページごとに変更するカスタマイズ

WordPressテーマSWELLのカスタマイズ作業メモです。

今回はページ上部に表示される「お知らせバー」を、記事ごとに変更するというカスタマイズです↓

【SWELL】お知らせバーを記事ページごとに変更する
【SWELL】お知らせバー


お知らせバーはカスタマイザーから設定可能なんですが、サイトを通じて1つのみを全ページ共通で表示するというのがSWELLの標準仕様です。

アフィリエイトブログなんかだと、記事ごとにお知らせバーの表示内容とリンク先のアドレスをASP指定のリンクに変更できれば便利だな~と思いました。

そんなわけで今回はこのお知らせバーのテキストとリンク先URLを記事ページごとに変更してみました。

お知らせバーの基本操作については次の記事で解説しています。




サンプルサイト


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

お知らせバーの内容を記事ごとに変更したサンプル
お知らせバーの内容を記事ごとに変更したサンプル

サンプルサイトを開く


記事ページごとに見てもらうと分かる通り、表示しているテキストとリンク先を変更しています。

SWELLのレビュー記事上には、「シンプルなのに高機能なWordPressテーマ」、リンク先はSWELL公式サイトのURLです。


AFFINGERのレビュー記事のお知らせバーはAFFINGERの紹介文と、AFFINGER公式サイトへのURL。説明を省きますが、SANGO、THE THORのお知らせバーにも同じようにページ固有の設定をしています。




サンプルサイトの構成


サンプルサイトの構成についてです↓

【バージョン】

  • WordPress:6.2.1

  • SWELL:2.7.5.1

WordPress、テーマともに記事執筆時に利用可能な最新バージョンです。
特にこれといって、特別なことはありません。




カスタマイズの概要


テンプレートを直接編集しないカスタマイズ方式です。

既存のテンプレートに手を加えてしまうと後々運用が面倒になるので、できれば避けたいですよね?

Code Snippetsなどコード管理系の無料WordPressプラグインなどを有効化している環境であれば、SWELLのPHPテンプレートファイルを直接編集する必要はありませんし子テーマも不要です。

子テーマ化している環境であれば、子テーマのfunctions.phpにコードを加えるカスタマイズでも動作します。

本記事はCode Snippetsを使った方法を紹介します。




更新履歴


  • 2023年5月 記事公開




ここから先は

4,017字 / 8画像

¥ 5,490

この記事が気に入ったらサポートをしてみませんか?