【初心者向け】Cocoon アフィリエイトリンクをボタン型(囲みボタン)にしてみよう!

【初心者向け】Cocoon アフィリエイトリンクをボタン型(囲みボタン)にしてみよう!


ここでは、
・『囲みボタン』ってなに?という人
・リンクをボタン型にする方法がわからないという人
、向けに

『囲みボタン』の設置方法を画像
きでわかりやすく解説いたします。
こちらはアフィリエイター、またはCocoonユーザ向けの記事となっております。

アフィリエイトリンクをボタン型にすることで、複数のリンクがあっても見やすくなり、クリックもしやすくなります。


『囲みボタン』とは

ここではアフィリエイトリンクボタン型にする方法を解説いたします。
これは『囲みボタン』といいます。(今日知った…)

こういうボタンのことです↓
※アフィリエイトリンクです、クリックすると楽天カードのページが開きます



普通のリンクをボタン型にもできますが↓(これも今日知った…)

アフィリエイトのリンクはURLではなくて「htmlタグ」なので普通のボタンではつくれないのです。
そこで『囲みボタン』を使います。


「ブロックの追加」から「囲みボタン」を作ろう

まず記事作成の「ブロックを追加」から「囲みボタン」を選択します。
囲みボタン」の横に普通の「ボタン」もありますね!

【初心者向け】Cocoon アフィリエイトリンクをボタン型(囲みボタン)にしてみよう!

本文に囲みボタンを設置したら、画面右側で詳細を設定していきます。

【初心者向け】Cocoon アフィリエイトリンクをボタン型(囲みボタン)にしてみよう!

リンクタグ・ショートコード」にアフィリエイトリンクのコードをコピペすると本文にボタンができます。

【初心者向け】Cocoon アフィリエイトリンクをボタン型(囲みボタン)にしてみよう!

ボタンのサイズや形状を指定します。
光らせることもできます。

【初心者向け】Cocoon アフィリエイトリンクをボタン型(囲みボタン)にしてみよう!

まとめ

✔ 「ブロックを追加」から簡単に「囲みボタン」を設置できます。
✔ 普通のリンクもボタンにすることができるよ!


こんな便利なものがあったんですね、、なんだかプロになった気分になります



リンク関連の記事はこちら
【鳩?】Cocoon パンくずリストってなんだろう



ads 楽天カードに「YOSHIKIデザイン」が登場!


タイトルとURLをコピーしました