【超！初心者必見】ワードプレス（Cocoon）で記事を書こう！【ボックス機能編】

記事を書いていて、キーワードを目立たせたり注意喚起したいと思ったことはありませんか？
ワードプレスでは「ボックス」を使えば簡単にできちゃいます♪

今日は、そんなボックスについて説明していきたいと思います。

ボックス機能について

「ボックス」というのは、文章やキーワードを囲う枠のことを言います。

メニューで「ボックス」と検索するとさまざまなボックスが出てきます。

たくさんあるので、今日は比較的使うであろうボックスを種類別にご紹介していきたいと思います。

タイトルをつけずに強調

タイトルをつけずに、文章を囲むボックスになります。

白抜きボックス

白抜きボックスは、シンプルにただの枠ですが、背景色・文字色・枠線が変更可能なので自由度は高いです。

案内ボックス

白抜きボックスと同様シンプルな枠になりますが、７種類のタイプから選択しかできないので、自由度は低いです。

付箋風ボックス

付箋を貼ったように、メッセージを伝えるボックスになります。こちらも５種類のタイプから選択するのみで自由度はありません。

タイトルをつけて強調

タイトルをつけることができるので、ボックス内に何が書いてあるか一目瞭然です。

タブ見出しボックス

タブ見出しボックスは、白抜きボックスにタブがついたものになります。
タブのアイコンはもちろん、枠の色、背景色、文字色も変更できるので、自由度は高いです。

見出しボックス

先ほどのタブ見出しボックスと同様、アイコン、枠の色、背景色、文字色も変更できる自由度の高いボックスです。
タブ見出しボックスとの違いは、タイトル部分の形だけです。

ラベルボックス

タイトル部分が枠の上に重なっているタイプで、こちらもアイコン、枠の色、背景色、文字色も変更できるボックスになっています。
こちらもタイトル部分が違うだけになります。

ちなみに、この３つのボックスで使えるアイコンはなんと５２種類もありますよ！

補足説明や注意喚起

ちょっとしたポイントや参考情報などに使うと効果的だと思います。

アイコンボックス

アイコンがあるので、直感的に内容を伝えやすくなります。
ただ、色やアイコンは１０種類のタイプから選択するのみで、自由度は低いです。

タブボックス

「タブ見出しボックス」と同じに見えますが、タイトル部分（ラベル）が入力できず、１６種類からの選択となります。
それ以外の枠の色、背景色、文字色は変更可能です。

他にも・・・

まだまだボックスの種類はたくさんありますが、使いそうなものを厳選して紹介します。

吹き出し

吹き出しは、さまざまなブログで見るのではないでしょうか？

人物アイコンは選択のもの以外にも自由にアップロードできますし、吹き出しのスタイル、人物の位置（左右）、アイコンスタイル（アイコンの枠）、背景色、文字色、吹き出しの枠色も変更できるので、意外と自由度が高いです。

ただ、個人的には吹き出しの背景色、文字色、吹き出しの枠色はデフォルトが一番読みやすいと思います。

記事を書いている人がしゃべっている印象になるので感情を伝えやすくなりますし、視覚的にも文章の区切りに効果的ですよ。

アイコンリスト

リストの点（•）がアイコンになっている、リスト専用の囲み枠になります。
タイトルがつけられるので、目次やメニューを簡単に作ることができますよ。

アイコンは４０種類から選択、アイコンの色、枠の色、背景色、文字色も変更できます。

ボックス機能を使うときの注意点

今回ご紹介したボックスを使うと、かなり「ブログっぽく」なりますよね。

ですが、気を付けないとあっという間に読みにくいブログになってしまします！
最後に初心者がやりがちな注意点をいくつかお伝えしておきますね。

使いすぎに注意

ボックスは強調したい文章やキーワードを囲むことで効果を発揮するものです。
それなのにボックスを使いすぎると、何を強調したいのかわからなくなってしまいます。

多用は厳禁！です。

統一性に注意

ブロックの種類、使う色に注意しましょう。

ここでは白抜きボックス、あっちでは付箋風ボックスで、案内ボックスも・・・
さらに、ブログの色合いや文章の印象を無視した色使い・・・

そんな使い方をするとブログの統一性もなくバランスが悪くなって、記事が読みにくくなってしまう可能性があります。

囲むだけならこのボックス、タイトルをつけるならこのボックス、と決めておくことで統一性もでるし、記事を書く際に悩むことなく時間の節約にもなりますよ。

また、枠の線や文字の色を変えると雰囲気がガラっと変わるので、記事全体を見ながら違和感のない色使いを心がけて、素敵な記事を作っていきましょう♪