WordPressテーマ『SWELL』を使った素敵なサイト、ブログを集めました!! | SWELL DESIGN GALLERY by WebNote+
2024年4月にリニューアルしました!絞り込み検索やお気に入り機能もあります。ぜひ見ていってください!
WordPressテーマ『SWELL』を使った素敵なサイト、ブログを集めました!! | SWELL DESIGN GALLERY by WebNote+
2024年4月にリニューアルしました!絞り込み検索やお気に入り機能もあります。ぜひ見ていってください!
WordPressテーマSWELLで記事の中にアフィリエイトリンクを挿入する方法を複数紹介します。すべて簡単にできる方法なので、ご自身の使い勝手や運用方法によって使い分けてみてください。
SWELLの高機能なブロックエディターを快適に使うためのガイドを作りました。
v.6.3.1
v.2.7.8.4
記事はできる限り最新情報に更新していきますが、キャプチャ等は執筆時点の物が多くなると思います。
SWELLでASPなどから取得したHTML形式のアフィリエイトリンクを貼る方法を4つ紹介します。
それぞれ紹介します。
アフィリエイトリンクの取得方法はこの記事では紹介しませんので、分からない場合は各ASPのマニュアルなどを参考にしてください。
SWELLを使ったサイトでアフィリエイトリンクを取り扱う際に、最もおすすめの方法が「広告タグ管理機能・広告タグブロック」を利用することです。
広告タグブロックを使うことで、広告リンクの一括管理ができたり、広告のクリック数などが計測できる機能もあります。
広告タグブロックでは、通常のテキスト形式のリンクだけでなくバナー形式のリンクにも対応しています。テキスト形式の場合は文中にショートコードを挿入、バナー形式の場合は広告タグブロックから自由に呼び出すことができます。
広告タグブロックの使い方は以下の記事にまとめているので参考にしてください。
アフィリエイトリンクをボタン形式で表示したい場合は、SWELLボタンブロックがおすすめです。
広告タグブロック同様に、ボタンのクリック数などの計測が可能です。HTMLコードを直接入力できるので、コードを改変することなくアフィリエイトリンクをボタン形式で表示できます。
SWELLボタンブロックの使い方については、以下の記事にまとめています。
広告タグブロックを使わずに、アフィリエイトリンクを挿入したい場合はカスタムHTMLブロックを活用することで対応が可能です。
以下の手順でリンクを貼りつけることができます。
バナーリンクなど、設置したアフィリエイトリンクを中央寄せしたい場合には、以下のようなコードを追加するとOKです。
<div style="text-align: center;">
ここにアフィリエイトリンクを貼り付ける!
</div>
広告タグブロックやカスタムHTMLブロックを使わずに、文章中にアフィリエイトリンクを挿入したい場合には、SWELL独自の「HTML挿入ショートコード」を活用すると便利です。
以下の手順で文中にリンクを挿入できます。
[ここにHTMLを書いてください
]の「ここにHTMLを書いてください」の文字を消して広告リンクを貼り付ければOKです。
Amazonや楽天など、HTML形式のリンクではなく通常のURLリンクになっているケースもあります。その場合のリンク貼り付け方法を4つ紹介します。
通常の内部リンクや外部リンクと同じ方法でリンクを挿入できます。
関連記事ブロックを使うことで、ブログカードにすることも可能です。
ブロックエディターでは、段落ブロック内に「/ + ブロック名」を入力することでブロックを検索して呼び出すことができます。
関連記事ブロックの場合は、以下の名称・キーワードでブロックを呼び出すことができます。
「/」の操作は覚えておくと便利ですよ…!
詳しくは「【一覧表配布!】SWELLで使えるショートカット|作業効率を上げる操作方法まとめ」で紹介しています。
上述したSWELLボタンブロックでも問題なく、リンクの挿入が可能です。
とくにAmazonや楽天など物販を取り扱うサイトにイチオシなのが「ポチップ
以下のような整ったデザインのリンク集が簡単に作成できて、リンクの管理も一括でできるのでとても便利です。
SWELLとポチップは開発者さん同士の繋がりがあり、SWELLとポチップを組み合わせたときのみ使える機能などもあります。
無料で利用できますが、有料版のポチッププロを契約することで楽天スーパーセールなどのセール情報がリンクに自動表示されたり、リンクのクリック数を計測する機能などが追加されてとても強力なプラグインです。
当サイトWebNote+では、オリジナルのポチップガイドと題してポチップの情報を多数そろえているのでぜひ見てみてください。
SWELLでアフィリエイトリンクを貼る方法を複数ご紹介しました。
僕は基本的に「広告タグブロック」、「SWELLボタンブロック」、「ポチップ」を使うことが多いですが、その他の方法も便利なので、慣れてきたらご自身の運用方法に合わせて、それぞれの方法を使い分けると良いのかなと思います。
ぜひ、参考にしてもらえたら嬉しいです。
最後まで読んでいただきありがとうございました。
SWELL公式サイト
SWELLブロックエディターの関連記事
WordPress本体とSWELLのブロックエディター機能を使いこなすためのSWELL記事の書き方ガイド↓↓
SWELLで快適に記事を書くために以下の記事もおすすめです↓↓
SWELL全般の関連記事
この記事が気に入ったら
いいね または フォローしてね!