ブログ関連

【2019年版】はてなブログのテーマでおすすめの「Minimalism」を使ってカスタマイズ!

はてなブログからMinimalismの記事のアイキャッチ画像

みなさんは、はてなブログを開設してからブログのデザインを変えたいと思ったことはありませんか?好きなデザインにすると記事作成のモチベーションもあがりますよね。

Minimalismは、シンプルなデザインであり、ブログのカスタマイズ方法も記載されているので、初心者でも簡単にブログをカスタマイズすることができておすすめです!

この記事では、はてなブログのテーマでおすすめの無料でインストールできるMinimalismを使って、自分の好みに合ったブログを作成していく方法を書いていますので、ぜひ参考にしてみてください。

この記事に書いていることは以下の内容です。

  • おしゃれでかわいいデザインのMinimalismはなんと無料!
  • Minimalismをインストールして設定する手順
  • Minimalismのカスタマイズ方法

\とっても簡単にヘッダー画像ができちゃう!/

無料でブログのヘッダー画像を作成しよう

ブログの添削を受けた時の記事もありますのでぜひご覧ください。

【メリットしかない!】ブログの記事添削で読者が読みやすいサイトに

はてなブログのテーマでおすすめなMinimalismは無料!


ブログのカスタマイズって素人からすると、「難しそう」とか「有料なんじゃない?」とかって思いますよね。

でも、テーマストアをみると無料でかわいいデザインのものがたくさんあります。それをインストールするだけで、ブログ全体のカスタマイズができてしまいます!

なーさん
なーさん
すごいな~

ママ
ママ
無料ってすごいよね!

私は、このブログに設定しているテーマがテーマストアで無料でインストールできることを最近になって知りました(笑)たぶん、意外と私みたいに知らない人がいるのではないでしょうか?(知ってたらごめんなさい)
なーさん
なーさん
無料ってすごいよね!

\ 登録アカウント数13万件を突破 /

<国内最速No.1>高性能レンタルサーバー【ConoHa WING】

テーマストアでテーマをインストールする方法

デザインをクリックし、テーマ設定の一番下まで移動します。

Minimalismの記事の説明①

出典:はてなブログのテーマストア

テーマストアでテーマを探すをクリックします。

Minimalismの記事の説明②

出典:はてなブログのテーマストア

③ストアで好きなテーマ(このブログの場合は1位のMinimalism)を選んでクリックします。

Minimalismの記事の説明③

出典:はてなブログのテーマストア

Minimalismへの変更の仕方の動画も貼っているのでぜひ参考に。

Minimalismのテーマについてはこちらです。

Minimalism – テーマ ストア

④すると右端にプレビューしてインストールというところがあるのでクリックし、適用するブログを選択というのが出るので、カスタマイズしたいブログのタイトルを選択します。

Minimalismの記事の説明④

出典:はてなブログのテーマストア

⑤画面をみていいなーと思ったら、左上にあるこのテーマをインストールをクリックすると、適用されます。

Minimalismの記事の説明⑤

出典:はてなブログのテーマストア

たったこれだけです!!すごく簡単ですよね。

【祝・100記事達成】ブログ初心者が100記事書くとどうなる?これが現実だ!

ブログのテーマを使ってカスタマイズする方法

これだけでも十分おしゃれですが、自分の好きな色に変えたい、見出しをカスタマイズしたいなどの欲望が出てくると思います(笑)

そんな時にさらに親切なのが、このテーマを作ってくれた方が細かく使い方を説明してくれているということです!

例えばMinimalismをインストールするページをみると、使い方・注意事項という項目とURLが貼ってあります。

Minimalismの記事の説明⑥

出典:はてなブログのテーマストア

そこをクリックすると、こんな感じでカスタマイズ方法が細かく記載されているんです。そのため、初心者でも簡単にカスタマイズすることができるんですね!とても便利。

Minimalismの記事の説明⑦

出典:はてなブログのテーマストア

ブログ初心者におすすめなのはWordPressとはてなブログどっちなの?

スポンサーリンク

テーマをレスポンシブデザインにする方法

とりあえず、好きなテーマをブログに設定できたら、スマートフォンとパソコン、タブレットの画面表示を同じにすることをおすすめします。

この画面表示を同じにするには、はてなブログの管理画面のデザイン→スマートフォン→詳細設定のところにレスポンシブデザインというチェック項目があるのでそこにチェックを入れます。すると、表示画面が同じになります。

Minimalismの記事の説明⑧

出典:はてなブログのテーマストア

この設定をすると、デザインをカスタマイズするときにパソコン画面の設定をするだけですべて同じデザインになるので楽です。ちなみに、私のもう一つのブログはパソコンとスマートフォンを別々に設定していたので、とても大変でした。

ただ、私が苦労したのはここからでした。Canvaというサイトで、はてなブログが推奨しているヘッダー画像サイズのW1000px×H200pxでヘッダー画像を作ったのですが、貼り付けるとスマートフォンからみた時になぜか画像がはみ出るんです。

ママ
ママ
絶望的。なんで!調べるしかないか。。。

てな感じで再び調べるとやっとみつかりました。いろいろなサイトを何時間も探しながらやったのに、全然画面が変わらなかったんです。たぶんどこか私のやり方が違ったんだと思うんですけど、違う場所がわからなくて。

そんな時に見つけたのがこちらのサイトです。本当に助かりました。ありがとうございます!

【これで解決!】スマホ表示をするとタイトル画像の左右が切れる問題【はてなブログ】 | ゆずもちろぐ。

こちらの記事もぜひ読んでみてください。
【2019年版】Google AdSenseのPIN コードがついに到着しました!

はてなブログの見出しのデザインも簡単に変えられる

はてなブログには、無料でいろんなデザインテーマがあります。インストールするとすぐにブログに適用されるので、あっという間に好きなデザインにカスタマイズすることができてしまいます。

見出しのデザインを変えたいなという細かい希望も叶えてくれるのでとてもおすすめです。

もし、まだブログのデザインを設定していないよっていう方はおすすめなので、ぜひやってみてくださいね!

\とっても簡単にヘッダー画像ができちゃう!/

無料でブログのヘッダー画像を作成しよう

\ 登録アカウント数13万件を突破 /

<国内最速No.1>高性能レンタルサーバー【ConoHa WING】

ママ
ママ
Twitterもやっているよ!
@bloggk1をぜひフォローしてね!