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

2023年5月29日 08:30

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

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

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

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

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

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

サンプルサイト

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

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

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

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

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

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

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

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

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

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

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

4,017字 / 8画像

¥ 5,490

期間限定 PayPay支払いすると抽選でお得に！

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