Cocoonのテーマを使っているけどボタンの作り方が分からない
「ボタン」と「囲みボタン」の違いって何？
難しいことは分からないから簡単に教えて欲しいな
そんなお悩みにお答えします。
✔ 本記事の内容
・Cocoonでボタン作成する方法は【２つだけ】
・URLでボタンを作る方法【どこでもボタンに出来る】
・アフィリエイトタグでボタンを作る方法【収益化】
この記事は、WordPressを利用していてCocoonのテーマを使っている方に向けた内容となっています。
無料テーマなのに豊富な機能が搭載されているCocoonでは、誰でも簡単にボタンが作れるのをご存知ですか？
↓ボタンというのはよく見かけるこんな感じのモノ↓
こんないい感じのボタンがメチャクチャ簡単につくれます。
Cocoonは人気の無料テーマなので、使い方の記事は多く出ていますがいまいち分かりにくいものばかりなので、この記事で分かりやすく解説していきます。
実際に普段から使っている方法なのでCocoon初心者の方は覚えておくと損は無いですよ！
Cocoonでボタン作成する方法は【２つだけ】
Cocoonでボタンを作成する方法は２つだけです。
メチャクチャ簡単な上に、ASP案件を扱う場合かなり使う頻度は高いので必ずマスターしておきましょう。
２つというのは、Cocoonブロック内にある「ボタン」と、「囲みボタン」です。
✔ 「ボタン」と「囲みボタン」の違い
- 「ボタン」の機能 ボタンにURLを貼り付けてリンクすることができる
- 「囲みボタン」の機能 アフィリエイトタグを貼り付けて収益化に繋げれる
ざっくりとこういう認識で問題ないです。
ボタン機能がどこにあるのか分からないっていう困ったさんの為に、念のため赤で囲っておきます。
それではそれぞれの使い方を見ていきましょう。
URLでボタンを作る方法【どこでもボタンに出来る】
まず１つめのボタン作成の方法を解説していきます。
先ほど説明したとおり、この「ボタン」機能でできることは作成したボタンにURLを貼り付けることができます。そのためオンライン上のURLであればたいていのサイトは貼り付けすることができます。
ASP案件ではない場合や、ここのURLから入って登録してねと単純に目立たせたいときなどにとても有効です。
ボタン作成手順 【３ステップで作れる】
手順１：「Cocoonブロック」→「ボタン」の順にクリック
手順２：右サイドバーに設定画面が出てきます。飛ばしたいリンク先のURLをコピペし、そこから下は選択式でお好みのボタンにカスタマイズできます。
リンクの開き方、サイズ、円形、光らせる、文字サイズなどですね。
手順３：背景色、文字色、ボーダー色を選択しましょう。色を選択すると左側のボタンが変化しますので確認しながら選ぶことができますよ。
以上で完成です。
こんなボタンが完成しましたか？
実際にクリックしてみると、当ブログのトップページへ飛びます。
✔ 「ボタン」最大のメリット
- 記事の読者に対して有益な情報を提供できる
- 記事の読者に対して情報の根拠を示すことが出来る
アフィリエイトタグでボタンを作る方法【収益化】
続いて２つ目の「囲みボタン」の作り方を説明します。
「囲みボタン」の特徴は、アフィリエイトタグを貼り付けることが出来ることです。
つまり、ASP案件のボタン作成ができるようになることで収益化に繋げられるわけです。
収益化を図るためにはこちらの方法を習得しておく必要があるので、分かりにくい場合は繰り返し読んで、試してみてください。
「囲みボタン」作成手順 【３ステップ】
手順１：「Cocoonブロック」→「囲みボタン」の順にクリック
手順２：「ボタン」と「囲みボタン」の作成方法の違いはここです。リンクタグ・ショートコードをASPから取得してコピペしましょう。このときのアフィリエイトタグは「テキスト」にしておきましょう。その他は先程のボタン作成と同じで、選択して好きにカスタマイズするだけでOKです。
手順３：囲みボタンの文言を好きなフレーズに編集しよう！
リンクタグ・ショートコード内に、囲みボタンの文言と同じ表記が必ずあります。画像の赤いマーカー部分がその箇所です。
その箇所を編集するだけで囲みボタンに好きな文言を反映することができます。
以上！こちらもたったの３ステップで完成です。
↓こんな囲みボタンが完成しましたか？↓
見た目は変わらないですし、読者にとってはどちらも有益な情報のリンクが貼ってあることに変わりはありません。
でも、記事を書いているブロガーにとっては収益の元となる大切な機能ですので、しっかりと身に付けておきましょう。
色の選択や設定はとても簡単なので、アフィリエイトタグの貼り方だけ覚えておけばOKです。
✔ 「囲みボタン」の最大のメリット
- ASP案件のボタンが作れる【収益化】
- 目立たせると同時に、記事の装飾として活躍してくれる
ASPの登録
もし、ASPにまだ登録していないよっていう方は無料なので早めに登録して置くことをおすすめします。
初心者からトップブロガーまでみんなが使っているASPに登録しておきましょう。
というか初めはみんな登録するASPは結局は一緒なので迷う必要はありません。
せっかくなのでボタンで貼っておきますので良かったら登録してから、またこの記事に戻ってボタンを作ってみてください。
おすすめASP紹介
＼国内最大のASP！累計広告主数17,000社以上・登録サイト数220万サイト／
＼プレミアム報酬、W報酬制度などアフィリエイターに嬉しい制度が盛りだくさん／
＼国内初のASP会社で、最も歴史が長く、アフィリエイト会の老舗／
まとめ
無料テーマCocoonの「ボタン」と「囲みボタン」の使い方について解説してきました。
最後にもう一度おさらいしておきましょう。
✔ 「ボタン」と「囲みボタン」の違い
- 「ボタン」の機能 ボタンにURLを貼り付けてリンクすることができる
- 「囲みボタン」の機能 アフィリエイトタグを貼り付けて収益化に繋げれる
それぞれの作成の違いについても、「URLを貼り付ける」「アフィリエイトタグを貼り付ける」の違いだけでしたね。
では、今回は以上です。
ブログは文字だけだと読みにくくなってしまいます。上手くボタンの機能を使って読みやすい記事作りを心がけましょう！
