![見出し画像](https://assets.st-note.com/production/uploads/images/81907561/rectangle_large_type_2_be63fb1dc4839778ca45b82d31bd3137.jpeg?width=1200)
【SWELL】楽天市場・Amazonへのボタンリンクをカテゴリーアーカイブページに設置するカスタマイズ方法
※2023年1月4日追記
SWELL最新バージョン(2.7.2.1)でも有効です。
SWELLマニアの、かんた(@swell_mania)です。
WordPessテーマ「SWELL」のカスタマイズについてです。
今回紹介するのは、カテゴリーのアーカイブページに、楽天市場とAmazonへの導線となるボタンリンクを設置するカスタマイズです。
まずは、サンプルです↓
サンプル
![【SWELL】カテゴリーアーカイブに楽天とAmazonのリンクを追加](https://assets.st-note.com/img/1656832670968-cNjFw15WCv.jpg?width=1200)
上図の赤線内側がカスタマイズした部分です。
「楽天市場」と「Amazon」のボタンを追加表示しました。それぞれのボタンには、アフィリエイトリンクを設置する構成です。
このカスタマイズの目的は、アフィリエイト収益をあげること。
カテゴリーアーカイブページから商品の紹介ページにわざわざ移動しなくも、アフィリエイトリンクを踏んでもらえる仕組みです。
カスタマイズの概要
SWELLのテンプレートファイルは編集しません。フックとスクリプトのコード、調整用のCSSコードを追加します。
楽天とAmazonのリンクは、カスタムフィールドを使います↓
![](https://assets.st-note.com/production/uploads/images/81926613/picture_pc_b9ae2f630ebd47ae26bcff96c9330d9a.gif?width=1200)
記事作成のさい、エディター上でアフィリエイトリンクを入力するだけの運用です。カスタマイズが完了した後は、HTMLの知識不要で自動的にカテゴリーページにアフィリエイトリンクが表示されます。
カスタマイズにかかる作業時間の目安は、だいたい10分程度です。
<SWELLのバージョン>
SWELL:2.7.2.1
※この記事執筆時に利用可能な最新バージョンを利用しています。
<備考>
カテゴリーのリストレイアウトは「カード型」です。
ここから先は
3,222字
/
7画像
¥ 9,890
この記事が気に入ったらサポートをしてみませんか?