30代からの5万円貯金とブログ運営

毎月5万円貯金とブログ運営を始めた33歳

初心者が「Haruni」をシンプルにカスタマイズ【はてなブログテーマ】

☑️はてなブログPRO登録済
☑️サブブログを新たに作成
☑️ブログ歴1年の初心者

今回は、新たにブログを作ったので、メインブログとは違うテーマにしてみました!
▶️たるみ毛穴改善日記(メインブログ)

ブログテーマを選ぶ理由は?

「Haruni」を選んだ理由は、トップページの記事一覧のアイキャッチが大きかったのと、スマホでも見易いレスポンシブデザインだったところです。

あと、デモページに丁寧に初心者でも分かりやすいカスタマイズのやり方が(しかも、コピペでOK!)丁寧に書かれていたのも安心でした。


テーマの設定は、簡単!

f:id:macromake:20180712211742j:plain
🔽ダッシュボード
🔽デザイン
🔽デザインテーマ
🔽テーマストアでテーマを探す

あとは、お好きなテーマをプレビューしてインストールするだけ!


Haruniをインストール

f:id:macromake:20180708003410j:plain
左は、テーマを設定していないそのままの状態。右は、Haruniをインストールした直後です。
インストールだけで、とても可愛いブログになりました!


シンプルにカスタマイズ

可愛らしくなったブログを敢えてシンプルに戻すカスタマイズです。
理由は、ブログ内容に合わないからです。

f:id:macromake:20180708003452j:plain

☑️色変更した箇所
・トップページの背景
・ブログタイトルの文字
・プロフィール、カテゴリーの文字
・大見出し、中見出し、小見出し

☑️文字サイズを変更した箇所
・ブログタイトルを小さく
・ブログの記事の中の文字を15pxに


文字色の変更のやり方

test-test-test.hatenadiary.jp
🔽Haruniのデモブログに書かれているコードをコピー
🔽ダッシュボード
🔽デザイン
🔽カスタマイズ
🔽デザインCSSに貼り付け
🔽好みのカラーに変更
🔽変更を保存して完了!


文字サイズを15pxに変更

f:id:macromake:20180708003759j:plain
私がブログを書きやすいのが15pxという理由だけで変更です。文字を小さくすると、さっぱりした印象です。


記事内文字の大きさ変更

こちらの記事を参考にさせていただきました。www.okuni.me
🔽コードをコピー
🔽ダッシュボード
🔽デザイン
🔽カスタマイズ
🔽デザインCSSに貼り付け
🔽好みの文字サイズに変更
🔽変更を保存して完了!


レスポンシブデザインにチェック

f:id:macromake:20180708005600j:plain
🔽ダッシュボード
🔽デザイン
🔽カスタマイズ
🔽レスポンシブデザインを選んでスマホ版ブログの完成!


はてなブログPROなら一覧表示が◎

f:id:macromake:20180708010339j:plain
🔽ダッシュボード
🔽設定
🔽詳細設定
🔽トップページの表示形式
🔽はてなブログRROなら一覧形式を選択出来ます!


ブログ初心者の私でも出来るカスタマイズは、まだまだあるので、また記事にしていこうと思います。
最後までお読みいただきありがとうございました!