はてなブログのテーマをミニマリズムに変更!文字などカスタマイズ!

ブログをWordpressからはてなブログへ移行しました。

移行してからも、やっぱり元に戻そうかと、色々ごちゃごちゃやってました。

でも、とりあえずはてなブログで書いていってみようと思ってます。

このまま続けていくなら、まずはブログの見た目をなんとかしようとテーマを何にするのか考えました。

 

はてなブログのテーマを考える

候補は、3つ。

  • Minimalism
  • Brooklyn
  • ZENO-TEAL

です。

この中で、まず、ZENO-TEALは 候補から消えていきました。

ZENO-TEALが候補から消えた理由とは?

デザイン的にすごくおしゃれでかっこいいZENO-TEAL。

かなりあこがれてはいます。

別のはてなブログでは、ZENO-TEALを使用しています。

では、なぜこのブログでは使用しなかったのか?

一番の理由は、設定が面倒くさいから(笑)です。

ZENO-TEALの特性として以下のような注意点があります。

  • トップページはカード型ですが、広告が表示される場合は各記事の上に大きく表示されてしまいます。 広告が出ている場合、Googleアドセンスのポリシー違反になる恐れがあるので、無料版では使わないでください。
  • 各記事の一番最初に画像(16:9が望ましい)があることが前提となっています。(それがトップページに表示されます。)
  • 「続きを読む」を入れている必要があります。

広告表示の件に関しては問題ないのでOK。

だけど、各記事の最初に画像と「続きを読む」を入れるという作業は、果てしないです。

別ブログで導入したときの記事数は100記事程。

すべてに画像と「続きを読む」を入れるのは非常に辛かったです。

また、このブログは特に画像を目立たせたいわけでもないので、そういう意味でもZENO-TEALでなくていいなと。

 

はてなブログのテーマをミニマリズムにしたら問題発生!?

残った候補は2つ。

Minimalism と Brooklyn です。

どちらにしようか非常に迷いました。

結果、Brooklynを導入。

見出しなどをカスタマイズし始めました。

ところが・・・。

カスタマイズし始めたら、なんとなく、わたしの理想とするデザインとちょっと違う感じになってきました。

なんていうか、Brooklynは、Brooklyn(ブルックリン)という名前だけあって、非常に洗練されたおしゃれなデザインです。

ブルックリンとは、アメリカ合衆国ニューヨーク州ニューヨーク市にある街のことです。

かっこいいんです。

ある意味かっこよすぎて、わたしのブログには似合わない。

おしゃれ感0のアラフォー主婦のブログなんでね。

で、残ったのは、Minimalismです。

ミニマリストブログには、やっぱりMinimalismが合っているようです。

みー
自称ゆるミニマリスト主婦なら、素直に最初っからミニマリズム使っとけばいいのに。
もりー
ですよねぇ・・・。

で、ミニマリストのテーマをインストールして使用してみると・・・?

うん。いい感じです。

タイトルの感じがすごくいい。

だけど、問題発生です!!

もりー
字、ちっちゃ!
みー
アラフォーのおばちゃんには、こんなちっちゃな字読めないよね。

スマホで見るとさらにちっさい!

これには、テーマ作者さまの意図があるようですが、ごめんなさい。

これだけはいただけません。

文字を大きくカスタマイズさせてもらいます。

 

はてなブログの文字を大きくするカスタマイズ

はてなブログの文字を多くするカスタマイズは、CSSに以下のコードを記述するだけです。

カスタマイズコード
.entry-content p {font-size: 16px;} 

とっても簡単ですね。

おばちゃんでも簡単にできるので、やっていない人は早速文字を大きくしましょう。

小さい文字って、読んでいる方はとってもストレスなんですよね。

おばあちゃんでも読めるくらいに大きくするのがモバイルフレンドリーってやつでしょうか?

ちなみに16pxにしてあるのは、読みやすい文字の大きさが16~17ピクセルくらいだからです。

みー
Googleの推奨フォントサイズも16px以上だよ~。
もりー
だからって大きすぎも読みにくいからね

ちなみに現在のこのブログのテーマである「ストーク(STORK)」の文字の大きさも16pxです。

さすがモバイルファーストのテーマです。

 

以前、はてなブログに移転したこのブログです。

しかし一瞬ではてなブログからまたワードプレスに戻ってまいりました。

そのときの記事はこちらです( ↓ )

ワードプレスから はてなブログproへ移行した理由と手順!注意すべきポイントとは!?

2018.10.27

 

自分のブログサイトはモバイルフレンドリーか!?

自分のブログサイトがモバイルフレンドリーかどうか気になりますよね?

ご安心ください。

Googleがテストツールを無料で提供してくれています。

モバイルフレンドリーのチェック方法は、以下のURLよりどうぞ~。( ↓ )

https://search.google.com/test/mobile-friendly?hl=ja

チェックしたいブログサイトのURLを入力するだけで簡単にチェックできます。