SANGOで作るBOXデザインとアイデア(デフォルト)記事の具体例も紹介

私のワードプレステーマはSANGOを使っています。コスパが良くて多くの人が使っているワードプレステーマです。私はこのテーマが気に入ってすべてのブログをSANGOで作ってきました。

SANGOを使っていると、色んなデザインがあって何を使うか迷うことがあります。そこで、実際に記事にどんなデザインを取り入れているのか紹介します。

記事まとめ動画

SANGO BOXデザインの使い方

目立つBOXの使い方

目立つんだけど、使いどころがわからないこともあるBOXデザイン。BOXを使うコツは、1記事に使うものを1~2種類にして統一感を出すこと。

BOX12 水色の立体

このBOXは目立つんだけど、立体的に見えて見出し以上に目立つのが難点。さらに文字色も水色なので、リンク色と文字色の区別がつかず、なかなか使いづらいと思っていました。だけど、こんな感じで使ったら案外きれいにまとまりました。

【百の金塊】今すぐお金を稼ぐ方法を厳選して100個まとめ 2024年最新

たくさんの種類を紹介したいとき、それぞれBOXで囲うことでまとまりが生まれてきれいに見えます。さらにボタンリンクを使えば、文字色が青色でも問題なくリンクとの区切りがわかります。

BOX21 グラデーション

このグラデーションBOXは派手で使いづらいと思っていましたが、こんな感じで使うとけっこう綺麗な出来栄えになります。私はリットリンクみたいな感じにしたくて、こんなページを作っています。大事なところに使うのではなく、大胆にBOXをたくさん使っていきます。記事は私が書いているもう1つのブログです。


参考
MY BEST POINT WORK ~必要なのはベストなポイ活ツールのみポイントサイト大百科

吹出BOXの使い方

SANGOの吹出BOXは2種類あります。

BOX24

このBOXは吹出が下を向いているので、イラストが話しているように見えます。使いやすい。

BOX23

このBOXのデザインは好きですが、吹出の位置のせいで画像と組み合わせて使えないところがデメリット。

ただし、画像2列と組み合わせることでイラストが話しているように見せるのは可能。

BOX23

 

赤系のデザインを使うとき

SANGOのデフォルトの色は青色が多いため、赤・オレンジ系のデザインを使うと色彩のバランスが崩れてしまうので注意です。

特に注意をBOXとして取り入れたい場合、その他の協調するBOXについては赤系以外で1色だけ使った方が良いです。

注意
BOX27のコード文章
注意

このBOXのコード→ここに文章

注意系BOXと組み合わせないもの(色が同じで見分けがつかない)

BOX15

いつでも使えるシンプルBOX

これらのBOXはシンプルでいつでも使えるからおすすめです。それに色見が少ないので文章力が引き立ちます。

BOX1

BOX2

BOX3

BOX6

青みが入ったBOXがあるとき、赤やオレンジなど別の色はできるだけ使わない方がきれいに仕上がります。シンプルに文章で勝負したいとき、さりげなく協調するときに役立つBOXです。ただし、シンプルだからと複数のBOXを1記事に取り入れると、統一感が崩れてしまうので注意です。

個人的にあまり使わないBOX

これらのBOXは太線があって目立つんですが、使いどころなくあまり私はほとんど利用していません。使っている人は強調したい文章で囲っているようです。

BOX10 ミントカラー

BOX11 影+ネイビー

左側に太線があるパターンも、h3見出しのデザインと被るためあまり使いません。

BOX22

デフォルトのBOXはこんな感じです。

まとめ

sangoのBOXデザイン、種類は多いんですが実際に使うBOXは数を絞った方がいいです。たくさんのデザインで迷ったらシンプルなものを、色で選びたいなら青か黄色で統一するのがおすすめ。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です