とっても便利なSWELLタブブロックの使い方を解説します。
![](https://hinakira.com/wp-content/uploads/2022/08/machiko悩み-1-150x150.png)
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タブブロックの種類3つ
まず、SWELLタブブロックの種類3つについて見ていきましょう。
- ノーマル
- ふきだし
- 下線
①ノーマル
スピードの比較
![SWELLのスピード](https://hinakira.com/wp-content/uploads/2021/08/SWELL%E6%AF%94%E8%BC%831-1.png)
![SWELLのスピード](https://hinakira.com/wp-content/uploads/2021/08/SWELL%E6%AF%94%E8%BC%831-1.png)
②ふきだし
各スコアの比較
![SWELLのSEOスコア](https://hinakira.com/wp-content/uploads/2021/08/SWELL9.png)
![SWELLのSEOスコア](https://hinakira.com/wp-content/uploads/2021/08/SWELL9.png)
③下線
他テーマへの離脱率
![SWELL離脱率](https://hinakira.com/wp-content/uploads/2021/08/SWELL1-2.png)
![SWELL離脱率](https://hinakira.com/wp-content/uploads/2021/08/SWELL1-2.png)
SWELLタブブロックの使い方
では、SWELLタブブロックの使い方を解説していきます。
STEP
「ブロック追加」ボタンをタップする
![「ブロック追加」ボタンをタップする](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_12h53_55-1-1024x756.png)
![「ブロック追加」ボタンをタップする](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_12h53_55-1-1024x756.png)
STEP
「タブ」をタップする
![「タブ」をタップする](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_12h56_12-1-1024x812.png)
![「タブ」をタップする](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_12h56_12-1-1024x812.png)
STEP
タブのスタイルを選択する
![タブのスタイルを選択する](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_12h57_25-1-1024x578.png)
![タブのスタイルを選択する](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_12h57_25-1-1024x578.png)
STEP
タブの数や名称などを設定する
![タブの数や名称などを設定する](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_12h59_11-1-1024x578.png)
![タブの数や名称などを設定する](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_12h59_11-1-1024x578.png)
STEP
タブごとに文章や画像などを入力していく
![タブごとに文章や画像などを入力していく](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_13h01_57-1-1024x628.png)
![タブごとに文章や画像などを入力していく](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_13h01_57-1-1024x628.png)
STEP
タブサイズなどの設定をする
![タブサイズなどの設定をする](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_13h17_45-1-1024x628.png)
![タブサイズなどの設定をする](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_13h17_45-1-1024x628.png)
STEP
タブの背景カラーを設定する
![タブの背景カラーを設定する](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_13h19_58-1-1024x628.png)
![タブの背景カラーを設定する](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_13h19_58-1-1024x628.png)
STEP
ボーダー(囲い)の設定をする
![ボーダー(囲い)の設定をする](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_13h21_48-1-1024x578.png)
![ボーダー(囲い)の設定をする](https://hinakira.com/wp-content/uploads/2022/01/2022-01-03_13h21_48-1-1024x578.png)
STEP
タブブロック完成
![SWELLのスピード](https://hinakira.com/wp-content/uploads/2021/08/SWELL%E6%AF%94%E8%BC%831-1.png)
![SWELLのスピード](https://hinakira.com/wp-content/uploads/2021/08/SWELL%E6%AF%94%E8%BC%831-1.png)
まとめ|SWELLタブブロックは比較記事で特に便利です
今回は、SWELLのタブブロックの使い方についての解説でした。
SWELLのタブブロックは、比較したいときに良く使っています。
それから、トップページのカスタマイズなどにも使えたり、アイデアしだいで色んな活用法があると思います。
ぜひ、使ってみてくださいね。
では、以上となります。またねっ!
あわせて読みたい
≫SWELLの設定マニュアル
あわせて読みたい![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](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)
![](https://hinakira.com/wp-content/uploads/2022/01/Manual-for-using-SWELL-使い方.jpg)
SWELL初心者向けの使い方マニュアル【2024年7月版】
SWELLの使い方を、SWELL初心者向けに、公式サイトのマニュアルよりも詳しく解説。
SWELLの導入から、プラグイン、ブロックエディター、専用ブロックまで網羅しています。
当サイト使用テーマ。最高です。
WordPressテーマ「SWELL」の特徴
![](https://hinakira.com/wp-content/uploads/2022/07/SWELLの特徴.jpg)
![](https://hinakira.com/wp-content/uploads/2022/07/SWELLの特徴.jpg)
メリット
- 購入者限定アフィリエイトがあるからテーマで稼げる
- 書きやすくて時短になるから生産性があがる
- ChatGPTとの相性もバツグンで時短が加速
- 誰でも簡単にオシャレなデザインにできる
- 買い切り、複数サイトにバンバン使える
- アプデが多くて進化がスゴイ
- SEOにも強い
デメリット
- 価格が高い
- 個人開発の不安
- 人気すぎてデザインが被りがち
\ 時短になって生産性が爆上がりするテーマ /
※おしゃれで書きやすくてブログが楽しくなる
コメント