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

ブログ
スポンサーリンク

よみやすいブログは

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

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

 

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

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

ご紹介します(^^)/

スポンサーリンク

使用するテーマ

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

プラグイン

TinyMCE Advanced を使用しています!

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

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

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

 

移動させたら、

設定の保存を忘れずに!

すると

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

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

 

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

いったん文章を打ち、

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

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

全種類

インライン

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

青太字緑太字

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

マーカー

黄色マーカー

赤色マーカー

青色マーカー

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

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

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

 

フォントサイズ

12px16px18px20px22px24px

28px32px36px40px44px48px

 

ボックス(アイコン)

補足情報(i)
補足情報(?)
注意喚起(!)
メモ
コメント
OK
NG
GOOD
BAD
プロフィール

ボックス(案内)

プライマリー(濃い水色)
セカンダリー(濃い灰色)
サクセス(薄い緑)
インフォ(薄い青)
ワーニング(薄い黄色)
デンジャー(薄い赤色)
ライト(白色)
ダーク(暗い灰色)

ボックス(白抜き)

灰色
黄色
赤色
青色
緑色

ボックス(タブ)

チェック👉灰・黄・赤・青・緑
コメント👉灰・黄・赤・青・緑
ポイント👉灰・黄・赤・青・緑
ティップス👉灰・黄・赤・青・緑
ヒント👉灰・黄・赤・青・緑
ピックアップ👉灰・黄・赤・青・緑
ブックマーク👉灰・黄・赤・青・緑
メモ👉灰・黄・赤・青・緑
ダウンロード👉灰・黄・赤・青・緑
ブレイク👉灰・黄・赤・青・緑
Amazon👉灰・黄・赤・青・緑
OK👉灰・黄・赤・青・緑
NG👉灰・黄・赤・青・緑
GOOD👉灰・黄・赤・青・緑

ボックス(付箋風)

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

バッジ

オレンジ

レッド

ピンク

パープル

ブルー

グリーン

イエロー

ブラウン

グレー

 

マイクロコピー(文字サイズが11px)

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

 

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

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

例文
今日はいい天気ですね😄
こんな感じになります。
テキスト(下)👉左側・中央・右側
吹き出し(上)👉左側・中央・右側
吹き出し(下)👉左側・中央・右側

ボタン囲みボタン

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

囲みブログカードラベル

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

色は、一色のみです!

 

 

まとめ

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

 

わたしの場合は

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

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

おすすめ7選

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

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

補足情報(?)
ボックス(タブ)👉ポイント👉黄色
ボックス(タブ)👉メモ👉青色

ボタンの【ライム(中)】を選びました!

マウスポインターがこのボタンに触れると、ボタンの色が変わるので

リンクを貼ると有効です!

 

👆囲みブログカードラベルの【あわせて読みたい】を選択し、

サイトURLを打つだけです(*’▽’)

 

 

読者にとっての読みやすさを追求しましょう😄

 

最後まで読んでくださってありがとうございました!

では!

コメント

タイトルとURLをコピーしました