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

ブログ運営

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

ぽくらん
ぽくらん

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

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

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

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

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

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

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

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

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

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

ぽくらん
ぽくらん

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


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

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



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

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

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



この記事を書いた人

ぽくらん

◆男の子(小3)と女の子(年長)の二児のママ。
◆日常の気付きや育児・生活に役立つ情報を発信。
◆ゆるっと気軽に資産運用もしてます。
◆可愛い雑貨が大好き。
◆頑張るあなたの「はじめの一歩」を応援します。
◆保有資格:英語検定2級、日商簿記3級、漢字検定3級、合気道初段

ぽくらんをフォローする
ブログ運営
スポンサーリンク
ぽくらんをフォローする
はじめのいっぽくらん

コメント

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