ワードプレスブログを10倍見やすくする書き方【完全初心者向け】

「自分のブログはゴチャゴチャしてて見づらいな」
「枠線とか使ってブログをすっきりさせたい」

こんな疑問へお答えします。

もくじ

1.ワードプレスブログを10倍見やすくするコツ【4つあります】
2.ワードプレスでブログを書くなら、SEOも同時に学びましょう

これを書いている私は、2014年にうつ病にかかり復帰した経験をブログに書いています。先日、ブログの経験を生かしてkindleで本を出版しました。

宣伝

うつ病を自力で治した8つの魔法 (サンタマリア書房)

ポイント 5分ほどで読めます。読み終える頃には、ブログでの文章が格段に読みやすくなるはずですよ。

スポンサードリンク

1.ワードプレスブログを10倍見やすくするコツ【4つあります】

ワードプレスのブログを見やすくするコツは4つ。

その①：箇条書きを使う
その②：枠線を入れる
その③：文が2行になる場合は改行を入れる
その④：テンプレを使う

個人的にはその④が最重要かと考えます。さっそくいきましょう。

その①：箇条書きを使う

ワードプレスブログを見やすくするには、箇条書きを使いましょう。

箇条書きを使わないと小説のように長い文章になり、読み手に負担をかけるからです。

■例文

【箇条書きを使わない】
ワードプレスのブログを見やすくするコツは4つ。①：箇条書きを使う、②：は枠線を入れる、③：文が2行になる場合は改行を入れる、④：テンプレを使うです。

【箇条書きを使う】
ワードプレスのブログを見やすくするコツは4つ。

その①：箇条書きを使う
その②：枠線を入れる
その③：文が2行になる場合は改行を入れる
その④：テンプレを使う

箇条書きを使う方が、断然見やすいですね……。ワードプレスでブログを作るときは取り入れて下さい。

その②：枠線を入れる

ワードプレスブログを見やすくするには、枠線も入れて見た目をすっきりさせましょう。

■例文

————————————————-

【枠線を入れない】
人前で発言するときにあなたが気を付ける点は3つあります。

①：ゆっくり話す
②：結論から話す
③：沈黙を恐れない

【枠線を入れる】
人前で発言するときにあなたが気を付ける点は3つあります。

①：ゆっくり話す
②：結論から話す
③：沈黙を恐れない

————————————————-

枠線を入れると、読者の注目をひきますしメリハリも効くので、離脱率を下げる事ができます。

やり方は、デキストエディタに以下のHTMLを貼るだけ。

『本文』という所に文章を入れます。

こんな感じ。

枠線の色を変えたい場合は、

background-color: #f0f8ffの『 #f0f8ff 』の部分を好きな色に変えるだけ。

色番号はこちらのサイトを参考にしてください。

>>Web216

例えば枠線を黄色にしたいとき、 #f0f8ff→#ffffccに変えると

本文

枠が黄色に変わります。ぜひご活用ください。

その③：文が2行になる場合は改行を入れる

ワードプレスブログを書く際、文が2行になる場合は改行を入れましょう。

私の場合、3行以上もダラダラ文章が続くと嫌になって離脱します。

■例文

————————————————-

【改行しない場合】
「やってみせ、言って聞かせて、させてみせ、ほめてやらねば、人は動かじ。」という言葉は、山本五十六（やまもといそろく）が生前述べた名言の一つで、人材育成のヒントが凝縮された言霊に、感銘を受けたという方も多いのではないでしょうか。

【改行する場合】
「やってみせ、言って聞かせて、させてみせ、ほめてやらねば、人は動かじ。」

この言葉は、山本五十六（やまもといそろく）が生前述べた名言の一つ。

人材育成のヒントが凝縮された言霊に感銘を受けたという方も多いのではないでしょうか。

————————————————-

読みやすさが段違いですね。。

基準としては「2行を超えたら」で良いと思います。

ぜひこちらも取り入れてください。

その④：テンプレを使う

ワードプレスブログで分かりやすい記事を書くのであれば、テンプレが必須です。

テンプレ＝もとになる型、雛型

つまり、決まった雛型に文章を入れる事で、同じリズムで文章が作れるのでとても読みやすくなります。

例えば、

1.h2見出し
　[画像入れる]
　その①：h3見出し
　　　　　本文
　その②：h3見出し
　　　　　本文

2.h2見出し
　[画像入れる]
　その①：h3見出し
　　　　　本文
　その②：h3見出し
　　　　　本文

これに文章を入れるだけ。

特に初心者のうちは、テンプレを用意せずに記事を書くと

・文章のリズムが不定
・途中から話題が変わる
・何が言いたいか分からない

という事が起きがち。

テンプレを準備しておけば、文章が迷子になったり、ごちゃごちゃする事はなくなりますね。

私が使っているテンプレを下にべた貼りしておきます。

そのまんま .txt などにコピーして使ってください。

■タイトル　32文字以内（Google検索で表示されるのが32文字のため）

リード文（訪問ユーザーの興味付けする）
「〇〇できないのかな？」
「〇〇のやり方が知りたい」

そんなお悩みにお答えします。

この記事を最後まで読むと、〇〇ができるようになります。（離脱率を下げる）

■もくじ
1.h2見出し
　[画像]
　その①：h3見出し
　　　　　本文
　その②：h3見出し
　　　　　本文

　　　　　 2.h2見出し
　[画像]
　その①：
　　　　　本文
　その②：
　　　　　本文

目次の直下で記事の信頼性を示す。（離脱率を下げる）
例：私はブログで月20万PV取れています。なのでぜひ参考にしてください。
1

その①：
　[結論]結論は〇〇です。
　[理由]なぜなら、〇〇だから。
　[具体例]私の場合〇〇すると上記が達成できました。なので、〇〇すべきです。

　その②：
　[結論]結論は〇〇です。
　[理由]なぜなら、〇〇だから。
　[具体例]私の場合〇〇すると上記が達成できました。なので、〇〇すべきです。

2

その①：
　[結論]結論は〇〇です。
　[理由]なぜなら、〇〇だから。
　[具体例]私の場合〇〇すると上記が達成できました。なので、〇〇すべきです。

その②：
　[結論]結論は〇〇です。
　[理由]なぜなら、〇〇だから。
　[具体例]私の場合〇〇すると上記が達成できました。なので、〇〇すべきです。

3.
記事の内容を要約する

ちなみにこのテンプレは、有名ブロガーのマナブさんを丸パクリしたもの。

マナブさんのテンプレ紹介の動画も合わせてご覧になってください。参考になりますよ。