ブログ関連

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

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

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

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

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

 

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

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

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

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

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


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

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

なーさん
なーさん
すごいな~
ママ
ママ
無料ってすごいよね!

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

なーさん
なーさん
無料ってすごいよね!

 

【はてなブログ】Markdown記法を使って記事を書いたら快適だった!

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

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

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 コードがついに到着しました!

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

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

 

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

 

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

こちらの記事も合わせてご覧ください。
無料でブログのヘッダー画像を作成しよう

ママ
ママ
Twitterもやっているよ!
@bloggk1をぜひフォローしてね!
こちらの記事もおすすめ!
はてなブログで会話風吹き出しを簡単に作る記事のアイキャッチ画像 ブログ関連

【初心者でもコピペで簡単!】はてなブログに会話風の吹き出しを作る方法(参考にしたサイトを紹介します)

2019年1月10日
末っ子の気ままにのんびり
いろんなサイトをみていると、会話風の吹き出しを導入している人がいますよね!HTMLやCSSなんて難しくてわからない人も、ネット上にたくさんあ …