>>アフィリエイトで毎月20万円の報酬が発生する仕組みを作る方法はこちら

Cocoonで改変できないアフィリリンクをボタン化する方法!初心者さんでもできる簡単作業です

ASPサイトのアフィリエイトリンクは、基本改変してはいけません。

ですが、アフィリエイトリンクをボタンにして表示させたいということがありますよね?

こんな感じの表示。

ASPサイトを使っている方でしたら分かると思いますが、ボタンにするためにURLだけが必要になるんですけど、リンクのURLだけっていうのがない・・・

では、今回、WordPressテーマのコクーンを使っている方向けに、改変できないアフィリエイトリンクを簡単にボタン化させる方法を解説します。

>>WordPressテーマ「Cocoon(コクーン)」の詳細はこちら

わたしが運営しているこのブログのWordPressテーマは「STORK19(ストーク19)」になります。

Cocoonブロックの「囲みボタン」機能を使えば簡単にボタン化!!

WordPressテーマのCocoonだったら、アフィリエイトリンクを改変せずにボタン化が簡単です。

方法は、「囲みボタン」という機能を使います。

囲みボタンの機能を使えば、テキストリンクなどのアフィリエイトリンクを書き換え・改変することなく、簡単にボタンにすることができます!!

このような感じです。

では、早速、実際にボタン化していきましょう♪

Cocoonでアフィリエイトリンクを改変せずにボタン化する手順

手順は以下の5つになります。

  1. ASPサイトからアフィリエイトリンクを取得
  2. WordPressで投稿画面を開く
  3. アフィリエイトリンクを挿入したい場所に「囲みボタン」のブロックを追加
  4. リンクコードを貼り付け
  5. ボタンの見た目を整える

たったのこれだけでOKです。

ASPサイトからアフィリエイトリンクを取得

あなたがご利用のASPサイトからテキストリンクのアフィリエイトタグを取得してください。

今回は、A8.net から、A8.netの紹介をするときのアフィリエイトリンクを使います。

WordPressで投稿画面を開く

ワードプレスのダッシュボード(管理画面)から、投稿の編集画面を開きます。

アフィリエイトリンクを挿入したい場所に「囲みボタン」のブロックを追加

アフィリエイトリンクを追加したい場所で、左上の「+(ブロックの追加)」をクリックします。

ブロック一覧が表示されますので、「囲みボタン」のブロックを見つけてクリックしてください。

リンクコードを貼り付け

「囲みボタン」ブロックが追加されたらこのようになりますので、右上の「歯車マーク」をクリックします。

ブロックの設定ができるようになりますので、下図のリンクタグ・ショートコードに取得したアフィリエイトリンクコードを貼り付けします。

ボタンの見た目を整える

貼り付けすると、左側に、ボタンでリンクが表示されますので、あとは、好きな見た目に整えたら完成です。

デフォルトは超シンプルなので、これを右側のブロックの調整から変更していきます。

例えば・・・

以下のようなボタンを作りたい場合はどうしたら良いのか?
※本当はキラリと光るボタンです。

設定するところは以下の通りです。

  • 文字サイズ・・・「中」
  • 円形にチェック
  • 光らせるにチェック

背景色のみ選択

文字色・ボーダー色の変更はなし。

※カラーに関しては、コクーンの初期設定でデフォルトで入る色が変わるかもしれませんので、ご自身が好きなカラーを選択して下さい。

Cocoon公式サイトで言われている「囲みボタン」の注意点

Cocoonテーマを作ったわいらひさんは、「囲みボタン」でのアフィリエイトリンクをボタン化することに対してこうおっしゃられています。

>>「囲みボタン」機能を使うことは、「タグの改変」とみなされない、という理解で大丈夫でしょうか。

わいらひさんの回答

僕自身は、「タグの改変=タグコードの文字を変更すること」と思っていて「CSSの変更=タグ変更には当たらない」と思っています。
ただし、ASPがダメと言ったらダメだと思います。
そこらへんはASPの判断になると思います。
ちなみに囲みボタンでの、報酬自体はしっかりと出ます。

引用元:Cocoon公式サイト【アフィリエイトリンクの「改変」について | Cocoonテーマに関する質問 | Cocoon フォーラム】

2020年3月の時点で「囲みボタン」を使ってのアフィリエイトリンクのボタン化は問題なく使えるようです。

ですが、ASPサイト次第なので、いつダメと言われるかは分かりません。

ですので、もし、ダメになった場合も自己責任ということでお願いいたします。

もし、この情報が変更になることがありましたら、都度修正はしていきたいと思っています(^O^)/

まとめ

今回は、WordPressテーマ「Cocoon(コクーン)」を使っている方向けに、改変不可のアフィリエイトリンクのボタン化方法を解説しました。

手順は以下の通りです。

  1. ASPサイトからアフィリエイトリンクを取得
  2. WordPressで投稿画面を開く
  3. アフィリエイトリンクを挿入したい場所に「囲みボタン」のブロックを追加
  4. リンクコードを貼り付け
  5. ボタンの見た目を整える

特に、難しい作業はありませんので、初心者さんでも簡単にできるかと思います。

ぜひ、見ながらでもチャレンジしてみて下さいね(^O^)/

有料WordPressコミュニティのお知らせ

ワードプレスの構築を1人で頑張るのが不安な方に、有料ワードプレス専門のコミュニティ「マスタープレス」をメルマガ登録者さん限定にご案内しています。

メルマガの登録は無料!
配信解除は自由!

シェアしてね♪


お子さんとの時間を優先させながら
自分の力で稼げるママになって欲しい

アフィリエイトメール講座では、パソコン知識も何もないノースキルの主婦がブログで稼ぐために知っておきたい基本的なことがメルマガで届きます。

今、「ブログで稼ぐってどういうことなんだろう?」とか、「ブログ記事を書いててもイマイチ反応がない、伸びない・・・」とか

このように思っている方は、アフィリエイトメール講座にご登録ください。

メール講座の登録は無料!配信解除はいつでもOK! 登録はこちらです↓


ABOUT US

ゆかアフィリエイター兼WEB制作マーケター
ご訪問ありがとうございます!
当ブログの管理人でアフィリエイター兼WEB制作・マーケターのゆかです。

パソコンが苦手な初心者さんのブログ運営をサポートしたり、代行でWordPressの立ち上げをしています。

毎月1から2件のサイト代行をし、WordPressのコミュニティを運営したりアフィリエイトサイトを運営したりしております。

当ブログでは、WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。

詳しいプロフィールはこちら>>