![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
みなさまこんにちは、ayako(@ayako_lifestyle)です。
今回のテーマは・・・『初心者さん向け!オシャレなブログを作るコツの紹介』です。
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
センスがないとオシャレなブログは作れない?
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
実はそんなことないんです!
ちなみにブログを始めて約2年、なかなか成果が出なかった筆者夫婦。
そんな私たちでもアイキャッチに時間をかけたり、ブログ全体のデザインを見直すようになってから…
- 月間60,000PV達成
- 記事滞在時間 平均約20%UP
- ユーザー数 約4倍
- 収益 6桁達成
こんな成果を得ることができました。
オシャレなブログにしたいけどデザインに苦手意識がある…
そんなブログ初心者さんは多くいらっしゃるのではないでしょうか。
本記事ではデザインの知識がなくてもブログがオシャレになる3ステップを紹介します。
「ブログを始めたはいいけど、オシャレにならないな〜」「ブログのPV数や収益がなかなか伸びないな〜」
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
こんな悩みを持ったブログ初心者さんは、ぜひ参考にしていってくださいね!
この記事を書いた人
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-1024x1024.png)
ミニマリスト/ブロガー
ayako
- ブログ歴3年ちょい
- ミニマリスト歴2年目
- 1LDKで楽しくミニマルライフ
そもそも何でブログをオシャレにする必要があるの?
![](https://iloveore.com/wp-content/uploads/2023/07/2a4034bbf3ef52b58fbdf6aee7e16e9b-1-1024x576.jpg)
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
そもそもブログをオシャレにする必要ってある?記事の内容の方が大事じゃない?
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
確かにブログは「コンテンツの質が重要」なんて言われますよね。
ブログデザインが重要な理由はこの6つ
- Googleで上位表示させるため
- 読者に信頼感を与えるため
- 収益を向上させるため
- 他のブログとの差別化を図るため
- 読者に満足してもらうため
- ブログ直帰率を下げるため
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
こんな大事なことがデザインで解決する⁉︎そんなわけ…
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
そんなわけ…あるんです!
もしこの6つのうちどれかで伸び悩んでいるブログ初心者さんは、ブログのデザインを改善してみてください。
ブログデザインの重要性についてはこちらの記事で詳しく解説しています
![](https://iloveore.com/wp-content/uploads/2023/07/f6197ebeee6081f6bb3ed74a7d666b21-300x169.jpg)
オシャレなブログを作る3つのステップ
![](https://iloveore.com/wp-content/uploads/2023/07/3f32590e45e8cc9a1db5241617fe5f36-1024x576.jpg)
冒頭でもお伝えしましたが、オシャレなブログはこの3ステップで作っていきます
- 参考にするブログを見つける
- オシャレなブログ作りの環境を整える
- テクニックを使ってオシャレに装飾する
もっとすごいブロガーさんはたくさんいらっしゃいますが、こんなの3年前にブログを始めた頃から考えると夢のまた夢……
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
おまけにSNSでオシャレなブログと言っていただけることが増えたんです!
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
僕も早くブログでこれといった結果が欲しい…!
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
その気持ちわかります…! 一緒に頑張っていきましょうね!
それではまず参考にするブログ探しからしていきましょう。
STEP1:参考にするブログを探す
![](https://iloveore.com/wp-content/uploads/2023/07/9492b58d002eaeca7c92f05ef964f9be-1024x576.jpg)
まずは「こんなブログを作りたい!」と思えるステキなブログを探してみましょう。
他のブログを参考にする際に注目するポイントはこの4つ
- なんでオシャレだと思った?
- トップページの構成は?
- なんで記事が読みやすい?
- どんな素材を使っている?
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
オシャレなブログを丸パクリしたらいいのか!
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
みなさんそれぞれ時間をかけてブログ作りをされているので、丸パクリは良くありません。
それではひとつずつ私がどんな感じで参考にしているかを紹介していきますね。
なんでオシャレだと思った?
まずは「なんでオシャレだと感じたのか」を考えていきます。
- 色が統一されているな
- 写真がオシャレだな
- 読みたい記事がすぐに見つかるな
- カテゴリ毎に記事をまとめているのか
- どんなWordPressテーマを使ってるのかな など…
「なぜ?」を考えるとひとつのブログからたくさん学ぶことができます。
トップページの構成は?
次は、具体的にトップページの構成を見てみましょう。
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
みなさんトップページでオシャレなブログかどうかを直感的に判断すると思います!
- トップページは記事型?ブログ型?サイト型?
- メインビジュアルにこだわっているな
- 新着記事の前にサイトの説明欄があるな
- 記事をピックアップしているな
- カテゴリ毎に記事を探せるようになっているのか
- フッターにはどんな情報が配置がされてるか など…
自分のブログに取り入れられそうなテクニックを探しましょう。
なんで記事が読みやすい?
次はブログの要、「記事の読みやすさ」について参考にしていきます。
- リード文はどんな書き方をしてるんだろう
- 装飾が最小限で大切なところだけ強調されてるな
- 要所要所に画像があって分かりやすいな
- アドセンス広告が最小限で記事の邪魔になってないな
- 一文が短めだな など…
どうしても主観的な視点だけだと、「あれも伝えたい」「これも伝えたい」と読みづらい記事になりやすいです。
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
客観的に人の記事を読んで、読者目線で考えることはめっちゃ大切!
どんな素材を使っている?
最後は使われている「素材」のチェックです。
トップページや記事内にもオリジナルの素材が使われていると、オリジナリティが出てきます。
- ここのボタンは自分で作った画像を使っていそう
- 使われている素材に統一感があるな
- 使われているのは画像?動画?
- どんなブロックを使っているのかな など…
オシャレなブログには細かいところまでこだわりが隠れています。
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
「ここまでやるか!」というこだわりに心が動くものです。
STEP2:オシャレなブログ作りの環境を整える
![](https://iloveore.com/wp-content/uploads/2023/07/79add0e03224491f5aa07502269a4b80-1024x576.jpg)
STEP2ではひとつ前の「STEP1」で見つけたオシャレなブログの…
- 何のWordPressテーマを使っているのか
- どんなツールで画像を作っているのか など…
どんな環境で作られているのかという「ハード」の部分をチェックします。
私が実際にオシャレなブログを目指す上で欠かせない環境はこの3つ
これらを使うことでブログの土台を作るイメージです。
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
でもこれってお金かかる…?
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
おっしゃる通りお金はかかります。ただ…!
すべて無料でオシャレなブログを作ろうと思うと、プログラミングやデザインを勉強する必要があるんです。
ちなみにプロみたいにオシャレなブログを作りたい場合は、「プログラミング」や「WEBデザイン」などのスキルを身につけると良いと思います。
でも「なんとなく今よりもオシャレになればいいかな〜」なんて方は、これらを勉強する必要はほとんどありません。
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
知識ゼロでも環境を整えれば、簡単にオシャレなブログを作れちゃうからね!
それではひとつずつ紹介していきますね。
WordPressテーマ『SWELL』
ブログ初心者のあなたはどんなWordPressテーマを使っていますか?
他のテーマを使っていた私が実際に感じるSWELLの魅力はなんといっても…
知識ゼロでも簡単にオシャレなブログが作れる
これに尽きます。
確かにWordPressテーマに17,600円は少し高いと感じるかもしれませんね。
ですがブログを長く続けていきたい方や、知識はなくてもオシャレなブログを作りたいという方にはぜひ導入していただきたいです。
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
乗り換えの手間はかかりましたが、私は本当にSWELLに乗り換えてよかったと思っています!
\ 簡単にオシャレなブログが作れる /
SWELLのレビュー記事はこちらをご覧ください。
デザインツール『Canva Pro』
みなさまは記事のアイキャッチや図解画像をどんなツールで作成していますか?
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
フリー素材をそのまま貼っているだけ、という方は要注意です…!
例えば下2枚の画像をアイキャッチに注目して見比べてみてください
![](https://iloveore.com/wp-content/uploads/2023/07/5bd156fc0f4e676ff6934beaeca67492-1024x576.jpg)
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
「B」の方がまとまっていて、オシャレに見えるかも
「A」に比べて「B」の方がなんとなく統一感があるかな〜と思っていただけるはず。
私はアイキャッチ以外にも…
- ロゴマーク
- 記事内の図解画像
- H2見出しのタイトル画像
- 写真の文字入れ
- Twitterのヘッダー など…
いろんな画像を作るためにCanvaを使っています。
Canvaには無料プランもあるので費用を抑えたい方はこのプランを選ぶか、Proプランの無料体験期間中にいろんな画像を作るのもおすすめです。
\ 1ヶ月無料でProプランを試してみる /
オリジナル写真
ブログ始めたての頃はめちゃくちゃ使っていた「フリー素材」。
今では差別化のため、そしてSEO対策のため、ほとんど自分で撮影した写真を使用しています。
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
なんでフリー素材はダメなの?
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
使いやすくてオシャレな素材は、とにかく人と被るんです…!
ただカメラってかなり高価なアイテムなので、まずはお手持ちのスマホで十分だと思います。
下記3つを意識すれば、統一感のあるオリジナル写真になります
- 物撮りする場所を決めておく
- 撮影する時間帯を合わせておく
- 写真を編集して全体の雰囲気を統一しておく
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
とはいえ自分でオシャレな写真なんて撮る自信ないよ…
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
そんな方におすすめしたいのがFUJIFILMの『X100V』!
…なんですが、この『X100V』人気すぎて生産が追いつかずにずっと価格高騰しているんです。
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
私は2021年に15万円くらいで購入しましたが、今では軽く20万円超え…
ちなみにX100Vをカメラ初心者さんにおすすめしたい理由は…
- レンズ一体型だからカメラレンズを買い足す必要がない
- シャッターを切るだけでエモい色味の写真が撮れる
- 本体の見た目がコンパクトでオシャレ
もちろんお金をかけたくない方はお手持ちのスマホでも十分です。
ですが、より簡単にオシャレな写真を撮りたい方はカメラの性能に頼ってしまうのもひとつだと思います。
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
オリジナル且つオシャレな写真で人と被ることなく、ユーザーに良い印象を持ってもらえますよ!
プログラミングやデザインを学ぶ
先ほどもお伝えしましたがプロのようにオシャレなブログを作るには、プログラミングやデザインの勉強は必須になってきます。
ですが「将来プログラミングやデザインを仕事にしたい」とか「本格的なサイトで他と差別化したい」という方以外はおすすめしません。
\ 興味のない方は、【STEP3】へスキップ!/
プログラミングやデザインに関する本はたくさん出ていて、独学でも勉強しようと思えばできます。
「他のサイトと差別化したい」くらいの方は独学でも大丈夫です。
ですがこれらを仕事にするなら、少し難しいかもしれません。
もし真剣にスキルを身につけて仕事にしたいなら、ウェブ関連の講座が豊富に揃っている『デジハリ・オンラインスクール』を一度覗いてみてください。
STEP3:テクニックを使ってオシャレに装飾する
![](https://iloveore.com/wp-content/uploads/2023/07/2727a825c26c0aa74183c84d22328e28-1024x576.jpg)
ひとつ前の「STEP2」で環境が揃ったら、STEP3ではちょっとしたテクニックを使ってブログをオシャレに装飾していきましょう。
ちなみに私が実際に使っているテクニックはこの5つ
- トップページをサイト型にする
- メインビジュアルを動画にする
- ロゴマークにこだわってみる
- アイキャッチにこだわる
- 図解画像を作ってみる
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
なんかハードル高そうだな…自分にできるかな…
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
でもやはり好印象のブログを作るには最低限のデザインが必要なんです…!
とはいえ、違う環境でもできるテクニックなのでぜひ参考にしていってくださいね。
トップページをサイト型にする
ブログのトップページは下記の3種類あります
![](https://iloveore.com/wp-content/uploads/2023/07/eb5862dcdcbb4be98fa3c59ed9ab47d6-1024x576.jpg)
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
他の2つはオシャレはダメなの?
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
決してそういうわけではありませんが、サイト型にすると手っ取り早くオシャレに見えるんです〜!
そのサイト型トップページを、難しい知識なしでセンスに自信がなくても簡単に作れちゃうのが…
WordPressテーマ『SWELL』
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
ちなみに私はミニマリストブロガーくうかさんの記事を参考にサイト型に挑戦したよ!
![](https://hitamukidesign.blog/wp-content/uploads/swelltop-ec.jpg)
メインビジュアルを動画にする
私は他のブログと少し差別化するため、そしてよりユーザーの目を惹くために…
トップページ上部のメインビジュアルを動画にしています。
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
なによりメインにドーンと動画が流れると、サイトっぽくなるんよな〜!
より独自性が出るので自分で動画を撮影するのが1番好ましいですが…
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
オシャレな動画なんて撮れへんし、機材がない…
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
そんな自信のない方はCanvaの素材を探すのがおすすめです!
\ 1ヶ月無料でProプランを試してみる /
ロゴマークにこだわってみる
今は夫婦で一つのブログに統一しましたが、例として筆者が個人のブログを持っていた時のロゴマークを見てみましょう。
フォント+記号でちょっとかわいく装飾してみました
![](https://iloveore.com/wp-content/uploads/2023/07/fb02efb3cb840b1e43292afc307ce665-1024x576.jpg)
ちなみにこのロゴマークはCanvaで作りました。
シンプルにゴシック体で作るのか、キレイ目に明朝体で作るのか、手書き風フォントでポップな印象を作るのか…
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
フォントにプラス装飾するのことで、よりオリジナリティが出るね!
Canvaの無料プランでも結構いろんなフォントや素材が使えます。
でも有料プランの方が素材数が圧倒的なので、無料お試し期間にロゴマークを作っちゃうのもいいかもしれませんね。
\ 1ヶ月無料でProプランを試してみる /
アイキャッチにこだわる
先ほどもお話ししましたが、「アイキャッチはブログの顔」と言っても過言ではありません。
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
もともとセンスないし、適当に作ってるな〜
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
センスない…って諦めるのはちょっと待って!
めちゃくちゃオシャレなアイキャッチを作るなんてプロじゃないから簡単にはできません。
でも素人でも良い印象を与えることはできます。
デザインなんてわかんない…という方はCanvaを使ってみてくだい。
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
簡単に今よりワンランク上のアイキャッチを作ることができちゃいますよ!
オシャレなアイキャッチを作るために注意したいポイントは下記記事でまとめています
![](https://iloveore.com/wp-content/uploads/2023/07/22493ab00bb5f406024e1054a9077848-300x169.jpg)
図解画像を作ってみる
下ふたつの記事を「画像に注目して」見比べてみてください
![](https://iloveore.com/wp-content/uploads/2023/07/3f5926a697d753dbd67c4fc2ace5c589-1024x576.jpg)
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
「B」の方がオリジナリティを感じる!
「A」はフリー素材、「B」は簡単な図解画像を作ってみました。
確かにフリー素材を貼り付けるだけよりは手間がかかってしまいます。
でもこのくらいの図解画像なら思ったよりも簡単に、10分くらいで作れるんです。
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
それにオリジナルの画像を挿入することでSEO対策にもなるみたい!
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
とはいえ自分に作れるか心配…
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
そんな方はぜひ一度だけでも、Canvaのテンプレートを使って図解画像つくってみてください!
\ 1ヶ月無料でProプランを試してみる /
センスを磨くためにする3つのこと
![](https://iloveore.com/wp-content/uploads/2023/09/f65412c97d44a2917395087227ac760e-1024x576.jpg)
ここまではオシャレなブログにする「やり方」を紹介してきました。
そしてここからはどこまでブログをパワーアップさせるかです。
現状維持では衰退してしまうので、自分でセンスを磨いていくことが必要になってきます。
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
センスって生まれ持った才能でしょ?そんなのないし…
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
実はセンスって自分で培えるものなんですよ!
ちなみにプロでもなんでもない私が、センスを磨くためにしているのはこの3つ
![](https://iloveore.com/wp-content/uploads/2023/07/46ae3b853b74f961440f24da2db3980a-1024x576.jpg)
なんとなく雑誌をめくるのではなく、暇つぶしでSNSを開くのでもなく、ちょっと姿勢を変えてみる。
「勉強するぞ!」と意識するだけで、なんとなく見ていたものがすべて意味のあるものに変化します。
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
ぜひ今日から挑戦してみてね!
具体的に「どんなことをしてるの?」と気になる方は下の記事をご覧ください
![](https://iloveore.com/wp-content/uploads/2023/07/22493ab00bb5f406024e1054a9077848-300x169.jpg)
まとめ
![](https://iloveore.com/wp-content/uploads/2023/07/3f32590e45e8cc9a1db5241617fe5f36-1024x576.jpg)
以上が、ブログ初心者さん向けの「オシャレなブログを作るための3ステップ」の紹介でした。
ブログって本当に地道なお仕事です。
コツコツと記事を書いて、マーケティングの勉強をして、オシャレなデザインを研究して…
![](https://iloveore.com/wp-content/uploads/2022/09/n0777-150x150.png)
こんなに時間や手間をかけたのに全然稼げない!
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
それで諦めてしまうのは本当にもったいない。
その手助けをしてくれたのは間違いなく ” ブログデザイン ” です。
今まだやっていなくて、自分にもできそうなことがあればどんどん試してみてください。
稼げないと嘆く時間をブログに注げば、きっとあなたのブログも今よりワンランクアップするはずです。
![](https://iloveore.com/wp-content/uploads/2023/09/4092ed98e9035652d4c9ca9441701ed7-150x150.png)
一緒にブログ運営、楽しみましょうね!