豊富なAffiger5の記事装飾の機能も使いこなせていないともったいない
そこで！
今回はAffinger5のボックスデザインをまとめてみました。
ポイント
この記事を読むことでお気に入りのボックスデザインを見つけることができ、Affinger5を使った執筆活動の表現を広げることができるようになります。
紹介する装飾機能はすべてデフォルトのものですので、サイズや文字色、背景色などは自由に変更可能です。
バナー風ボックス
タイトル
ボックスデザイン → バナー風ボックス → 基本
タイトル
ボックスデザイン → バナー風ボックス → 背景なし（高さ400px）
タイトル
ボックスデザイン → バナー風ボックス → 左寄せ
マイボックス
ポイント
ボックスデザイン → マイボックス → 基本
ボックスデザイン → マイボックス → しかく（枠のみ）
ボックスデザイン → マイボックス → まるみ
参考
ボックスデザイン → マイボックス → 参考
関連
ボックスデザイン → マイボックス → 関連
メモ
ボックスデザイン → マイボックス → メモ
ポイント
ボックスデザイン → マイボックス → ポイント
注意ポイント
ボックスデザイン → マイボックス → 注意ポイント
はてな
ボックスデザイン → マイボックス → はてな
ふきだしテキスト
ボックスデザイン → マイボックス → ミニ吹き出し
ボックスデザイン → マイボックス → Ｓｈｏｒｔｃｏｄｅ
マイボックス（+CSSクラス）
メモ
ボックスデザイン → マイボックス（+ＣＳＳクラス） → メモ
メモ
ボックスデザイン → マイボックス（+ＣＳＳクラス） → メモ（下線のみ）
メモ
ボックスデザイン → マイボックス（+ＣＳＳクラス） → メモ（枠のみ）
メモ
ボックスデザイン → マイボックス（+ＣＳＳクラス） → メモ（枠・下線あり）
ここに注意
ボックスデザイン → マイボックス（+ＣＳＳクラス） → 注意（下線のみ）
必要なモノ
- ボックスデザイン →
- マイボックス（+ＣＳＳクラス） →
- 必要なモノ
必要なモノ
- ボックスデザイン →
- マイボックス（+ＣＳＳクラス） →
- 必要なモノ（ドット下線）
チェックリスト
- ボックスデザイン →
- マイボックス（+ＣＳＳクラス） →
- チェックリスト
チェックリスト
- ボックスデザイン →
- マイボックス（+ＣＳＳクラス） →
- チェックリスト（ドット下線）
簡単な流れ
- ボックスデザイン →
- マイボックス（+ＣＳＳクラス） →
- 簡単な流れ
簡単な流れ
- ボックスデザイン →
- マイボックス（+ＣＳＳクラス） →
- 簡単な流れ（ドット下線）
見出し付きフリーボックス
見出し（全角15文字）
マイボックス → 見出し付きフリーボックス → 基本
注意
マイボックス → 見出し付きフリーボックス → 注意
はてな
マイボックス → 見出し付きフリーボックス → はてな
ポイント
マイボックス → 見出し付きフリーボックス → ポイント
メモ
マイボックス → 見出し付きフリーボックス → メモ
見出し（全角15文字）
マイボックス → 見出し付きフリーボックス → 基本（タイトル幅100％）
その他のマイボックス
メモ
マイボックス → メモボックス
こんな方におすすめ
- マイボックス →
- こんな方におすすめ（ｖ）
こんな方におすすめ
- マイボックス →
- こんな方におすすめ[ｖ]
Afinger5ボックスデザインまとめ
記事作成にあたって記事の見やすさや読みやすさが読者の離脱率を左右します。
Affinger5で自分なりに使いやすいボックスデザインを駆使して
見やすく読みやすい記事を書いていきましょう！