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

ブログ運営
Cocoon光るボタンの作り方

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

ぽくらん
ぽくらん

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

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

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

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

Wordpress

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

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

Cocoon囲みボタン

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

Cocoon囲みボタン

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

Cocoon囲みボタン

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

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

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

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


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

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

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



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

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

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



▼他にこのような記事も書いています。

クラウドソーシング|Bizseek(ビズシーク)の評判
クラウドソーシングってどんなお仕事があるの?在宅でプチ収入をGETできる案件はある?在宅ワークに興味はあるけど怪しくない?今回は、クラウドソーシングのBizsee...
switchで長時間ゲームをする子供たち|電磁波は大丈夫か?
うちの子、長時間switchをやってるんだけど...。電磁波とか大丈夫かな?うちもスマホでYouTubeずっと見せてるけど... 今回は、ゲーム機から放出される電磁波について調べたことをご紹介しま...
将棋は楽しい!NEWスタディ将棋で思考力・集中力を高めよう
将棋ができる子は賢いイメージがあるけど、誰でもできるの?将棋のコマを覚えられないし、ルールも難しそう...私は、今まで将棋に興味関心がなく、将棋のルールも全く分かりませんでした。そして、子供...
ミライコイングリッシュの子供向け英語教材とは?|無料体験口コミ
幼児向け英語教材って色々あるけど、どれを選んでよいか分からない。あまりお金をかけずに楽しみながら英語を身に付けさせたい!ぽくらん幼児向けの英語教材は色々あるようですが、たくさんあり...
ブログ初心者がPV数を伸ばすには★クリックしたくなる記事の書き方
ぽくらんブログを始めてみたものの、ほとんど見てもらえずPV数が伸びない...どうすれば人の心を動かす記事が書けるのかな...ここではブログ記事を作成していく上で私が学んだブログ初心者のための...

この記事を書いた人

ぽくらん

◆男の子(小4)と女の子(小1)の二児のママ。
◆日常の気付きや育児・生活に役立つ情報を発信。
◆独学でデザインを学びオンラインSHOPの運営も。
◆保有資格:英語検定2級、日商簿記3級、漢字検定3級、合気道初段

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

コメント

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