初心者さん向け|オシャレなブログを作るための3ステップ

ayako

みなさまこんにちは、ayako(@ayako_lifestyle)です。

今回のテーマは・・・『初心者さん向け!オシャレなブログを作るコツの紹介』です。

悩める人

センスがないとオシャレなブログは作れない?

ayako

実はそんなことないんです!

ちなみにブログを始めて約2年、なかなか成果が出なかった筆者夫婦。

そんな私たちでもアイキャッチに時間をかけたり、ブログ全体のデザインを見直すようになってから…

  • 月間60,000PV達成
  • 記事滞在時間 平均約20%UP
  • ユーザー数 約4倍
  • 収益 6桁達成

こんな成果を得ることができました。

オシャレなブログにしたいけどデザインに苦手意識がある…

そんなブログ初心者さんは多くいらっしゃるのではないでしょうか。

本記事ではデザインの知識がなくてもブログがオシャレになる3ステップを紹介します。

まずは「ユーザーに良い印象を持ってもらえるようなブログを作る」を目指しましょう!

「ブログを始めたはいいけど、オシャレにならないな〜」「ブログのPV数や収益がなかなか伸びないな〜」

ayako

こんな悩みを持ったブログ初心者さんは、ぜひ参考にしていってくださいね!

この記事を書いた人

ミニマリスト/ブロガー
ayako

  • ブログ歴3年ちょい
  • ミニマリスト歴2年目
  • 1LDKで楽しくミニマルライフ
タップできる目次

そもそも何でブログをオシャレにする必要があるの?

悩める人

そもそもブログをオシャレにする必要ってある?記事の内容の方が大事じゃない?

ayako

確かにブログは「コンテンツの質が重要」なんて言われますよね。

だからといって「ブログのデザインをフル無視していい」と言っているわけではないんです!

ブログデザインが重要な理由はこの6つ

  • Googleで上位表示させるため
  • 読者に信頼感を与えるため
  • 収益を向上させるため
  • 他のブログとの差別化を図るため
  • 読者に満足してもらうため
  • ブログ直帰率を下げるため
悩める人

こんな大事なことがデザインで解決する⁉︎そんなわけ…

ayako

そんなわけ…あるんです!

もしこの6つのうちどれかで伸び悩んでいるブログ初心者さんは、ブログのデザインを改善してみてください。

ブログデザインの重要性についてはこちらの記事で詳しく解説しています

オシャレなブログを作る3つのステップ

冒頭でもお伝えしましたが、オシャレなブログはこの3ステップで作っていきます

  • 参考にするブログを見つける
  • オシャレなブログ作りの環境を整える
  • テクニックを使ってオシャレに装飾する

筆者夫婦はこの3ステップを実践して、ようやく月間6万PV・収益6桁を達成することができました。

もっとすごいブロガーさんはたくさんいらっしゃいますが、こんなの3年前にブログを始めた頃から考えると夢のまた夢……

ayako

おまけにSNSでオシャレなブログと言っていただけることが増えたんです!

悩める人

僕も早くブログでこれといった結果が欲しい…!

ayako

その気持ちわかります…! 一緒に頑張っていきましょうね!

それではまず参考にするブログ探しからしていきましょう。

STEP1:参考にするブログを探す

まずは「こんなブログを作りたい!」と思えるステキなブログを探してみましょう。

他のブログを参考にする際に注目するポイントはこの4つ

  • なんでオシャレだと思った?
  • トップページの構成は?
  • なんで記事が読みやすい?
  • どんな素材を使っている?
悩める人

オシャレなブログを丸パクリしたらいいのか!

ayako

みなさんそれぞれ時間をかけてブログ作りをされているので、丸パクリは良くありません

なので好きなブログを参考にして、自分のブログに落とし込むことが大切です。

それではひとつずつ私がどんな感じで参考にしているかを紹介していきますね。

なんでオシャレだと思った?

まずは「なんでオシャレだと感じたのか」を考えていきます。

  • 色が統一されているな
  • 写真がオシャレだな
  • 読みたい記事がすぐに見つかるな
  • カテゴリ毎に記事をまとめているのか
  • どんなWordPressテーマを使ってるのかな など…

「なぜ?」を考えるとひとつのブログからたくさん学ぶことができます。

トップページの構成は?

次は、具体的にトップページの構成を見てみましょう。

ayako

みなさんトップページでオシャレなブログかどうかを直感的に判断すると思います!

  • トップページは記事型?ブログ型?サイト型?
  • メインビジュアルにこだわっているな
  • 新着記事の前にサイトの説明欄があるな
  • 記事をピックアップしているな
  • カテゴリ毎に記事を探せるようになっているのか
  • フッターにはどんな情報が配置がされてるか など…

自分のブログに取り入れられそうなテクニックを探しましょう。

なんで記事が読みやすい?

次はブログの要、「記事の読みやすさ」について参考にしていきます。

  • リード文はどんな書き方をしてるんだろう
  • 装飾が最小限で大切なところだけ強調されてるな
  • 要所要所に画像があって分かりやすいな
  • アドセンス広告が最小限で記事の邪魔になってないな
  • 一文が短めだな など…

どうしても主観的な視点だけだと、「あれも伝えたい」「これも伝えたい」と読みづらい記事になりやすいです。

ayako

客観的に人の記事を読んで、読者目線で考えることはめっちゃ大切!

どんな素材を使っている?

最後は使われている「素材」のチェックです。

トップページや記事内にもオリジナルの素材が使われていると、オリジナリティが出てきます。

  • ここのボタンは自分で作った画像を使っていそう
  • 使われている素材に統一感があるな
  • 使われているのは画像?動画?
  • どんなブロックを使っているのかな など…

オシャレなブログには細かいところまでこだわりが隠れています。

ayako

「ここまでやるか!」というこだわりに心が動くものです。

STEP2:オシャレなブログ作りの環境を整える

STEP2ではひとつ前の「STEP1」で見つけたオシャレなブログの…

  • 何のWordPressテーマを使っているのか
  • どんなツールで画像を作っているのか など…

どんな環境で作られているのかという「ハード」の部分をチェックします。

私が実際にオシャレなブログを目指す上で欠かせない環境はこの3つ

  • WordPressテーマ『
  • デザインツール『Canva Pro
  • オリジナル写真

これらを使うことでブログの土台を作るイメージです。

悩める人

でもこれってお金かかる…?

ayako

おっしゃる通りお金はかかります。ただ…!

すべて無料でオシャレなブログを作ろうと思うと、プログラミングやデザインを勉強する必要があるんです。

なので「勉強はしたくない」とか「手間はかけたくない」という私のようなめんどくさがり屋さんは、環境にお金をかける価値が十分あると思います。

ちなみにプロみたいにオシャレなブログを作りたい場合は、「プログラミング」や「WEBデザイン」などのスキルを身につけると良いと思います。

でも「なんとなく今よりもオシャレになればいいかな〜」なんて方は、これらを勉強する必要はほとんどありません。

ayako

知識ゼロでも環境を整えれば、簡単にオシャレなブログを作れちゃうからね!

それではひとつずつ紹介していきますね。

WordPressテーマ『SWELL』

ブログ初心者のあなたはどんなWordPressテーマを使っていますか?

ちなみに私はブログを始めたての頃は他のテーマを使っていて、約1年前に『』に乗り換えました。

他のテーマを使っていた私が実際に感じるSWELLの魅力はなんといっても…

知識ゼロでも簡単にオシャレなブログが作れる

これに尽きます。

本来ならWordPressでブログを作る場合、高いお金やたくさんの時間をかけて習得するプログラミングの知識が必要になります。

確かにWordPressテーマに17,600円は少し高いと感じるかもしれませんね。

ですがブログを長く続けていきたい方や、知識はなくてもオシャレなブログを作りたいという方にはぜひ導入していただきたいです。

ayako

乗り換えの手間はかかりましたが、私は本当にSWELLに乗り換えてよかったと思っています!

\ 簡単にオシャレなブログが作れる /

SWELLのレビュー記事はこちらをご覧ください。

デザインツール『Canva Pro』

みなさまは記事のアイキャッチや図解画像をどんなツールで作成していますか?

ayako

フリー素材をそのまま貼っているだけ、という方は要注意です…!

例えば下2枚の画像をアイキャッチに注目して見比べてみてください

悩める人

「B」の方がまとまっていて、オシャレに見えるかも

「A」に比べて「B」の方がなんとなく統一感があるかな〜と思っていただけるはず。

アイキャッチはブログの顔」ですよね。

私はアイキャッチ以外にも…

  • ロゴマーク
  • 記事内の図解画像
  • H2見出しのタイトル画像
  • 写真の文字入れ
  • Twitterのヘッダー など…

いろんな画像を作るためにCanvaを使っています。

ちなみに私はよりたくさんの機能や素材を使いたかったので有料プランを契約中です。

Canvaには無料プランもあるので費用を抑えたい方はこのプランを選ぶか、Proプランの無料体験期間中にいろんな画像を作るのもおすすめです。

\ 1ヶ月無料でProプランを試してみる /

オリジナル写真

ブログ始めたての頃はめちゃくちゃ使っていた「フリー素材」。

今では差別化のため、そしてSEO対策のため、ほとんど自分で撮影した写真を使用しています。

悩める人

なんでフリー素材はダメなの?

ayako

使いやすくてオシャレな素材は、とにかく人と被るんです…!

ただカメラってかなり高価なアイテムなので、まずはお手持ちのスマホで十分だと思います。

下記3つを意識すれば、統一感のあるオリジナル写真になります

  • 物撮りする場所を決めておく
  • 撮影する時間帯を合わせておく
  • 写真を編集して全体の雰囲気を統一しておく
悩める人

とはいえ自分でオシャレな写真なんて撮る自信ないよ…

ayako

そんな方におすすめしたいのがFUJIFILMの『X100V』!

…なんですが、この『X100V』人気すぎて生産が追いつかずにずっと価格高騰しているんです。

ayako

私は2021年に15万円くらいで購入しましたが、今では軽く20万円超え…

ちなみにX100Vをカメラ初心者さんにおすすめしたい理由は…

  • レンズ一体型だからカメラレンズを買い足す必要がない
  • シャッターを切るだけでエモい色味の写真が撮れる
  • 本体の見た目がコンパクトでオシャレ

もちろんお金をかけたくない方はお手持ちのスマホでも十分です。

ですが、より簡単にオシャレな写真を撮りたい方はカメラの性能に頼ってしまうのもひとつだと思います。

ayako

オリジナル且つオシャレな写真で人と被ることなく、ユーザーに良い印象を持ってもらえますよ!

プログラミングやデザインを学ぶ

先ほどもお伝えしましたがプロのようにオシャレなブログを作るには、プログラミングやデザインの勉強は必須になってきます。

ですが「将来プログラミングやデザインを仕事にしたい」とか「本格的なサイトで他と差別化したい」という方以外はおすすめしません。

\ 興味のない方は、【STEP3】へスキップ!/

プログラミングやデザインに関する本はたくさん出ていて、独学でも勉強しようと思えばできます。

「他のサイトと差別化したい」くらいの方は独学でも大丈夫です。

ですがこれらを仕事にするなら、少し難しいかもしれません。

もし真剣にスキルを身につけて仕事にしたいなら、ウェブ関連の講座が豊富に揃っている『デジハリ・オンラインスクール』を一度覗いてみてください。

\ スキルを身につけて仕事にするなら /

STEP3:テクニックを使ってオシャレに装飾する

ひとつ前の「STEP2」で環境が揃ったら、STEP3ではちょっとしたテクニックを使ってブログをオシャレに装飾していきましょう。

ちなみに私が実際に使っているテクニックはこの5つ

  • トップページをサイト型にする
  • メインビジュアルを動画にする
  • ロゴマークにこだわってみる
  • アイキャッチにこだわる
  • 図解画像を作ってみる
悩める人

なんかハードル高そうだな…自分にできるかな…

ayako

でもやはり好印象のブログを作るには最低限のデザインが必要なんです…!

私はこの2つのテクニックを簡単に取り入れるために『』と『Canva』を使っています。

とはいえ、違う環境でもできるテクニックなのでぜひ参考にしていってくださいね。

トップページをサイト型にする

ブログのトップページは下記の3種類あります

私がオシャレなブログにするためにやったこと1つ目は「トップページをサイト型にする」です。

悩める人

他の2つはオシャレはダメなの?

ayako

決してそういうわけではありませんが、サイト型にすると手っ取り早くオシャレに見えるんです〜!

そのサイト型トップページを、難しい知識なしでセンスに自信がなくても簡単に作れちゃうのが…

WordPressテーマ『

もしSWELLの導入を迷っている方は、こちらの記事を参考にしてみてください。

ayako

ちなみに私はミニマリストブロガーくうかさんの記事を参考にサイト型に挑戦したよ!

メインビジュアルを動画にする

私は他のブログと少し差別化するため、そしてよりユーザーの目を惹くために…

トップページ上部のメインビジュアルを動画にしています。

ayako

なによりメインにドーンと動画が流れると、サイトっぽくなるんよな〜!

より独自性が出るので自分で動画を撮影するのが1番好ましいですが…

悩める人

オシャレな動画なんて撮れへんし、機材がない…

ayako

そんな自信のない方はCanvaの素材を探すのがおすすめです!

Canvaには動画素材も豊富に揃っているので、自分のブログにぴったりなイメージの素材を使って動画を作れば簡単にプロっぽくなっちゃいますよ。

\ 1ヶ月無料でProプランを試してみる /

ロゴマークにこだわってみる

今は夫婦で一つのブログに統一しましたが、例として筆者が個人のブログを持っていた時のロゴマークを見てみましょう。

フォント+記号でちょっとかわいく装飾してみました

ちなみにこのロゴマークはCanvaで作りました。

シンプルにゴシック体で作るのか、キレイ目に明朝体で作るのか、手書き風フォントでポップな印象を作るのか…

自分のブログイメージにピッタリなフォントを使うことで、ちょっとブログがオシャレになります。

ayako

フォントにプラス装飾するのことで、よりオリジナリティが出るね!

Canvaの無料プランでも結構いろんなフォントや素材が使えます。

でも有料プランの方が素材数が圧倒的なので、無料お試し期間にロゴマークを作っちゃうのもいいかもしれませんね。

\ 1ヶ月無料でProプランを試してみる /

アイキャッチにこだわる

先ほどもお話ししましたが、「アイキャッチはブログの顔」と言っても過言ではありません

悩める人

もともとセンスないし、適当に作ってるな〜

ayako

センスない…って諦めるのはちょっと待って!

めちゃくちゃオシャレなアイキャッチを作るなんてプロじゃないから簡単にはできません。

でも素人でも良い印象を与えることはできます。

デザインなんてわかんない…という方はCanvaを使ってみてくだい。

ayako

簡単に今よりワンランク上のアイキャッチを作ることができちゃいますよ!

オシャレなアイキャッチを作るために注意したいポイントは下記記事でまとめています

図解画像を作ってみる

下ふたつの記事を「画像に注目して」見比べてみてください

悩める人

「B」の方がオリジナリティを感じる!

「A」はフリー素材、「B」は簡単な図解画像を作ってみました。

確かにフリー素材を貼り付けるだけよりは手間がかかってしまいます。

でもこのくらいの図解画像なら思ったよりも簡単に、10分くらいで作れるんです。

ayako

それにオリジナルの画像を挿入することでSEO対策にもなるみたい!

そして一度、図解画像を作ってしまえばSNSの発信などでも使えるので一石二鳥。

悩める人

とはいえ自分に作れるか心配…

ayako

そんな方はぜひ一度だけでも、Canvaのテンプレートを使って図解画像つくってみてください!

\ 1ヶ月無料でProプランを試してみる /

それでも「やっぱりめんどくさい!!」って方はスキルマーケット『ココナラ』で図解作成を依頼するのもひとつの手です。

センスを磨くためにする3つのこと

ここまではオシャレなブログにする「やり方」を紹介してきました。

そしてここからはどこまでブログをパワーアップさせるかです。

現状維持では衰退してしまうので、自分でセンスを磨いていくことが必要になってきます。

悩める人

センスって生まれ持った才能でしょ?そんなのないし…

ayako

実はセンスって自分で培えるものなんですよ!

「センスがない」を言い訳にしてしまっている方はまず、水野学さんの『センスは知識からはじまる』を一度読んでみてください。

ちなみにプロでもなんでもない私が、センスを磨くためにしているのはこの3つ

なんとなく雑誌をめくるのではなく、暇つぶしでSNSを開くのでもなく、ちょっと姿勢を変えてみる。

「勉強するぞ!」と意識するだけで、なんとなく見ていたものがすべて意味のあるものに変化します。

ayako

ぜひ今日から挑戦してみてね!

具体的に「どんなことをしてるの?」と気になる方は下の記事をご覧ください

まとめ

以上が、ブログ初心者さん向けの「オシャレなブログを作るための3ステップ」の紹介でした。

ブログって本当に地道なお仕事です。

コツコツと記事を書いて、マーケティングの勉強をして、オシャレなデザインを研究して…

悩める人

こんなに時間や手間をかけたのに全然稼げない!

ayako

それで諦めてしまうのは本当にもったいない。

筆者夫婦はブログを始めて約3年でようやく、収益・月6桁を達成できました。

その手助けをしてくれたのは間違いなく ” ブログデザイン ” です。

今まだやっていなくて、自分にもできそうなことがあればどんどん試してみてください。

稼げないと嘆く時間をブログに注げば、きっとあなたのブログも今よりワンランクアップするはずです。

ayako

一緒にブログ運営、楽しみましょうね!

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

タップできる目次