>おしゃれなブログ200選はコチラ

SWELLタブブロックの使い方

SWELLタブブロックの使い方

SWELLタブブロックの使い方を解説!

サユナ

SWELLのタブブロックの使い方が分かりません・・・。

こういったお悩みを解決します。

SWELL のタブブロックは、便利です。

例えば比較記事に使ったり、トップページのデザインカスタマイズに使用したりと、利用範囲が広い。

個人的には、比較記事で重宝しています。

タブブロックを使えば、より読者が読みやすいコンテンツにすることができますし。

というわけで、さっそく見ていきましょう。

>SWELLの評判記事はコチラ

>SWELLを使ってみたレビュー記事はコチラ

タップできる目次

SWELLタブブロック

SWELLタブブロックの使用例は下記です。

下記のように何かを比較したりする場合にも便利。

タブブロック【ノーマルタイプ】

スピードの比較

SWELLのスピード

タブブロック【ふきだしタイプ】

各スコアの比較

SWELLのSEOスコア

タブブロック【下線タイプ】

他テーマへの離脱率

SWELL離脱率

SWELLタブブロックの使い方

では、SWELLタブブロックの使い方を解説していきます。

STEP
「ブロック追加」ボタンをタップする
「ブロック追加」ボタンをタップする
STEP
「タブ」をタップする
「タブ」をタップする
STEP
タブのスタイルを選択する
タブのスタイルを選択する
STEP
タブの数や名称などを設定する
タブの数や名称などを設定する
STEP
タブごとに文章や画像などを入力していく
タブごとに文章や画像などを入力していく
STEP
タブサイズなどの設定をする
タブサイズなどの設定をする
STEP
タブの背景カラーを設定する
タブの背景カラーを設定する
STEP
ボーダー(囲い)の設定をする
ボーダー(囲い)の設定をする
STEP
タブブロック完成
SWELLのスピード

まとめ|SWELLタブブロックの使い方

いかがでしたでしょうか。

今回は、SWELLのタブブロックの使い方についての解説でした。

SWELLのタブブロックは、比較などにも便利です。

実際、下記の比較記事では「ふんだんに」使っています。良ければ見てみてくださいね。

>10項目で比較|SWELL*AFFINGER6*THE THOR*JIN

と、いうわけで以上となります。

では、また!

SWELLを詳しく見てみる

>SWELLの使い方まとめ

上記では、SWELLの始め方から、ブロックエディター、専用ブロックの使い方、カスタマイズなど、基本的な使い方をまとめています。

よかったらシェアしてね!

コメント

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

タップできる目次
閉じる