【受賞歴あり】初心者がブログを作り込むコツ7選【答えはSWELL】

eye-catch30

この記事はプロモーションを含みます

しば夫婦

しば夫婦@shiba.fufu)です!この記事では、こんな悩みを解決します!

なやみちゃん

●ブログを始めて3か月経つけど、素人感がある・・・
●何をどうすれば、ブログを見やすくオシャレにできるの?

この記事を読むと分かること
  • サイトコンテストを受賞した初心者ブロガーが、ブログを作り込むときに意識したコツ
  • 脱初心者ブログのデザイン方法
  • 有料テーマ「SWELL」の魅力

ブログをおしゃれにしたり、統一感を出したり、分かりやすくするのって難しいですよね。

実はブログを作り込むためには、「カスタマイズする知識」「センス」が必要です。「いや、どっちも持ってないよ・・・。」と思った方、まだ諦めないでください!

この記事では、CSSやHTMLの知識0、美的センス0の初心者ブロガーしば夫婦が、半年間で「サイトコンテスト」受賞するまでに、ブログを作り込んだコツを紹介します。

この記事を読めば、ブログを始めたての人で専門的な知識がなくても、「デザインに統一感のあるブログ」を作れるようになるので、ぜひ最後までご覧ください。

しば夫婦って?

▶︎完全初心者ブロガーをでも、半年間でACCESSTRADE様の「サイトコンテスト’21」で受賞

▶︎Instagram(@fu_fulog)はフォロワー1500人

▶︎共働きでも、2日に一回は必ず更新

20代共働き夫婦

▼「ブログ」についてのオススメ記事はこちら▼

タップできる目次

ブログを作りこむコツ

ブログを作り込むコツ
  1. 統一感を出す
  2. メインカラーを決める
  3. 記事の装飾をごちゃごちゃにしない
  4. 文字装飾は2色まで
  5. アイキャッチ画像を統一する
  6. フリー素材にも気を遣う
  7. グーグルアドセンスを外す

①統一感を出す

media54

ブログ全体を見たときに、違和感はないですか?

色合いがめちゃくちゃだったり、ポップさと奇抜さが入り混じっていたり、画像が変だったりすると全体的にまとまりがなくなり、見にくくなります。

まずは、「統一感」を出すことを意識してください。統一感を出すことでセンスがなくても、「まとまったデザイン」のように見えます。

今からもっと具体的に解説しますが、常に「統一感」を出すことを心がけてくださいね。

夫K

統一感がブログを作り込むカギ!

②メインカラーを決める

media55

ブログを作りこむときに、絶対にすべきことは「メインカラー」を決めるということです。

メインカラーを決めるだけで、「統一感」に大きな差が出ます。選び方は自由です。

  • 自分の好きな色
  • おしゃれに感じる色
  • 自分の記事を読んでくれる人が、好きそうな色

どのように選んでもいいですが、自分がずっと目にする色になるので、嫌いな色にはしないことをオススメします。

1色だと強調とかがしにくいので、2、3色決めておくとベストです。

さまざまな配色パターンを見てみたいという方は、「Adobe Color」というサイトが参考になります。

Adobe Color」はおしゃれなトレンドカラーの組み合わせが分かったり、選択した色に合う色が自動で分かるサイトで、アイキャッチ画像作成でも使えます。

妻C

例えば、このブログは「ピンク系、グレー系、ベージュ系」をメインカラーに決めてます!

③記事の装飾をごちゃごちゃにしない

media56

ワードプレスで記事を書いていると、さまざまな装飾ができます。

  • 文章の囲み枠
  • 文章の背景
  • アイコンマーク

などなど、使い方によっては見やすくなり必要ですが、使いすぎるとゴチャゴチャしてしまいます。

すべて装飾するのではなく、良いバランスで統一感をもって使用するのがベストです。

夫K

お気に入りの組み合わせを見つけると、考える時間を減らせて統一感も出せるのでオススメです!

④文字装飾は2色まで

media57

ワードプレスでの記事作成では、いろんな文字の装飾もできます。

  • 文字色
  • マーカー色
  • 文字の背景色

しかし、こちらもたくさんの色を使いすぎると統一感がなくなり、ゴチャゴチャして分かりにくくなります。

文字色は多くても2色までがオススメです。

詳しくは後半に紹介しますが、有料テーマのSWELLだと好きな色を保存しておけるので、めちゃくちゃ便利です!

妻C

このブログでは、マーカーはピンクグレー1色、文字色は黒と赤だけ使い、統一感を出しています。

⑤アイキャッチ画像を統一する

media58

これは人にもよると思いますが、個人的にはアイキャッチ画像の型を決めて、統一することをオススメします。理由は2つ。

  • 統一感が出る
  • 一度作ると再利用ができ、作成時間の短縮

この「型を決める」という方法は、デザインセンスに自信のない、初心者の方にオススメです。

なぜなら、型を決めずに「統一感を出す」ことは、センスがないと難しいからです。そのため、時間短縮で記事を書く時間も増やすことができる、「型を決める」方法をオススメします。

アイキャッチ画像を作成するオススメのサイトは「Canva」です。このサイトのおかげで、センス0の人でも「まるでセンスがあるかのような画像」を作ることができます。

このブログで使っている画像のアイキャッチ画像の全てをCanvaで作成しています。無料プランでも十分使えますが、有料プランになるとさらに便利になるので、一度無料お試し体験を試してみてください。

夫K

このブログでは、アイキャッチ画像だけでなく、途中に挿入する画像も同じ枠を使っています。

⑥フリー素材にも気を遣う

media59

案外ブログの統一感がなくなってしまう原因になるのが、「記事の途中で出てくる画像」です。

今はフリー素材でもクオリティの高い画像がたくさんあり、有料の素材を使っている初心者ブロガーの方はほとんどいないと思います。

しかし、それでもプロブロガーが有料素材を使う理由はなんでしょうか?

それは統一感を出すためです。ブログ内の画像を同じテイストで統一できれば、自分の世界観をさらに構築することができるのです。

とはいえ、やはり初心者から有料の素材に課金することはハードルが高いです。そんな時にオススメなのが、自分の中で「使う画像のルールを決める」という方法です。

  • 日本人の映っている写真
  • 人が映っていない写真
  • イラストだけ

このように自分のルールを決め、使う画像を統一するだけでも、全体にまとまりがでるのでオススメです。

⑦グーグルアドセンスを外す

media60

誰かの記事を読んでるときに、変な広告が出てきて、

「不快だ・・・」「邪魔だな」

と感じたことはありませんか?

広告を貼ることで報酬に繋がる可能性はもちろんありますが、その不快な広告のせいで、読者が早々とサイトから離れてしまっては意味がありません

見栄えを良くすることを重視したい人は、グーグルアドセンスの広告を外す方が、全体的な統一感には繋がります。

妻C

せっかくグーグルアドセンスの審査に合格して、貼りたくなる気持ちは分かりますが、読者を不快にするのはよくない!

まとめ:初心者がブログを作り込むためのキーワードは、「統一感」「SWELL」「Canva」

この記事では「【受賞歴あり】初心者がブログを作り込むコツ【答えはSWELL】」について紹介しました。

完全にブログ初心者だったしば夫婦が、ブログ開始後半年でACCESSTRADE様の「サイトコンテスト」で受賞できた理由は「統一感」と「SWELL」と「Canva」です。

「統一感」は意識の問題ですが、SWELLCanva」は誰でもいつでも使えるツールです。無料テーマを使っていて、有料テーマにするか悩んでいる人は、すぐに「SWELL」を使わないと確実に損します。

なぜなら、後になればその分、修正に時間がかかるからです。

夫K

もっと早く「SWELL」にしておけばよかったと後悔しています・・・。

初心者ブロガーが「SWELL」を使うべき理由はたくさんありますが、大きく分けるとこんな感じです。

初心者ブロガーが「SWELL」を使うべき理由
  • 作業効率UP↗︎
  • ブログ初心者でも使いやすい
  • シンプルで美しいデザインにできる
  • 操作が簡単
  • ブログが楽しくなる

「SWELL」を初心者ブロガーが使うべき理由については、「執筆中」の記事で詳しく紹介しています。

「SWELL」についてのもっと詳しい機能やメリット、本音のデメリットが」知りたい方は「執筆中」の記事で紹介しています。

▼「ブログのシンプルな始め方」を紹介した記事はこちら▼

▼「半年間のブログの成果」について紹介した記事はこちら▼

▼「ブログのメリットとデメリット」を紹介した記事はこちら▼

▼「夫婦でブログとインスタをして気づいたこと」を紹介した記事はこちら▼

▼「ブログで結果を出すための習慣」を紹介した記事はこちら▼

最後までご覧いただきありがとうございました。一緒に楽しく快適なブログライフを過ごしましょう!

eye-catch30

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

タップできる目次