こふすログ

ブログ「degitekunote2」の中の人(こふす)が書く雑食系ライフブログ。ガジェット、PC、ものづくり、レアチーズが好物です。

【はてなブログ始めました】という方にお送りしたい最初に行いたいカスタマイズの仕方(テーマ選択&ロゴ&ファビコン編)

f:id:cofuslog:20141216080925j:plain

ブログを始めてまず最初にしたいのがデザインのカスタマイズでしょう。

私も先日このブログをはてなブログにて作り、ちょくちょくいじり始めていますがはてなブログは思っているより自由度が高く、これWordPressか?と思ってしまうぐらいバリバリにカスタマイズしているブログも多数見受けられました。

この記事ではまず最初に是非しておきたいカスタマイズポイントを3つチェックしてみます。

数は少ないけどしっかりしたテーマはあるぞ!

無料ブログサービスの中で一番選べるテーマの数があるのはFC2ブログですが、品質や作り込みはと聞かれるとそうでもないものも実は多いことがあります。これはライブドアブログでもそうなんですが、はてなブログのテーマは少ない代わりにしっかりと作りこんでいるものが多いです。

狙い目は以外にも公式に配布されているテーマです。テーマストアにて探してみましょう。テーマ ストア - はてなブログ

選ぶテーマの基準としてはレスポンシブデザインかとか、更新の多さとか、カラム数とか等。カラムメニューの「利用中のブログ」からテーマを使用しているブログにアクセスして様子を見てみるのもいいですね。

よっぽどじゃない限り一からテーマを作るなんてことはないと思うので、最初にしっくり来るテーマを探して、そのテーマを自分仕様に染めていくようなカスタマイズの仕方がいいと思います。

ちなみにこのブログ「こふすログ」はSimple Gray - テーマ ストア - はてなブログというテーマを使用しています。

ブログのロゴを設定しよう

ブログのロゴをすでに用意しているという方は早速設定していきましょう。まだロゴを作っていない&イマイチピンと来ないという方は「ブログ ロゴ」や「ロゴ デザイン」などと検索してロゴについての知識を深めましょう。こちらを参考にするといいかもしれません。


デザインの参考にしたい素敵な日本語のロゴ20選 | 株式会社LIG


思い通りのロゴを作成できる便利な方法|Wix 公式ブログ


【Logo】ロゴをデザインする時に参考になるサイトまとめ - NAVER まとめ


自分がロゴデザインをするときに意識していること | 279-design


ロゴデザインの参考に!ピンタレストにまとめられたロゴデザインのボードまとめました | Webデザインクリップ

またロゴデザインに使用するソフトウェアにはフリーのinkscapeというベクタースケッチソフトがお勧めです。ベクターデザインを初めて触る方はIllustratorより取っ付き易くていいですよ。


InkscapeでDesign - Inkscapeの使い方 - もくじ


Inkscaper ~Inkscapeの使い方~

ロゴ設定の仕方

まずははてなブログの設定にアクセスし、デザイン > カスタマイズ(スパナアイコン) > ヘッダと移動します。

f:id:cofuslog:20141216130721j:plain

参照よりロゴ画像を選択しアップロードします。ロゴ画像のサイズは縦が200px~300pxぐらいにして実際に表示しながら調整するのがいいでしょう。テーマによっても変わりますしね。

アップロードするとクロップ画面になるので必要ならば位置などを調整しましょう。ちなみにロゴではなくヘッダー画像にする時もこちらから設定します。

表示してみて問題なければOKです。表示設定から「画像だけ表示」のラジオボタンにチェックするのもお忘れなく。

ファビコンも絶対設定するべし

以外にも忘れがちなファビコンですが、勿論大事なデザイン要素になります。絶対設定しましょう。ファビコンって何だ&重要性については私が以前書いた記事を御覧くださいまし。【速報】Google 3年ぶりにファビコン変わる!

まずははてなブログの設定にアクセスしましょう。設定 > 詳細設定(カラムメニュー)と移動します。ブログアイコンというのがいわゆるファビコンになります。

だいたい150px当たりでファビコンを作成し、参照よりアップロードします。これだけで設定は完了。ちなみに下のアイキャッチ画像というのは記事のサムネイル画像のことです。設定しなければ記事中の最初の画像が自動的に設定されるようです。

f:id:cofuslog:20141216132247j:plain

ファビコンを設定したら是非ブログを開き、タブを確認してみましょう。私の場合はロゴに使われているシンボルマークをファビコンに設定してみました。

f:id:cofuslog:20141216132952p:plain

表示域が小さいので縮小しても見やすいデザインが良いでしょう。

ちなみに設定したファビコンはモバイルテーマのロゴにも使われます。

f:id:cofuslog:20141216133208j:plain

 

いかがでしたでしょうか。これはブログ歴4年だからこそわかることですが、ブログを始めるにもまずは愛着を持つことが意外と長続きする秘訣だったりします。今回紹介した(テーマの選択、ロゴの設定、ファビコンの設定)のこれだけでも設定するのとしないのとではデザインが大きく変わりますので、是非これからはてなブログを始めるよという方はチェックしてみてはどうでしょうか!!

素敵なはてなブログライフを~