【SWELL】楽天市場・Amazonへのボタンリンクをカテゴリーアーカイブページに設置するカスタマイズ方法

※2023年1月4日追記
SWELL最新バージョン（2.7.2.1）でも有効です。

SWELLマニアの、かんた（@swell_mania）です。
WordPessテーマ「SWELL」のカスタマイズについてです。

今回紹介するのは、カテゴリーのアーカイブページに、楽天市場とAmazonへの導線となるボタンリンクを設置するカスタマイズです。

まずは、サンプルです↓

サンプル

サンプルサイトを開く

上図の赤線内側がカスタマイズした部分です。

「楽天市場」と「Amazon」のボタンを追加表示しました。それぞれのボタンには、アフィリエイトリンクを設置する構成です。

このカスタマイズの目的は、アフィリエイト収益をあげること。

カテゴリーアーカイブページから商品の紹介ページにわざわざ移動しなくも、アフィリエイトリンクを踏んでもらえる仕組みです。

カスタマイズの概要

SWELLのテンプレートファイルは編集しません。フックとスクリプトのコード、調整用のCSSコードを追加します。

楽天とAmazonのリンクは、カスタムフィールドを使います↓

記事作成のさい、エディター上でアフィリエイトリンクを入力するだけの運用です。カスタマイズが完了した後は、HTMLの知識不要で自動的にカテゴリーページにアフィリエイトリンクが表示されます。

カスタマイズにかかる作業時間の目安は、だいたい10分程度です。

＜SWELLのバージョン＞

SWELL：2.7.2.1
※この記事執筆時に利用可能な最新バージョンを利用しています。

＜備考＞

カテゴリーのリストレイアウトは「カード型」です。