この記事はプロモーションを含みます
しば夫婦(@shiba.fufu)です!この記事では、こんな悩みを解決します!
●ブログを始めて3か月経つけど、素人感がある・・・
●何をどうすれば、ブログを見やすくオシャレにできるの?
- サイトコンテストを受賞した初心者ブロガーが、ブログを作り込むときに意識したコツ
- 脱初心者ブログのデザイン方法
- 有料テーマ「SWELL」の魅力
ブログをおしゃれにしたり、統一感を出したり、分かりやすくするのって難しいですよね。
実はブログを作り込むためには、「カスタマイズする知識」と「センス」が必要です。「いや、どっちも持ってないよ・・・。」と思った方、まだ諦めないでください!
この記事では、CSSやHTMLの知識0、美的センス0の初心者ブロガーしば夫婦が、半年間で「サイトコンテスト」受賞するまでに、ブログを作り込んだコツを紹介します。
この記事を読めば、ブログを始めたての人で専門的な知識がなくても、「デザインに統一感のあるブログ」を作れるようになるので、ぜひ最後までご覧ください。
▼「ブログ」についてのオススメ記事はこちら▼
- ブログを始めたい人→「【初心者必見】ブログの始め方をシンプルに解説【簡単に無料でも】」
- ブログのメリット・デメリット→「【初心者ブロガーが熱弁】ブログのメリット・デメリット【楽しい!】」
- 半年間のブログの成果→「【収益公開】初心者がブログを半年、書き続けた体験談【これが現実】」
- 夫婦でブログとインスタ、気づいたこと→「【夫婦でブログとインスタ】を半年間、継続して気づいたこと13選」
- ブログで結果を出すための習慣→「初心者ブロガー」が『サイトコンテストで受賞』までにしたこと5選
ブログを作りこむコツ
- 統一感を出す
- メインカラーを決める
- 記事の装飾をごちゃごちゃにしない
- 文字装飾は2色まで
- アイキャッチ画像を統一する
- フリー素材にも気を遣う
- グーグルアドセンスを外す
①統一感を出す
ブログ全体を見たときに、違和感はないですか?
色合いがめちゃくちゃだったり、ポップさと奇抜さが入り混じっていたり、画像が変だったりすると全体的にまとまりがなくなり、見にくくなります。
まずは、「統一感」を出すことを意識してください。統一感を出すことでセンスがなくても、「まとまったデザイン」のように見えます。
今からもっと具体的に解説しますが、常に「統一感」を出すことを心がけてくださいね。
統一感がブログを作り込むカギ!
②メインカラーを決める
ブログを作りこむときに、絶対にすべきことは「メインカラー」を決めるということです。
メインカラーを決めるだけで、「統一感」に大きな差が出ます。選び方は自由です。
- 自分の好きな色
- おしゃれに感じる色
- 自分の記事を読んでくれる人が、好きそうな色
どのように選んでもいいですが、自分がずっと目にする色になるので、嫌いな色にはしないことをオススメします。
1色だと強調とかがしにくいので、2、3色決めておくとベストです。
さまざまな配色パターンを見てみたいという方は、「Adobe Color」というサイトが参考になります。
「Adobe Color」はおしゃれなトレンドカラーの組み合わせが分かったり、選択した色に合う色が自動で分かるサイトで、アイキャッチ画像作成でも使えます。
例えば、このブログは「ピンク系、グレー系、ベージュ系」をメインカラーに決めてます!
③記事の装飾をごちゃごちゃにしない
ワードプレスで記事を書いていると、さまざまな装飾ができます。
- 文章の囲み枠
- 文章の背景
- アイコンマーク
などなど、使い方によっては見やすくなり必要ですが、使いすぎるとゴチャゴチャしてしまいます。
すべて装飾するのではなく、良いバランスで統一感をもって使用するのがベストです。
お気に入りの組み合わせを見つけると、考える時間を減らせて統一感も出せるのでオススメです!
④文字装飾は2色まで
ワードプレスでの記事作成では、いろんな文字の装飾もできます。
- 文字色
- マーカー色
- 文字の背景色
しかし、こちらもたくさんの色を使いすぎると統一感がなくなり、ゴチャゴチャして分かりにくくなります。
文字色は多くても2色までがオススメです。
詳しくは後半に紹介しますが、有料テーマの「SWELL」だと好きな色を保存しておけるので、めちゃくちゃ便利です!
このブログでは、マーカーはピンクグレー1色、文字色は黒と赤だけ使い、統一感を出しています。
⑤アイキャッチ画像を統一する
これは人にもよると思いますが、個人的にはアイキャッチ画像の型を決めて、統一することをオススメします。理由は2つ。
- 統一感が出る
- 一度作ると再利用ができ、作成時間の短縮
この「型を決める」という方法は、デザインセンスに自信のない、初心者の方にオススメです。
なぜなら、型を決めずに「統一感を出す」ことは、センスがないと難しいからです。そのため、時間短縮で記事を書く時間も増やすことができる、「型を決める」方法をオススメします。
アイキャッチ画像を作成するオススメのサイトは「Canva」です。このサイトのおかげで、センス0の人でも「まるでセンスがあるかのような画像」を作ることができます。
このブログで使っている画像のアイキャッチ画像の全てをCanvaで作成しています。無料プランでも十分使えますが、有料プランになるとさらに便利になるので、一度無料お試し体験を試してみてください。
このブログでは、アイキャッチ画像だけでなく、途中に挿入する画像も同じ枠を使っています。
⑥フリー素材にも気を遣う
案外ブログの統一感がなくなってしまう原因になるのが、「記事の途中で出てくる画像」です。
今はフリー素材でもクオリティの高い画像がたくさんあり、有料の素材を使っている初心者ブロガーの方はほとんどいないと思います。
しかし、それでもプロブロガーが有料素材を使う理由はなんでしょうか?
それは統一感を出すためです。ブログ内の画像を同じテイストで統一できれば、自分の世界観をさらに構築することができるのです。
とはいえ、やはり初心者から有料の素材に課金することはハードルが高いです。そんな時にオススメなのが、自分の中で「使う画像のルールを決める」という方法です。
- 日本人の映っている写真
- 人が映っていない写真
- イラストだけ
このように自分のルールを決め、使う画像を統一するだけでも、全体にまとまりがでるのでオススメです。
⑦グーグルアドセンスを外す
誰かの記事を読んでるときに、変な広告が出てきて、
「不快だ・・・」「邪魔だな」
と感じたことはありませんか?
広告を貼ることで報酬に繋がる可能性はもちろんありますが、その不快な広告のせいで、読者が早々とサイトから離れてしまっては意味がありません。
見栄えを良くすることを重視したい人は、グーグルアドセンスの広告を外す方が、全体的な統一感には繋がります。
せっかくグーグルアドセンスの審査に合格して、貼りたくなる気持ちは分かりますが、読者を不快にするのはよくない!
まとめ:初心者がブログを作り込むためのキーワードは、「統一感」「SWELL」「Canva」
この記事では「【受賞歴あり】初心者がブログを作り込むコツ【答えはSWELL】」について紹介しました。
完全にブログ初心者だったしば夫婦が、ブログ開始後半年でACCESSTRADE様の「サイトコンテスト」で受賞できた理由は「統一感」と「SWELL」と「Canva」です。
「統一感」は意識の問題ですが、「SWELL」と「Canva」は誰でもいつでも使えるツールです。無料テーマを使っていて、有料テーマにするか悩んでいる人は、すぐに「SWELL」を使わないと確実に損します。
なぜなら、後になればその分、修正に時間がかかるからです。
もっと早く「SWELL」にしておけばよかったと後悔しています・・・。
初心者ブロガーが「SWELL」を使うべき理由はたくさんありますが、大きく分けるとこんな感じです。
- 作業効率UP↗︎
- ブログ初心者でも使いやすい
- シンプルで美しいデザインにできる
- 操作が簡単
- ブログが楽しくなる
「SWELL」を初心者ブロガーが使うべき理由については、「執筆中」の記事で詳しく紹介しています。
「SWELL」についてのもっと詳しい機能やメリット、本音のデメリットが」知りたい方は「執筆中」の記事で紹介しています。
▼「ブログのシンプルな始め方」を紹介した記事はこちら▼
▼「半年間のブログの成果」について紹介した記事はこちら▼
▼「ブログのメリットとデメリット」を紹介した記事はこちら▼
▼「夫婦でブログとインスタをして気づいたこと」を紹介した記事はこちら▼
▼「ブログで結果を出すための習慣」を紹介した記事はこちら▼
最後までご覧いただきありがとうございました。一緒に楽しく快適なブログライフを過ごしましょう!
コメント