当ページのリンクには広告が含まれています。 AFFINGER6とSWELL徹底比較

SWELLのタブブロックとAFFINGER6の違いってある？

筆者はこんな人

34インチのウルトラワイドモニター

34インチのウルトラワイドモニターをフル活用！ 気分転換で動画を見始めたら止まらない笑

ばらもん。
ばらもん。
AFFINGER6とSWELLを使って、6つのブログを運営しているビール大好き自称鳥人間です！

特化ブログの数

ココがポイント

本記事はAFFINGER6のブロックエディタで作成しております。

結論から申し上げます。

SWELLのタブブロックとAFFINGER6のタブブロックの機能差はほぼないと感じています。

タブブロックの使い方もほぼ同じです。

クリックしてね

 

17-SWELLの吹き出しタイプのタブ

簡単ではありますが、AFFINGER6とSWELLのタブブロックの使い方等をご紹介します。

SWELLのタブブロックの使い方

step
1タブブロックを選択

12-SWELLのタブブロックを使ってみる

step
2タブブロックが挿入される

13-タブブロックが挿入される

step
3タブを追加を押下してタブ追加

14-タブを追加する

step
4タブのスタイルは3種類

15-タブのスタイルはAFFINGER6よりも少ない3種類

 

SWELLのタブブロックでは、タブのスタイルは3種類用意されています。

ココがポイント

  1. デフォルト
  2. ふきだし
  3. 下線

step
6タブ名にアイコンを挿入することも可能

19-SWELLでもタブにアイコンは設置可能

step
6タブ名に評価用スターの挿入も可能

20-SWELLではタブにスターも設置可能

step
7SWELLのタブブロック完成

21-SWELLのタブの完成形

以上が、SWELLのタブブロックのご紹介になります。

続いては、AFFINGER6のタブブロック。
SWELLのタブブロックの使用感やデザインには大きな違いはないと感じています。

AFFINGER6のタブブロックの使い方

step
1タブブロックを選択

1-AFFINGER6でタブブロックを使う方法

step
2タブブロックが挿入される

2-タブブロックが挿入された

step
3『タブリストを選択』をクリック

3-タブリストを選択をクリック

step
4『タブを追加』をクリック

4-タブを追加

step
5タブが追加される

5-タブが追加される

step
6タブのスタイルを変更

6-タブのスタイルをスクエアに変更

SWELLのタブブロックスタイルよりも2個多いよ

  1. デフォルト
  2. スクエア
  3. ふきだし
  4. タブ
  5. ボーダー

step
7ふきだしスタイル

7-タブのスタイルを吹き出しに変更

step
8タブスタイル

8-タブのスタイルをタブに変更

step
9ボーダースタイル

9-タブのスタイルをボーダーに変更

step
10タブ1に内容入力してみる

10-AFFINGER6でタブ1に内容入力

step
11タブ3に内容入力してみる

11-AFFINGER6でタブ3に内容入力

step
12タブ名にアイコンを挿入可能

AFFINGER6でタブにアイコンを付けてみる

step
13タブの背景色の変更も可能

AFFINGER6でタブの背景色を変えてみる

こんな感じです。

こちらにはまとめはありません！以上です！

-AFFINGER6とSWELL徹底比較