cocoonボタン設定【ボタン】と【囲みボタン】の使い分け

ワードプレス
スポンサーリンク
銀ペン
銀ペン

アフィリエイトで紹介したい商品があるんだけどどうやってボタン作ったらいい?

sabo
sabo

cocoonには2種類のボタンがあるので使い分けよう!

ここではcocoonでのボタン設定をご紹介します。
通常のリンク用と、アフィリエイトなどのタグ挿入用があるので使い分けていきましょう!

スポンサーリンク

cocoonボタン【ボタン】通常リンク

投稿画面で+ボタンをおします。

その中の開いたメニューの中からcocoonブロックタブを開くとボタンが2種類あります。

通常のリンクをボタン形式にしたい場合は【ボタン】をクリックします。
するとボタンが生成されます。

デフォルトは小さい、黒色のボタンに白の文字でボタンと出てきます。

右側に設定項目の画面がでます。
URLに通常のリンクを貼りましょう。

装飾は「cocoonボタンの装飾 通常ボタン囲みボタン共通」で説明しています。
早くみたい方は「アフィリエイト用のボタン」の説明を飛ばしてください。

cocoonボタン【囲みボタン】 アフィリエイト他

ASPで提携した商品のテキストタイプの広告タグを使用します。

先ほどのボタンと同じように+をクリックしcocoonブロックタブの囲みボタンを選択します。

すると今度は下記のような表示になります。

右側に設定項目の画面がでます。
リンクタグ・ショートコードにASPからコピーしてきたテキストタイプのタグを貼りましょう。

cocoonボタンの装飾 通常ボタン囲みボタン共通

右側の設定項目は【ボタン】であっても【囲みボタン】であっても、サイズ以降は設定項目が同じです。

ただ、囲みボタンの場合はプレビューをするまでその見た目がわかりません。
都度、チェックしつつボタンの設定を行いましょう。

ボタンの大きさや角丸、ボタンの色、ボタンの文字の色など、またボタンを光らせることもできます。

またリンク先へは新しいタブを開くのか、このままのページでアクセスするのかも決めることができます。

*下記のボタンはデモです。どこへもリンクしていません。

銀ペン
銀ペン

光るのカッコいい♪

sabo
sabo

バナーだとアフィリエイト感満載になってしまうので、ボタンだと違和感ないよね♪

スポンサーリンク
ワードプレス
スポンサーリンク
saboをフォローする
saboput

コメント

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