A Piece of Paper.

「現実」と「非現実」のはざま。

テーマ選び&ヘッダーのアレンジ!@はてなブログの始め方

いざ、ブログを始めよう!と思っても既存のテンプレートだとなんだかテンションが上がらない。。。

いわゆる、形から入るタイプなので、まずは見た目をイジるところから始めました。

HTMLとかCSSが全くわからない僕でも基本コピペだけでカスタマイズできたので、やってみる価値はアリかと思います。

今回は、このブログを作るにあたって、まずはテンプレートをヘッダーについて書いてみます。

1.テンプレート選び。

このブログは「innocent」というテーマを使っています。

管理画面のデザインの一番下にある「テーマストアでテーマを探す」から入り、探します。

f:id:tachimimi:20170730123749p:plain

テーマ ストア - はてなブログ

ストアと書いてはありますが、無料で使える人気のテーマです。

このテーマをベースにカスタマイズを指南しているサイトも多数あるので、私同様これから始める人には良いかもしれません。

良いなーと思ったテーマでカスタマイズする方法があるか事前に調べてから始めると効率が良いと思います。

※テーマによっては様々なページで載っているカスタマイズの方法がうまく反映されないこともあります。

 

2.ヘッダー画像(ブログの1番上の画像)を変えました。

最近は本当に便利なもので、ググったらほとんど方法が出てきます。

取り掛かる前に大事なポイント。

それは、必ず変更前の状態をメモ帳なりワードなり何でも良いので残した上で変更をすること。

これは絶対やらないとダメです。

立ち戻ることができなくなったら途方にくれちゃいます。。。

 さてさて、ヘッダー画像を変更するためのサイトはたくさんありますが、

その中で参考にしたのは、下のサイトです。

matoyomi.hatenablog.com

この記事はめっちゃ読まれていると思います。

わかりやすいですし、オススメです。

何の画像を使用して作ってもいいですが、素材サイトから拾ってくる場合には商用利用の可否や著作権などなど権利関係はしっかり読みましょう!

あとはヘッダー画像の大きさやテーマの選択によっては空白ができたりするので、空白のスペースを調整します。

akiueo.hatenablog.com

このAIUENO Lab2というサイトは彩りが綺麗で見やすく、運営されている方はWEB制作会社にお勤めということでブログを作る上で参考になる情報が多いサイトです。

 

akiueo.hatenablog.com

はてなブログのカスタマイズに特化したカテゴリもありますので、宜しければご覧ください。

ちなみに、上記のサイトでも使われているコレ。

f:id:tachimimi:20170730125539p:plain

これのことを「グローバルメニュー」とか「ナビゲーションバー」とかと呼ばれています。

カテゴリで設定した項目とリンクして、各エントリ(記事)に設定されたカテゴリに振り分けてくれます。

このことについては、次の記事で書いてみようと思います。

 

たち耳

にほんブログ村 ライフスタイルブログへ
にほんブログ村

にほんブログ村 住まいブログへ
にほんブログ村