AFFINGERに軍配

【AFFINGER6とSWELL】記事装飾の比較

 

 

ばらもん。
AFFINGER6とSWELLの『記事の装飾』の違いを教えて欲しい

 

上記のお悩みを解決します。

 

本記事の内容

  •  AFFINGER6とSWELLの『記事装飾』の違いについて

こんな方におすすめ

  • AFFINGER6とSWELLのどちらを購入しようか悩まれている方

 

それでは、本題に入ります。

 

筆者はこんな人

AFFINGER6とSWELLを使って、2つのブログを運営中。

両テーマを同時に使っているからこそ発信できるリアルな声。

AFFINGER6とSWELLを徹底的に比較して、テーマ選びに悩まれている方へ手助けをすることが当ブログのコンセプト

 

『装飾の数』の違い

結論です。

AFFINGER6とSWELLの『装飾の数』を比較した場合、AFFINGER6のほうが装飾は豊富です。

 

AFFINGER6とSWELLの装飾を見てください。

AFFINGER6の装飾からご紹介します。

 

AFFINGER6

クリップメモ

メモ

外部リンク

ブックマーク

おしらせ

はてな

コメント

コード

ポイント

ユーザー

初心者

注意文

注意文グレー

 

クリップメモ(テキスト)

メモ

参考

関連

注意

check

次へ進む

前に戻る

質問

回答

 

ミニ吹き出し

基本

オレンジ

ピンク

ブルー

グリーン

レッド

ふきだしテキスト

マイボックス

 

複合

自由なメモ

自由なメモ

ココがポイント

ココがポイント

ココがおすすめ

ココがオススメ

ココがダメ

ココがダメ

ココに注意

ココに注意

さらに詳しく

さらに詳しく

◯才女性

女性コメント

◯才男性

男性コメント

 

複合(アイコンなし)

自由なメモ

自由なメモ

ココがポイント

ココがポイント

ココがおすすめ

ココがおすすめ

ココがダメ

ココがダメ

ココに注意

ココに注意

もっと詳しく

もっと詳しく

つまづきポイント

つまづきポイント

 

丸文字(小)

基本 オレンジ ピンク ブルー うすい注意 注意

 

丸文字(大)

基本

オレンジ

ピンク

ブルー

はてな

チェック

うすい注意

注意

 

HTMLカスタム

ルビ(ふりがな)ふりがな

 

 

カスタムフォント

デフォルト

白影

 

ステップ

step
1
ステップ

step
2
ステップ

step
3
ステップ

 

ポイント

ポイント

 

ラベル

おすすめ

ラベルを貼ることだってできちゃう

 

 

 

流れる文字(marquee風)

流れる文字

 

バナー風ボックス

タイトル

基本

タイトル

背景なし

タイトル

左寄せ

 

マイボックス

ポイント

基本

しかく(枠のみ)

まるみ

参考

参考

関連

関連

メモ

メモ

ポイント

ポイント

注意ポイント

注意ポイント

はてな

はてな

ミニ吹き出し

ふきだしテキスト

ミニ吹き出し

shortcode

shortcode

 

マイボックス(+CSSクラス)

メモ

メモ

メモ

メモ 下線のみ

メモ

メモ 枠のみ

メモ

メモ 枠・下線あり

ここに注意

注意 下線のみ

必要なモノ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

必要なモノ(ドット下線)

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

チェックリスト

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

チェックリスト(ドット下線)

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

簡単な流れ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

簡単な流れ(ドット下線)

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

 

見出し付きフリーボックス

見出し(全角15文字)

基本

注意

注意

はてな

はてな

ポイント

ポイント

メモ

メモ

見出し(全角15文字)

基本(タイトル幅100%)

注意

注意(タイトル幅100%)

はてな

はてな(タイトル幅100%)

ポイント

ポイント(タイトル幅100%)

メモ

メモ(タイトル幅100%)

 

メモボックス

メモ

 

 

スライドボックス

 

チェックボックス

  • チェックボックス(番号なしリスト)

 

こんな方におすすめ

こんな方におすすめ

  • これはダミーのテキストです
  • これはダミーのテキストです

こんな方におすすめ

こんな方におすすめ

  • これはダミーのテキストです
  • これはダミーのテキストです

ガイドマップメニュー

pre

 html
pre

 

pre terminal

 command
pre terminal

 

pre shortcode

 shortcode
pre shortcode

 

カスタムボタン(ノーマル)

基本

詳しくはコチラ

詳しくはコチラ

詳しくはコチラ

詳しくはコチラ

お問合せ

もっと詳しく

もっと詳しく

もっと詳しく

人気ランキング

ランキングはコチラ

 

カスタムボタン(角丸)

角丸ボタン

角丸ボタン

角丸ボタン

角丸ボタン

角丸ボタン

 

カスタムボタン(ミニ)

ボタン 詳しくはコチラ 詳しくはコチラ 詳しくはコチラ 詳しくはコチラ

 

カスタムボタン(MC)

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

 

カスタムボタン(ボックスメニュー)

 

ボックスメニュー(サブあり)

縦並びタイプ

縦並びタイプ(サブあり)

縦並びタイプ(単品)

 

ボタンA

ボタンB

会話吹き出し

ばらもん。
会話吹き出し
rで右吹き出し
ばらもん。

 

ランキング

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風

まとめ

カウント

写真 

枠線

ポラロイド風

ワイド

ボックス

黄色

淡赤

グレー

引用風

ワイド背景

ワイド背景左寄せ

ワイド背景右寄せ

リスト

  1. ドット下線 リスト
  2.  
  • マル リスト
  •  
  • マル+ドット下線リスト
  •  
  • 簡易チェック(リスト)
  •  
  • 簡易チェック+ドット下線(リスト)
  •  
  • チェックボックス(番号なしリスト)
  •  
  • チェックリスト(番号なしリスト)
  •  
  1. ナンバリング(番号付きリスト)
  2.  
  1. ナンバリング四角(リスト)
  2.  
  1. ナンバリング四角+ドット下線(リスト)
  2.  

 

AFFINGER6の装飾をご紹介してきましたが、AFFINGER6の装飾はクラシックエディタのほうが使いやすいと感じています。

私自身もAFFINGER6でブログを書くときは、クラシックエディタを好んで使っています。

 

SWELLの装飾一覧

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

って感じでしょうか。以上です。

 

SWELLのデモサイトを見てみる

 

\AFFINGER6とSWELLで悩まれている方へ!/

 

私は2つのブログでAFFINGER6とSWELLを同時に使っています!

  • 当ブログ(AFFINGER6)
  • 雑記ブログ(SWELL)

 

AFFINGER6とSWELLを同時に使っている私は、『SWELL』をオススメします。

 

ポイント

デザインや操作性を求めるなら→『SWELL』

カスタマイズやアフィリエイトを追求するなら→『AFFINGER6』

 

AFFINGER6かSWELLかどちらを有料テーマ選びで悩まれていませんか?

両テーマを同時に使っている私が、AFFINGER6とSWELLを徹底的に比較しました。

下記記事をご覧ください。

さらに詳しく

 

\AFFINGER6&SWELLを同時に使っている私がオススメするテーマ/

SWELLならやりたかったことができるはず

SWELLのデモサイトを見てみる

/サイト作りの参考になります\

-AFFINGERに軍配