アフィンガー６(AFFINGER6)のボックスデザイン一覧

悩むハリネズミ

アフィンガーを導入したけど、ボックスデザインが多すぎて(笑)

正直どれがどれだか分からない。

こんにちは！ハリネです。

今回はそんなお悩みにお答えしていきます。

ワードプレスの有料テーマ、アフィンガーのボックスは種類が豊富で、どれを選択すればいいのか分からなくなりますよね。

そんな悩みにお答えしてボックスデザインの画像つき一覧を作りました！

画像つきで分かるので、この記事を活用してぜひ執筆時間を短縮できたらなと思います。

アフィンガーの導入がまだのかたはこちらから。

＼ 稼ぐ × 自分好みのブログに／

アフィンガー6を特典つきで購入

今なら限定特典あり🎁

アフィンガーについて詳しく知りたいかたは、こちらの記事を参考にどうぞ✨

本記事では「ブロックエディタ」「クラシックエディタ」の場合でそれぞれ解説していきます。

ブロックエディタの場合

画面右上のマークをクリックして、スタイルを選択するとボックスが表示されます。

色やアイコンも変更できるので、ぜひ見てみてください。

ハリネ

私は注意、初心者マークをよく使うよ！

▼カスタム

▼メモ

▼リンク

▼ポイント

▼インフォ

▼初心者

▼注意

▼注意(グレー)

▼マル

▼バツ

▼Like

▼Bad

▼Code

▼付箋

▼囲みドット

▼ふきだし

▼まるもじ

▼簡易ボタン

簡易会話A

簡易会話B

ボックスの色の変更は、

「管理画面(ダッシュボード)」→「AFFINGER管理」→「Gutenberg 設定」→「段落ブロックスタイル」

でアイコンや背景色の変更ができますよ。

クラシックエディタの場合

「＋」マーク→「クラシック」を選択。

「タグ」→「ボックスデザイン」で色んなボックスデザインが出てきます。

色もタグのカラーナンバー変えるだけで自由に設定できます。

ハリネ

かなり沢山あるので一個一個見ていきましょう！

バナー風ボックス

▼バナー風ボックス(基本)

▼バナー風ボックス(背景なし)

▼バナー風ボックス(左寄せ)

▼バナー風ボックス(ガイド使用不可)

マイボックス

▼基本

▼しかく(枠のみ)

▼まるみ

▼参考

▼関連

▼メモ

▼ポイント

▼注意ポイント

▼はてな

▼ミニ吹き出し

▼ShortCode

▼ガイド使用不可

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

▼メモ

▼メモ下線のみ

▼メモ(枠のみ)

▼メモ（枠・下線あり）

▼注意(下線のみ)

▼必要なもの

▼必要なもの(ドット下線)

▼チェックリスト

▼チェックリスト（ドット下線）

▼簡単な流れ

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

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

▼基本

▼注意

▼はてな

▼ポイント

▼メモ

▼基本(タイトル幅100％)

▼注意(タイトル幅100％)

▼はてな(タイトル幅100％)

▼ポイント(タイトル幅100％)

▼メモ(タイトル幅100％)

メモボックス

スライドボックス

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

こんな方におすすめ（V）

こんな方におすすめ［V］

ガイドマップメニュー

Pre

 html

Pre:terminal

 command

pre:shortcode

 shortcode

まとめ｜見やすく読まれる記事に

今回はアフィンガー６で使えるボックスデザインをご紹介しました。

ワンクリックでこれだけのデザインを選べたり、SEO対策もできたりと

比較的コスパのいい有料テーマです。

ハリネ

一生使える買って損なしのアイテム。

迷ってる方がいたら迷わず導入することをオススメします！

ぜひ導入して、自分好みの稼ぐブログにしてくださいね✨

アフィンガー6を特典つきで購入

こちらの記事でアフィンガー６について正直レビューや導入方法まで詳しく解説しているので、参考にどうぞ。