クリック率の計測や自由なサイズ設定もできる、便利で見た目の良い「SWELLボタンブロック」の使い方をご紹介!
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
今回は、SWELLボタンブロックの使い方を解説しちゃいます。
SWELLをお使いなら、WordPress標準のボタンよりオシャレで高機能なSWELLボタンを使わない手はありません。
というか絶対使いましょう。
SWELLボタンブロックはめちゃオシャレ
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
SWELLボタンブロックは、5つのスタイル、4つのカラー、3つの大きさから選べます。
SWELLボタンはクリック率も計測できちゃう
![SWELLボタン計測機能](https://hinakira.com/wp-content/uploads/2021/09/ボタン.png)
![SWELLボタン計測機能](https://hinakira.com/wp-content/uploads/2021/09/ボタン.png)
SWELLボタンブロックは、ただのボタンではありません。
なんと、そのボタンの位置まで読まれた回数や、クリック回数、クリック率を計測できちゃうのです。
![](https://hinakira.com/wp-content/uploads/2022/08/machiko-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/08/machiko-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/08/machiko-1-150x150.png)
そのボタンが効果的なのかどうか、分かりますね。
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
ボタンの位置まで読まれていなければ、記事内容に問題があることも判明します。
SWELLボタンはアフィリエイトリンクを簡単設置できちゃう
![広告リンク設置](https://hinakira.com/wp-content/uploads/2022/10/広告リンク設置-1-1024x495.png)
![広告リンク設置](https://hinakira.com/wp-content/uploads/2022/10/広告リンク設置-1-1024x495.png)
SWELLボタンは、ASPの広告リンクを「広告タグを直接入力」という欄に貼り付けるだけで、簡単にアフィリエイトリンクを作成できるので便利です。
ただ貼るだけなので、アフィリエイトリンクが上手く設定できない!といった悩みも解決できるので、ブログ初心者にも嬉しい機能ですね。
SWELLボタンはアイコンを設定できちゃう
![SWELL-button-icon](https://hinakira.com/wp-content/uploads/2022/10/SWELL-button-icon-1-1024x584.png)
![SWELL-button-icon](https://hinakira.com/wp-content/uploads/2022/10/SWELL-button-icon-1-1024x584.png)
SWELLのボタンは、アイコンの設置もできます。
ボタンの見た目をキャッチーにして、読者満足度をたかめていきたいですね。
SWELLボタンはサイズも変更できちゃう
![buttonサイズ](https://hinakira.com/wp-content/uploads/2022/11/buttonサイズ-1-1024x434.png)
![buttonサイズ](https://hinakira.com/wp-content/uploads/2022/11/buttonサイズ-1-1024x434.png)
SWELLボタンは、サイズも自由自在です。
目立たせたり、控えめにしたり、ブログ内容にあったサイズで使っちゃいましょう。
SWELLボタンブロックの使い方
では、SWELLボタンブロックの使い方について、下記の流れで解説していきますね。
- SWELLボタンのカラーを登録
- 投稿画面でSWELLボタンを設置
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
では、順番に見ていきましょう。
①:SWELLボタンのカラーを登録
まず、SWELLボタンのカラーパターンを登録します。
WordPress管理画面より、「SWELL設定」→「エディター設定」を選択。
![キャプション付きブロックエディター設定](https://hinakira.com/wp-content/uploads/2021/09/キャプション.png)
![キャプション付きブロックエディター設定](https://hinakira.com/wp-content/uploads/2021/09/キャプション.png)
①エディター画面になったら、「ボタン」をタップ。
![SWELLボタン設定](https://hinakira.com/wp-content/uploads/2021/09/ボタン2.png)
![SWELLボタン設定](https://hinakira.com/wp-content/uploads/2021/09/ボタン2.png)
②3つのボタンの「カラー」と「丸み」を設定する。
最後に保存を忘れずに。
②:投稿画面でSWELLボタンを設置
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
続いて、記事投稿画面でSWELLボタンを設置していきます。
![ブロック追加](https://hinakira.com/wp-content/uploads/2021/09/キャプション4.png)
![ブロック追加](https://hinakira.com/wp-content/uploads/2021/09/キャプション4.png)
①「ブロック追加」をタップ。
![SWELLボタン選択](https://hinakira.com/wp-content/uploads/2021/09/ボタン3.png)
![SWELLボタン選択](https://hinakira.com/wp-content/uploads/2021/09/ボタン3.png)
②「SWELLボタン」をタップ。
ボタンが設置されたら、下記のように「テキスト」と「URL」を入力。
![ボタンにテキストとURL入力](https://hinakira.com/wp-content/uploads/2021/09/ボタン4.png)
![ボタンにテキストとURL入力](https://hinakira.com/wp-content/uploads/2021/09/ボタン4.png)
次に、ボタンのスタイル設定をしていきます。
![SWELLボタンのスタイル](https://hinakira.com/wp-content/uploads/2021/09/ボタン5.png)
![SWELLボタンのスタイル](https://hinakira.com/wp-content/uploads/2021/09/ボタン5.png)
ボタンの「カラー」や「サイズ」を決めます。
![ボタンカラー、サイズ設定](https://hinakira.com/wp-content/uploads/2021/09/ボタン6.png)
![ボタンカラー、サイズ設定](https://hinakira.com/wp-content/uploads/2021/09/ボタン6.png)
なお、「新しいタブで開く」にチェックを入れると、ボタンを設置したページを閉じずに、リンク先ページを新たなタブで開くようにすることができます。
最後に、ボタンがクリックされた回数やクリック率が分かる「計測機能」を使うかどうか選択します。
![ボタンのクリック率計測機能](https://hinakira.com/wp-content/uploads/2021/09/ボタン7.png)
![ボタンのクリック率計測機能](https://hinakira.com/wp-content/uploads/2021/09/ボタン7.png)
![](https://hinakira.com/wp-content/uploads/2022/08/machiko-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/08/machiko-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/08/machiko-1-150x150.png)
クリック率計測機能は、改善をするのに重宝しますよ。
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/Blogアイコン2-1-1-150x150.png)
「アイコン設定」から好きなアイコンを選ぶと、ボタンにアイコンを付けることもできます。
SWELLボタンブロックを解説するYouTube動画
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
SWELLボタンブロックを解説するYouTube動画です。
まとめ|SWELLボタンブロックの使い方
今回は、SWELLのボタンブロックについて解説しました。
SWELLボタンを使えば、とてもオシャレなボタンを設置することができます。しかも、計測機能というオマケ付きで。
是非とも、使いこなしていきましょう。
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/06/名称未設定のデザイン-10-150x150.png)
では、またね!
![](https://hinakira.com/wp-content/uploads/2022/01/Manual-for-using-SWELL-使い方.jpg)
![](https://hinakira.com/wp-content/uploads/2022/01/Manual-for-using-SWELL-使い方.jpg)
コメント