【AFFINGER】ブログを彩る様々な機能 〜本文に背景をつける『ボックス』〜

記事を書いていると、ちょっとここは強調したい！とか、本文とは違う内容、例えばお客様の声なんかを書くときにその部分だけ区別することができればなぁ〜って思いませんか？

AFIINGER4は、そういった機能が標準で装備されていて簡単に使えます。

今回は記事の一部分に背景色をつける「ボックス」という機能の使い方について書きたいと思います。

ボックスってどんなの？

AFFINGER4に標準装備されているボックスは下記の4つ。

黄色ボックス

薄赤ボックス

グレーボックス

フリーボックス

 

ボックスの使い方

黄色ボックス、薄赤ボックス、グレーボックス

使い方はとっても簡単！

ボックスを挿入したい場所にカーソルを置き、記事投稿画面上部にある「スタイル」ボタンをクリック。

中に入っているメニューをスクロールさせると、

• 黄色ボックス
• 薄赤ボックス
• グレーボックス

という項目が出てきますので、使いたいボックスを選択してください。

 

記事投稿画面にボックスが表示されます。

後は通常通り記事を書けばOKです。

写真の挿入やリンク、リンクカードも通常通りできます。

フリーボックス

見出しつきのフリーボックスだけ、格納されている場所が異なります。

他のボックスと同じく、挿入したい場所にカーソルを置いた状態で「タグ」をクリックします。

メニューが表示されますので、「見出しつきフリーボックス」を選択。

 

後は他のボックスと同じように、通常通り記事を書けばOKです。

見出しつきフリーボックスの色の変更

黄色、薄赤、グレーのボックスは色の名前がついているだけに色の変更はできませんが、フリーボックスは何もしなければサイト全体の色に合わせた色で生成されますが、変更が可能です。

 

ダッシュボードより「外観」→「カスタマイズ」を選択しカスタマイザーを表示させます。

 

「オプションカラー」を選択。

 

メニューがたくさんでてきますのでスクロールさせていくと「フリーボックス」という項目が入っていますので、そこで自分の好きな色に変更します。

 

カスタマイザーでの変更ですので、記事ごとに色を変えたり、１記事に複数のフリーボックスを使って色を変えたりすることはできませんが、簡単に変更はできますので、一度触ってみてもいいのでは？

 

まとめ

AFFINGER4には、記事を彩る機能がたくさんついています。

ぜひこういった機能も活用して、読みやすくわかりやすい記事を作成してくださいね^^

読みやすさ、わかりやすさは読み手に対するおもてなしですから。