【ブログ初心者向け】cocoonで簡単にできる装飾のやり方

記事
学び
今回は、cocoonで簡単にできる装飾のやり方をご紹介したいと思ます。

装飾にもいろいろありますが、初心者さんでも「簡単にできる」方法なので、ぜひ参考にしてみてくださいね。

装飾がない文字だけのブログは読んでいてもつまらなく、せっかく頑張って書いた文章なのに理解してもらいにくくなります。

装飾をする目的は、読者の目を引くことだけではなく、流し読みでも目に留まりやすくするためです。

読者は思っている以上に「記事を読んでいない」ので、詳しくはこちらの記事をご覧ください(↓)


1:cocoonブロックを使う/アイコンボックス
ココナラ4b-1.jpg
左上の「+」を押すと画像のようなポップアップが出てきますね。

下の方までず~っと降りていくと「cocoonブロック」というのが出てきます。

ここの「アイコンボックス」「タブボックス」などがおすすめです。

ココナラ4b-2.jpg
アイコンボックスは上画像のようなものです。

左側の「ブロック」という所に「タイプ」というのがあるので、そこにいろんなデザインがあります。

上の画像で「!」「?」「鉛筆」などのマークが付き、色も変わります。

2、cocoonブロック/タブボックス
ココナラ4b-3.jpg
cocoonブロックの「タブボックス」を選択します。

上の画像のようなものが「タブボックス」です。

右側の「ラベル」という所を押すと、いろいろなデザインがあります。

ボックスは色を変更する事もできます。

色設定の所を押します。

ココナラ4b-4.jpg

「枠の色」を押します。

すると、色を選ぶポップアップが出てくるので好きな色にできます。

どんな色になるか、いろいろ試してみてくださいね。

3、ブロックの設定を使う
ココナラ4b-5.jpg

ブロックにカーソルを合わせた状態で、右側の歯車のマークを押します。

「ボーダー設定」を押すと、いろんな枠が出てくるので選びます。

すると、選択していたブロックに枠が付きます。(上の画像)

ココナラ4b-6.jpg

「ボーダー設定」の下の「スタイル」を押してみましょう。

ここには、cocoonブロックにもあったような「アイコンボックス」があります。

ココナラ4b-7.jpg

上の画像のように色を変える事ができます。

青矢印の半月みたいなマークを押します。

背景を押すと、色のポップアップが出るので、選ぶと色が変わります。

4、ブロックの色だけを変える
ココナラ4b-10.jpg

ブロックを選んで、上画像の青矢印の半月マークを押します。

背景を押すと、色のポップアップが出るので、選択するとブロックの色が変わります。

文字が読める薄い色にしましょう。

私はよくこれを使っています。

5、太字を使う
ココナラ4b-9.jpg

文字を太くするのはとても効果的です。

太字を使う所は厳選しましょう!

全部太字だと、結局どれが大切な所なのか分からなくなり逆効果です。

↑のように、全部太字にしないように気をつけましょう!

ブロックの上の所の、「A」という所を押します。

すると文字の色を変えられるポップアップが出るので、「太字」を選びます。

「A」のもっと右のほうに「B」というのがありますが、これも同じように太字になりますが、こちらは使いません。

「B」の方は「strong」と言って、「A」の方とは違います。

「B」のstrongは使う所をもっと厳選して使うものです。

分からないうちは使わないでおきましょう!
6、マーカーを使う
wココナラ8.jpg

マーカーは上画像の青矢印「筆のマーク」を押します。

黄色マーカー、黄色アンダーラインマーカー がおすすめです。

マーカーの種類はブログで統一しましょう!

いろんな色でカラフルにしたい気持ちはありますが、色が多いと逆にごちゃごちゃしてしまいます。

ちなみに青いマーカーは やめておきましょう。

ココナラ4b-12.jpg

装飾の作業はブログでとても大切な作業です。

文章を書いて終わりではなく、見に来てくれた人が飽きずに最後まで読んでくれるよう装飾を工夫してみましょう。

装飾のやり方が分からない方、具体的にどうしたら良いか知りたい方はアドバイスもしていますので、ぜひご検討ください。

ブログの改善点も提案させて頂きます。





サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す