![](https://omame-to-omochi.com/wp-content/uploads/2022/01/image_6483441-150x150.jpg)
どうも!SWELLERのまめもちママ(@mamemochimama)です!
SWELL初心者の方に向けて、SWELLボタンの使い方とカスタマイズ方法について説明します。
SWELLボタンは広告タグの入力も簡単!
そして、ボタンごとにクリック率の測定もできるので、アフィリエイトをする方にはとても便利な機能ですよ!
SWELL導入を悩んでいる方にも参考にしていただけたら嬉しいです。
では、早速いってみましょう!
\ WordPressおすすめテーマ /
SWELLボタンのデザイン
ボタンのデザインは全5種
- ノーマル
- 立体
- キラッと
- アウトライン
- MORE
ボタンの色、形、グラデーションの有無のカスタマイズも可能です。
SWELLボタンの作り方
①ブロック追加ボタン「+」をクリック
②「検索」で「SWELLボタン」と入力
![](https://omame-to-omochi.com/wp-content/uploads/2022/05/96cdb0d86694577382627d3d27338102-1-1024x467.png)
③「SWELLボタン」のアイコンが出てきたらクリック
![](https://omame-to-omochi.com/wp-content/uploads/2022/05/2be859995bb45e410e48ce977a8b4dd8-1.png)
④ボタンのデザインを選ぶ
![](https://omame-to-omochi.com/wp-content/uploads/2022/05/8b96209b509b24b0e5c5f65380f32d9d-1-1024x477.png)
⑤「テキストを入力…」に入力したい文字を入れ、リンク先にURLを入力する
![](https://omame-to-omochi.com/wp-content/uploads/2022/05/adc2dcf160d48819ada9d859d5b6c8e3-1024x161.png)
SWELLボタンをカスタマイズ
SWELLボタンのデザインはカスタマイズが可能です。
- カラー
- グラデーションの有無
- ボタンの丸み
①【SWELL設定】→②【エディター設定】内の、③【ボタン】タブを選んで設定できます。
![](https://omame-to-omochi.com/wp-content/uploads/2022/05/f68e30b75e515d861a7abb27ce95ad32-2.png)
![](https://omame-to-omochi.com/wp-content/uploads/2022/05/14ba4b6bb9ad12c514466a77c933e105-2-1024x541.jpg)
SWELLボタンの便利な機能
アフィリエイト用広告タグをそのままペーストできる!
SWELLボタンのサイドバーに広告タグ設定エリアがあります。
![](https://omame-to-omochi.com/wp-content/uploads/2022/05/4658d01fee0cbd751a071a35727cf91f.png)
「広告タグを直接入力」欄にアフィリエイトのテキストコードを入力すると、コード内のテキスト部分がSWELLボタンのテキスト部分に入力されます。
![](https://omame-to-omochi.com/wp-content/uploads/2022/05/eed997347411a4ae6699549fe008898e-1-1024x509.jpg)
クリック率の測定が可能
SWELLv2.1.5より、ボタンブロックごとにクリック率の測定が可能になりました!
SWELLボタンのサイドバーに「ボタンの計測設定」という項目があります。
![](https://omame-to-omochi.com/wp-content/uploads/2022/05/14b40bce6ea936f55100bfc5a6fab0e5.png)
「クリック率を計測する」をオンにすると、計測データが確認できるようになります。
![](https://omame-to-omochi.com/wp-content/uploads/2022/05/57cb91da76337b00af82e5eed7608d60.png)
計測データは以下のように表示されます。
![](https://omame-to-omochi.com/wp-content/uploads/2022/05/1431ce6a2fc24aac32a17b5d48cf5d50-1.png)
- 「このボタンまで読まれた割合」
→記事内容の改善につながる - 「表示回数に対するクリック率」
→リンクの場所を見直すきっかけになる
![](https://omame-to-omochi.com/wp-content/uploads/2022/01/image_6483441-150x150.jpg)
計測機能を使って記事の改善に繋げよう!!
![](http://image.moshimo.com/af-img/3130/000000053841.jpg)
SWELLボタンのアイコン
SWELLボタンにはアイコンも使用できます。
SWELLボタンのサイドバーにある、「アイコン設定」→「検索」を選ぶと、アイコン一覧が表示されます。
![](https://omame-to-omochi.com/wp-content/uploads/2022/05/5d070df7f4c3008fd54b2f91c1d7685b-1024x629.png)
広告タグを入力した場合、アイコンは選べない
SWELLボタンに広告タグを入力した場合は、アイコンが選べなくなってしまいます。
![](https://omame-to-omochi.com/wp-content/uploads/2022/05/e9157ce2c82b2c6f6eba284016ae0c4b-1024x509.jpg)
私は広告タグが入っているとアイコンが表示されなくなることを知らず、何度も検索しました。
![](https://omame-to-omochi.com/wp-content/uploads/2022/01/image_6483441-1-150x150.jpg)
あれ?アイコンがない…
設定がおかしいのかな?
広告タグを消したらアイコン設定が表示されるようになり解決しました!
広告タグなし→アイコンが選べる
広告タグあり→アイコンが選べなくなる
まとめ:【SWELLボタン】使い方とカスタマイズ方法!広告タグ入力も簡単!
\ WordPressおすすめテーマ /
SWELLボタンはカスタマイズがしやすく、アフィリエイトをする方にもおすすめな機能が満載です!
![](https://omame-to-omochi.com/wp-content/uploads/2022/01/image_6483441-2-150x150.jpg)
私もSWELLにしてから効率よく記事が書けるようになったよ!
- SWELLを使っているけどうまく活用できていない人
- SWELLの導入を検討している人
SWELLボタン機能を使って、楽しくラクにブログ運営をしていきましょう〜!
- ノーマル
- 立体
- キラッと
- アウトライン
- MORE
- カラー
- グラデーションの有無
- ボタンの丸み
- アフィリエイト用広告タグをそのままペーストできる!
- クリック率の測定が可能!
SWELLボタンの広告タグを入力している場合は、アイコンが選べない
![](http://image.moshimo.com/af-img/3130/000000053841.jpg)