上記のお悩みを解決します。
本記事の内容
- AFFINGER6とSWELLの『記事装飾』の違いについて
こんな方におすすめ
- AFFINGER6とSWELLのどちらを購入しようか悩まれている方
それでは、本題に入ります。
AFFNGER6とSWELLの装飾のメリット・デメリット
SWELL
| メリット | デメリット |
|
シンプルで使いやすくデザイン性も高い |
AFFINGER6に比べると少ない |
AFFINGER6
| メリット | デメリット |
|
アニメーションも豊富でデザインがとにかく豊富すぎる |
装飾の種類が多すぎて、どれを使っていいのか分からなくなる |
結論です。
AFFINGER6とSWELLの『装飾の数』を比較した場合、AFFINGER6のほうが装飾は豊富です。
ですが、AFFINGER6は装飾があまりにも豊富なので悩んでしまうデメリットがあります。
まずは、AFFINGER6の装飾からご紹介します。
AFFINGER6の装飾
クリップメモ
メモ
外部リンク
ブックマーク
おしらせ
はてな
コメント
コード
ポイント
ユーザー
初心者
注意文
注意文グレー
クリップメモ（テキスト）
メモ
参考
関連
注意
check
次へ進む
前に戻る
質問
回答
ミニ吹き出し
基本
オレンジ
ピンク
ブルー
グリーン
レッド
ふきだしテキスト
マイボックス
複合
自由なメモ
自由なメモ
ココがポイント
ココがポイント
ココがおすすめ
ココがオススメ
ココがダメ
ココがダメ
ココに注意
ココに注意
さらに詳しく
さらに詳しく
◯才女性
女性コメント
◯才男性
男性コメント
複合（アイコンなし）
自由なメモ
ココがポイント
ココがおすすめ
ココがダメ
ココに注意
もっと詳しく
つまづきポイント
丸文字（小）
基本 オレンジ ピンク ブルー うすい注意 注意丸文字（大）
基本
オレンジ
ピンク
ブルー
はてな
チェック
うすい注意
注意
HTMLカスタム
カスタムフォント
デフォルト
白影
ステップ
step
1ステップ
step
2ステップ
step
3ステップ
ポイント
ポイント
ラベル
ラベルを貼ることだってできちゃう
流れる文字（marquee風）
流れる文字
バナー風ボックス
タイトル
基本
タイトル
背景なし
タイトル
左寄せ
マイボックス
ポイント
基本
しかく（枠のみ）
まるみ
参考
参考
関連
関連
メモ
メモ
ポイント
ポイント
注意ポイント
注意ポイント
はてな
はてな
ミニ吹き出し
ふきだしテキスト
ミニ吹き出し
shortcode
shortcode
マイボックス（+CSSクラス）
メモ
メモ
メモ
メモ 下線のみ
メモ
メモ 枠のみ
メモ
メモ 枠・下線あり
ここに注意
注意 下線のみ
必要なモノ
- ダミーテキスト
- ダミーテキスト
- ダミーテキスト
必要なモノ（ドット下線）
- ダミーテキスト
- ダミーテキスト
- ダミーテキスト
チェックリスト
- ダミーテキスト
- ダミーテキスト
- ダミーテキスト
チェックリスト（ドット下線）
- ダミーテキスト
- ダミーテキスト
- ダミーテキスト
簡単な流れ
- ダミーテキスト
- ダミーテキスト
- ダミーテキスト
簡単な流れ（ドット下線）
- ダミーテキスト
- ダミーテキスト
- ダミーテキスト
見出し付きフリーボックス
見出し（全角15文字）
基本
注意
注意
はてな
はてな
ポイント
ポイント
メモ
メモ
見出し（全角15文字）
基本（タイトル幅100％）
メモボックス
メモ
スライドボックス
チェックボックス
- チェックボックス（番号なしリスト）
こんな方におすすめ
こんな方におすすめ
- これはダミーのテキストです
- これはダミーのテキストです
こんな方におすすめ
こんな方におすすめ
- これはダミーのテキストです
- これはダミーのテキストです
ガイドマップメニュー
pre
html
pre
pre terminal
command
pre terminal
pre shortcode
shortcode
pre shortcode
カスタムボタン（ノーマル）
カスタムボタン（角丸）
カスタムボタン（ミニ）
ボタン 詳しくはコチラ 詳しくはコチラ 詳しくはコチラ 詳しくはコチラカスタムボタン（MC）
カスタムボタン（ボックスメニュー）
ボックスメニュー（サブあり）
縦並びタイプ
縦並びタイプ（サブあり）
縦並びタイプ（単品）
ボタンA
ボタンB
会話吹き出し
ランキング
AFFINGER6
装飾
多すぎて
ハマる人続出
背景ワイド
タブ（切り替えボタン）
タブ1のコンテンツ
タブ2のコンテンツ
タブ3のコンテンツ
タブ4のコンテンツ
タブ
タブ1のコンテンツ
タブ2のコンテンツ
タブ3のコンテンツ
タイムライン（基本）
ここに見出しテキスト
ここにコンテンツ
ここに見出しテキスト
ここにコンテンツ
ここに見出しテキスト
ここにコンテンツ
タイムライン（センター）
ここに見出しテキスト
ここにコンテンツ
ここに見出しテキスト
ここにコンテンツ
ここに見出しテキスト
ここにコンテンツ
タイムライン 基本（ステップ）
step.1
ここにコンテンツ
step.2
ここにコンテンツ
step.3
ここにコンテンツ
タイムライン センター（ステップ）
step.1
ここにコンテンツ
step.2
ここにコンテンツ
step.3
ここにコンテンツ
タイムライン ブログカード
タイムライン カウント（基本）
ここに見出しテキスト
ここにコンテンツ
ここに見出しテキスト
ここにコンテンツ
ここに見出しテキスト
ここにコンテンツ
タイムライン カウント（センター）
ここに見出しテキスト
ここにコンテンツ
ここに見出しテキスト
ここにコンテンツ
ここに見出しテキスト
ここにコンテンツ
タイムライン カウント（ブログカード）
その他パーツ
スター
画像付きコメント
画像付きコメントも入れることができます
アドセンス
スポンサーリンク
ユーチューブ
三角（下矢印）
スクロールナビ
目次（カスタム）
アニメーション
45度揺れ
ベル揺れ
横揺れ
縦揺れ
点滅
バウンド
回転
ふわふわ
大小
シェイク
シェイク（強）
拡大（ゆれ）
過ぎる
戻る
バースト
落ちる
アニメーションと装飾の合せ技
ココがポイント
アイコンを揺らすことだって簡単にできちゃいます
アイコン
はてな
注意
人物
チェック
メモ
王冠
初心者マーク
見出し
h2風
h3風
h4風
h5風
まとめ
カウント
写真
枠線
ポラロイド風
ワイド
ボックス
黄色
淡赤
グレー
引用風
ワイド背景
ワイド背景左寄せ
ワイド背景右寄せ
リスト
- ドット下線 リスト
- マル リスト
- マル+ドット下線リスト
- 簡易チェック（リスト）
- 簡易チェック+ドット下線（リスト）
- チェックボックス（番号なしリスト）
- チェックリスト（番号なしリスト）
- ナンバリング（番号付きリスト）
- ナンバリング四角（リスト）
- ナンバリング四角+ドット下線（リスト）
AFFINGER6の装飾をご紹介してきましたが、AFFINGER6の装飾はクラシックエディタのほうが使いやすいと感じています。
私自身もAFFINGER6でブログを書くときは、クラシックエディタを好んで使っています。
SWELLの装飾
SWELLの装飾一覧については、私がSWELLで運営しているブログ記事にまとめました。
SWELLの装飾は、SWELLテーマで実際に使っているところをご紹介するほうが分かりやすいと思うので。
SWELLでブログを書くときは、クラシックエディタは使いません。
ブロックエディタがとても使いやすいと感じています。
AFFINGER6はクラシックエディタ
SWELLはブロックエディタ
ココがポイント
AFFINGER6とSWELLの両テーマを同時に使っている私は、使うテーマに寄ってエディタを使い分けています。
まとめ
AFFINGER6とSWELLの装飾一覧をご紹介しました。
ポイントをまとめます。
AFFINGER6はSWELLに比べると装飾が多い（アニメーション等）
AFFINGER6の装飾をフル活用するならクラシックエディタのほうが使いやすい
SWELLはブロックエディタの装飾が使いやすい（細かいところのデザインも変更可能）
SWELLはAFFINGER6より装飾は少ないが、ひととおりのデザインは網羅していると感じる
AFFINGER6とSWELLを両方使っている私は、AFFINGER6で装飾を触っている時間が楽しかったりします。
アニメーション効果が好きなので、いろいろ試してはほくそ笑んでいます。
装飾効果を上手に使うことができる人は、AFFINGER6をオススメします。（しかし、装飾にこだわりすぎると執筆時間が増えます・・・）
逆に、SWELLはブロックエディタで直感的に装飾を放り込んでいくことが可能です。
ココがポイント
凝り性の人はAFFINGER6
ささっと執筆したい人はSWELL
って感じでしょうか。以上です。
タイトル
◯代男性