【コクーン】ブログを読みやすくするコツ

よみやすいブログは

文字数を少なく、写真・図をつかって

要点を読者にパッとつたえています😄

アンダーラインをひきたい！という思いから

つかえるツールをさがしたところ、もっと便利な機能があったので

ご紹介します(^^)/

1 使用するテーマ
2 プラグイン
3 全種類
4 まとめ
- 4.1 おすすめ7選

使用するテーマ

無料のテーマのコクーンを使用しています😙

プラグイン

TinyMCE Advanced を使用しています！

設定ページに移動し、エディター設定しましょう😙

スタイルのブロックをクリックしながら

黄色の枠内（エディターメニュー内）に移動させましょう（ドラック＆ドロップ）

移動させたら、

設定の保存を忘れずに！

すると

投稿ページのエディターメニューに

スタイルブロックが表示されているはずです😄

先に何かスタイルを選んで入力するのも良し、

いったん文章を打ち、

スタイルを変えたい部分だけを選択して、

あとから好みのスタイルをクリックするのも良しです(^_-)-☆

全種類

インライン

太字赤字赤太字赤アンダーライン

青青太字緑緑太字

打ち消し線キーボードキー

マーカー

黄色マーカー

赤色マーカー

青色マーカー

黄色アンダーラインマーカー

赤色アンダーラインマーカー

青色アンダーラインマーカー

フォントサイズ

12px16px18px20px22px24px

28px32px36px40px44px48px

ボックス(アイコン)

補足情報(i)

補足情報(?)

注意喚起(!)

メモ

GOOD

BAD

プロフィール

ボックス(案内)

プライマリー(濃い水色)

セカンダリー(濃い灰色)

サクセス(薄い緑)

インフォ(薄い青)

ワーニング(薄い黄色)

デンジャー(薄い赤色)

ライト(白色)

ダーク(暗い灰色)

ボックス(白抜き)

灰色

黄色

赤色

青色

緑色

ボックス(タブ)

チェック👉灰・黄・赤・青・緑

コメント👉灰・黄・赤・青・緑

ポイント👉灰・黄・赤・青・緑

ティップス👉灰・黄・赤・青・緑

ヒント👉灰・黄・赤・青・緑

ピックアップ👉灰・黄・赤・青・緑

ブックマーク👉灰・黄・赤・青・緑

メモ👉灰・黄・赤・青・緑

ダウンロード👉灰・黄・赤・青・緑

ブレイク👉灰・黄・赤・青・緑

Amazon👉灰・黄・赤・青・緑

OK👉灰・黄・赤・青・緑

NG👉灰・黄・赤・青・緑

GOOD👉灰・黄・赤・青・緑

ボックス(付箋風)

灰・黄・赤・青・緑あります♪

バッジ

オレンジ

レッド

ピンク

パープル

ブルー

グリーン

イエロー

ブラウン

グレー

マイクロコピー（文字サイズが11px）

テキスト(上)👉左側・中央・右側

テキスト(上)左側に『例文』と入力し、

その下に『今日はいい天気ですね😄』と打った場合、、、

例文

今日はいい天気ですね😄

こんな感じになります。

テキスト(下)👉左側・中央・右側

吹き出し(上)👉左側・中央・右側

吹き出し(下)👉左側・中央・右側

ボタン囲みボタン

なんと54種類😂　省略します。

囲みブログカードラベル

囲み枠の右上の文字が変わるだけです😄

色は、一色のみです！

【外部リンクを貼ると◎】

参考リンク・公式サイト・ダウンロード

まとめ

使いたいスタイルの色を統一すると記事が読みやすくなります。

わたしの場合は

コクーンのスタイルをピンク系にしているので

記事は暖色系にまとめるように意識しています(^_-)-☆