Cocoonカスタマイズ|光るボタンの作り方【超簡単】

ブログ運営

ボタンがピカッと光ってるとつい押してみたくなりますよね!

ぽくらん
ぽくらん

Cocoonユーザーならとっても簡単に光るボタンが作れますよ♪

光るボタンとはこんな感じのボタンです。
↓↓↓

光るボタンにすることで、ASPリンクのクリック率を上げましょう!ここでは「Cocoonで光るボタンを簡単に作る方法」をご紹介します。CSSコードは触らずにできるとっても簡単な方法です。
スポンサーリンク

cocoonカスタマイズ|光るボタンの作り方

Wordpress

早速作り方をご紹介していきますので、 Cocoonを使ってる方は是非参考にしてみてください☺

【1】ブロックの追加より「囲みボタン」を選択します。

Cocoon囲みボタン

すると、以下のような画面がでてきます。

Cocoon囲みボタン

【2】右側の「リンクタグ・ショートコード」という欄にASPで取得した「広告テキストのリンク」をコピペします。

Cocoon囲みボタン

すると、自動的に以下のようなボタンが作られます。(後ろの薄いオレンジ色の部分は実際は表示されないのでご安心を)

【3】次に右側の「光らせる」と書かれたボタンをONにします。これだけで「光るボタン」の完成です!

Cocoon光るボタンの作り方説明
ぽくらん
ぽくらん

ボタンの色を変更したい場合は「色設定」で変更できます。


【4】ボタンのテキストを変更したい場合は、右側のコードをコピペした部分でテキストを変更すればOKです。

Cocoon光るボタンの作り方説明

【5】大きさの表示は右側の「サイズ」のところから「大・中・小」と選べます。



これで「光るボタン」が簡単に作れますよね!

ただし、「光るボタン」が沢山あると、本当に目立たせたいものが分かりにくくなったり、目障りになってしまう場合もあります。うまく使い分けてくださいね!

この記事がお役に立てれば幸いです。



 

コメント

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