ブログ運営

【デザイン初心者向け】おしゃれなブログの作り方 〜好きなデザインブログを見つけて参考にしよう〜

おしゃれ ブログ デザイン 作り方 おしゃれなブログ
エミリ
記事内に商品プロモーションを含む場合があります

有料テーマをお使いの方は、最初からおしゃれなデザインがベースになっているので、この記事で紹介している内容はあまり必要ないかもしれません。無料テーマ(Cocoonなど)をお使いの方におすすめの内容です!

「おしゃれなブログを作りたい!」

という方、必見!

ワードプレスもCSSも初心者でしたが、悪戦苦闘しつつも楽しく作ったブログは、

「完成度高い」「おしゃれ」「かわいい」

と思いのほか褒めてもらうことが多くびっくりしています。正直クオリティはまだまだだと思いますが、素人でもできるブログデザインのプロセス(考え方)について今回書いてみました。

この記事が「おしゃれなブログを作りたい!」という人の役に立ったら嬉しいな、と思います。

ちなみに使っているテーマは、無料なのに有料にせまる機能をもっていて優秀&カスタマイズ情報も豊富な Cocoon 2026年6月に有料テーマ「JIN:Rに変えました。

無料テーマと有料テーマの違いを知りたい方は、こちらをどうぞ↓

あわせて読みたい
【ブログ向け】WordPressテーマおすすめ3選!+失敗しない選び方
【ブログ向け】WordPressテーマおすすめ3選!+失敗しない選び方
この記事はこんな人にオススメ
  • 時間はかかってもいいから、おしゃれなブログにしたい人
  • 見た目にこだわりたいけれど、何から始めてよいかわからない人
  • デザイン初心者

この記事を読めば、できること

記事のとおり順を追って考えていくと、おしゃれなブログの土台が完成する

正直、頭使うし、時間もかかる方法ですが、それをやってでもおしゃれなブログにしたい!という人はぜひ続きを読んでもらえたら、と思います。

(私の場合)頑張った結果、数ヶ月後に、いくつかのサイトやnoteでおしゃれなブログとして紹介されるという嬉しいサプライズが待っていました。

おしゃれなブログに向けて最初にやったこと

スタート

おしゃれで自分好みのブログや要素(ヘッダー、コンテンツ、サイドバーなど)を探す

なぜなら、初心者が自分の力だけでおしゃれなブログを作るのは限界があるなと思ったのと、デザイナーさんたちがデザインをする前に必ず資料を集めていたのを思い出したから。

おしゃれなデザインブログの探し方

リサーチ
  1. キーワード検索(おしゃれ、ブログ、参考など)をして、ひたすら上から見ていく
  2. 自分の中で印象に残ったブログはどんどんブックマークに保存

もうこれだけ。

検索し見てブックマーク、検索し見てブックマーク、、、という繰り返し。地道な作業ですが、たくさんのブログを見ることで、自然とデザインアイデアの引き出しが増えていきました。

エミリ
エミリ

やっぱり良いアウトプットのためには、良いインプットから♪

おしゃれで自分好みのデザインブログを見つけて参考にする理由

理由

自分らしいブログデザインになり、大切にしたくなるから

他人からどう思われるかをすごく気にして生きてきた私は、何かを選ぶとき、周りの顔色を窺って選び自分らしさを失った残念な経験が何度もあります。だから、

ブログデザインでは、自分の本能に100%従うことにしました。

自分の「なんか好き」「なんか気になる」を集めてコツコツと作ったら、自分らしいこだわりが反映され、長く大切にしたいと思えるブログになるのではないかと思ったから。

そして今、その通りになっている、と思います。

何よりもやってほしい、大切なこと

重要

「好き」を掘り下げる

好きなブログを見つけた後に取り組んだのは、じっくりと時間をかけ「なぜ好きなのか」「どこが好きなのか?」まで掘り下げること。

「このブログが好き」とただ思うだけでは、進みたい方向がわからなかったけれど、

  • シンプルなデザインが好き
  • バックカラーは白のものが好き
  • 色数は抑えたブログが好き
  • テーマカラーはイエロー系統が好き
  • サイドバーのデザインは〇〇ブログのが好み

など自分の好みが分かってくると、具体的なデザインが見えてきました。

エミリ
エミリ

ぼんやりはダメで、イメージを具体化するのが大事なんだね。

イメージが固まればあとはググってカスタマイズ情報を探し、取り掛かるだけ。「初心者には難しいかな」と思ったデザインも完成イメージがはっきり見えたものは100%現実化できました。

私が参考にしたデザインアイデアのブログ3選

私的に勝手にオススメするのだけれど、美しさも読みやすさも兼ね備えていてすごいと思ったブログたち。うっとりしながら、じっくり観察していたら素人の私でも参考にできるデザインアイデアがたくさん発見できました。

1. karuchielatan (カルチェラタン)

画像引用元:karuchielatan より

かわいくておしゃれなブログ。イラストに目がいくよう色を抑えたデザインがシンプルできれい。参考になるアイデアがたくさんあって、デザインで迷ったら何度も何度も覗きに行きました。私がコンテンツを1カラムにするきっかけにもなったブログです(2020年8月〜、ブログタイトルが「yuki tomomatsu」に変更、デザインもリニューアルされ、更にお洒落に!)。

2. monecre(もねくり)

画像引用元:monecre より

ファーストビューやアイキャッチ画像が読み手の印象に残る、配色がとても綺麗だなと思ったブログ。ここのボタンの色どうしよう、、、など配色で悩んだ時によく参考にしていました(2023年10月〜、テーマをJINからJIN:Rに変更。デザインがリニューアルされています)。

3. milieu

画像引用元:milieu より

ブログではなくメディアですが、とっても美しい憧れのサイト。そして内容も濃い。(話はそれますが『ファニーでハッピーな夫が突然、「なんか、腕痛いんだよね」と言い出した』という記事は泣けました。)参考にするにはレベルが高すぎましたが、1mmでもmilieuのエスプリを取り入れたくて穴があくほど見ました。

こだわって作ってよかったこと

よかったこと
  • 自分のブログが自分で「好き」と言えるようになった
  • 褒めてもらえるようになった
  • ブログを大切に育てたいと思えるようになった
  • もっとおしゃれにしたいと、自分から勉強するようになった

ブログをおしゃれにカスタマイズしたい人は、この本がオススメ

おしゃれなブログにしたい!と思ってやり始めると、絶対に避けて通れないのが「CSS」!専門用語がわからないと本当に大変……

そんな時は「HTML & CSS」の入門書を読んで、基礎を身につけるのが一番のオススメです!私が参考にした本がこちら。

著:千貫 りこ, 読み手:ロクナナワークショップ
¥2,178 (2023/10/11 14:44時点 | Amazon調べ)

知らなくてもカスタマイズできますが、知っていればカスタマイズのスピードが速くなり、時間の浪費が減る、と実感させてくれました。

CSSの仕組みがよくわかるので、手元に置いておいて損はない1冊です。

あわせて読みたい
「HTML&CSS初心者が1か月独学で勉強したらどうなるの?」に回答する
「HTML&CSS初心者が1か月独学で勉強したらどうなるの?」に回答する

おわりに

「おしゃれなブログを作りたい!」

「でも、ワードプレスもCSSも初心者だし出来るわけない、、、」

2つの声が脳みそを行ったり来たりしましたが、前向きな心の願いを叶えてよかったな、と思います。

魅力的なデザインブログを参考に、自分の心が喜ぶブログデザインにしたら、「大切に育てていきたい」と思える感覚になったから。

自己満足かも知れませんが、

自分好みのおしゃれなブログを作って、自分の気持ちが上がるならば、長く続くブログになるならば、それはとってもハッピーなことだと思います。

ABOUT ME
エミリ
エミリ
ロジカル・クリエイター
主な生息地は、おうち。暮らしの中で良いなと思ったことを、女性目線でじっくり調べてお届けします。
記事URLをコピーしました