AFFINGER6：マイボックス機能の使い方と活用方法まとめ【初心者向け】

※　AFFINGER6のバージョンアップやアップデートによって操作画面が変更している可能性があります。

AFFINGER6：「マイボックス」機能とは？

AFFINGER6の「マイボックス」機能では下のようなボックスを簡単に作成できます。

「マイボックス」機能の基本的な使い方

マイボックスを使用するにはツールの「AFFINGER:マイボックス」を選択します。

↓　こんな感じでボックスが作成されます。

あとは、このボックスを編集していくわけです。

「マイボックス」機能では次のような編集が可能です。

①　タイトル	タイトル部分の編集が可能
②　サイズ	ボックスのサイズ変更が可能
③　枠線	枠線の幅などを設定可能
④　色	タイトルや背景・枠線の色などを設定可

①　タイトル設定で出来ること

• アイコンを設定することができます。
• タイトルのフォントサイズを変更することができます。
• タイトルを枠線の内側に表示させることができます。
• タイトルの太字を切り替えることができます。

A. アイコンを設定する

タイトルにアイコンを設定することができます。

例えば、こんな感じです。

アイコンクラスの入力欄にコードを入力することでもアイコンを表示させることができます。

アイコンのコード一覧は公式マニュアルで確認できます。

AFFINGER６で使用できるアイコン一覧はこちらからも確認できます。

→　AFFINGER６（アフィンガー６）で使えるアイコン一覧

B. フォントサイズを変更する

フォントサイズに数値（パーセント）を入力することで見出しのサイズを変更できます。

C.　見出しを内側に入れる

見出しを枠線の内側に入れることができます。

D.　タイトルの太字を切り替える

タイトルの太字と細字の切り替えができます。

②　サイズ設定で出来ること

サイズの設定ではマイボックスのサイズを変更することができます。

実際にはマイボックスのマージン設定です。

マージン設定とは余白の範囲指定のようなものです。（正確な説明とは異なりますが）

マイボックス周辺の余白をどれくらいにするかを指定することで、マイボックスの見た目のサイズを変更することができます。

例えば、上下を25px・左右に100pxを指定してみます。

すると、作成したマイボックスの周囲に上下25px・左右100pxの余白ができます。

③　枠線の設定で出来ること

• 枠線の色を変更できます。
• 枠線の太さを変更できます。
• 枠線の丸みを変更できます。

④　色の設定で出来ること

• タイトル色を変更できます。
• タイトルに下線とその色を設定できます。
• 背景色を変更できます。

「マイボックス」を使った具体的な使用例

マイボックス機能を活用することで、視覚的に見やすいブログを作成することができます。

伝えたいポイントや目立たせたい内容を記述するのが効果的です。

リストやテーブル・画像などの他の機能と組み合わせることも可能なので色々とアレンジすることもできます。

「AFFINGER:メモ」と「AFFINGER:マイボックス」の違い

「AFFINGER:メモ」と「AFFINGER:マイボックス」は、それぞれ次のような違いがあります。

• アイコンとタイトルの位置が違う
• サイズ（マージン）設定の有無

アイコンとタイトルの位置が違う

「AFFINGER:メモ」と「AFFINGER:マイボックス」の違いの１つはアイコンとタイトルの位置が違うことです。

【AFFINGER：メモ】

「AFFINGER：マイボックス」

サイズ（マージン）設定の有無

「AFFINGER:メモ」・・・サイズ（マージン）設定はない

「AFFINGER:マイボックス」・・・サイズ（マージン）設定がある

「AFFINGER:メモ」と「AFFINGER:マイボックス」のどちらも記事の一部を強調するのに便利です。

特徴から

短い文章を強調したい時・・・「AFFINGER:メモ」

長文やリストなどを強調したい時・・・「AFFINGER:マイボックス」

を利用するのがお勧めです。

以上が簡単ですが、「AFFINGER:マイボックス」機能の使い方になります。

AFFINGER6の使い方

AFFINGER6の使い方については、このブログで詳しく解説しています。

AFFINGER6：関連記事