ワードプレスを立ち上げてブログを書こうと決めて行動したもののワードプレスって難しい！そう感じることありませんか？
実際に私も日々ワードプレスって奥が深くて難しいって感じながら日々ブログを書いていて、他のブロガーさんのブログを読んでは自分のブログとの差に落ち込むことも多々あります。
そんな中でも記事に装飾を加えてあげることで少しブログが見やすくなったり華やかになる「ボックス」の使い分けについて素人なりに残しておきます。
ボックスって何？
他の人が書いたブログ記事ってやたら四角い枠で囲われている印象ないですか？
そうです、あれブログ界隈ではボックスっていうらしいです。わかりにくいですよね。笑
今では使いこなせていますが私もブログを始めて一番つまずいた部分です。
最初はcocoon専用のサービスかと思っていたけどどうやらcocoon以外でもボックスは表示できるらしい。ボックス万能。
ボックスの出し方についてはこちらの記事で開設しているよ！
ボックスの種類
私が知る限りだとボックスには６種類のボックスがあります。
- ラベルボックス
- アイコンボックス
- 白抜きボックス
- 案内ボックス
- タブボックス
- 付箋風ボックス
この６種類です。順番に見ていきましょう。
ラベルボックス
ラベルボックスはこういうボックスで「見出し」の部分も自由に変更可能です。見出しのところにアイコンを設定することもできます！
アイコンは全部で５２種類あるようです。また外枠部分の色も変更できるようになっています。
アイコンをつけてみたり見出しの部分変更したり枠部分を変更してみたりするとこんな感じで使うことができます。
せとうちはこのラベルボックスを一番使っているよ！
アイコンボックス
白抜きボックス
白抜きボックスは字の通り中が白抜きになっていて一番単純な囲みのボックスです。この白抜きボックスでは外枠の色を変更したり、中の白枠部分の色も変更することができます。
外枠の色を変えたり白抜き部分の色を変えてみるとこんな感じです。
案内ボックス
案内ボックスはこういうボックスで外枠がなくて背景に色がついているような感じです。案内ボックスとして表示できるのは全部で８種類です。
背景タイプ：ダーク(暗い灰色)だとこんな感じ
タブボックス
続いてタブボックスはこういうボックスです。これもブログでよく見るやつかと思います。タブボックスとして表示できるのは全部で１６種類です。このタブボックスは枠の色や枠の中の背景の色を変更することも可能です。
枠の色と枠の中の背景色変えてみるとこんな感じです。せっかくなので私が一度も使ったことのないAmazonタブを使ってみました。
付箋風ボックス
付箋風ボックスはこんな感じのボックスです。字の通りですが学生時代に使っていたような付箋風になっているのが特徴です。付箋風ボックスとして表示できるのは全部で５種類です。
タイプ：黄色だとこんな感じです。
使い分けはどうしたらいい？
同じような文言でもボックスが違えばブログの見え方が変わってきますが、これは完全に好みの問題かと思います。
他のブロガーさんを見てもこれが正解！っていうのはなく各々自分の中である程度型を決めているように感じています。
私自身も主に使うのはラベルボックスですが書いている時の気分で違うものを使うこともあります。笑
使ってみて自分の中でしっくりくるものを使ってみてくださいね！
さいごに
きっとこの記事を読んでいるだけだとわけがわからないかと思います。
私もこんだけたくさんのボックスを出したことないので目がチカチカしました。笑
このボックスという手法に出会ってからブログがかなり華やかになってブログ書くことも一段と楽しくなったので何か一つでも参考になるものがあったら嬉しいです！
