当ブログ『つれづれ電脳記（日くらしPCに向かひて）』ページのデザインテンプレート、つまりテーマを、つい先日、従前のものから別のものに変えました。ページデザインの着せ替えです。
新しいテーマでは、［プロフィール］や、［月別アーカイブ］など、これまで右側サイドに配置されていた項目が、画面下部に配置されています。それによって、記事掲載エリアが格段に広くなりました。
［プロフィール］項目に連動して、管理人のgoosyunロゴマークもページ最下部に移りました。記事掲載エリア拡大のために、プロフィール等のページ下部への移転は歓迎です。ただ、ロゴマークだけは、できればページ上部にあるのがいいなぁ、ってのはあります。
そこで、ブログページのヘッダエリアに、ロゴマークを入れることにしました。
ヘッダとは、ブログページの一番上に表示される領域で、ここにブログ名（ブログタイトル）を表示します。
先日変えた新たなテーマでは、ヘッダにはブログ名などのテキストのみとなっています。そのヘッダに、テキストに加えてロゴマークの入った画像を掲載することにしました。
そして、今回のヘッダ変更作業の『ビフォー・アフター』は、次の画像のとおりです。
上掲の画像のように、ブログ名の頭に、goosyunロゴマークを入れてみました。
はてなブログのヘッダに画像を設定する手順は、次のとおりです。
- ダッシュボードを開く
- デザインをクリック
- カスタマイズタブ（スパナのアイコン）をクリック
- 『ヘッダ』をクリック
- 『画像をアップロード』の『ファイルを選択』をクリック
- 自分のPC内の画像を選択して「開く」をクリック
- 表示させたい部分を調整の上、『適用』ボタンをクリック
- プレビューで確認
- 『変更を保存する』ボタンをクリック
以上の手順で、ヘッダエリアに、好みの画像が設定されます。
なお、上記手順中９番目の『変更を保存する』ボタンをクリックする前には、タイトルテキストも表示させるか、画像のみを表示させるか、いずれかの選択ができます。
『表示設定』の項目にある
- 画像とテキストを表示
- 画像だけ表示
その、どちらかを選べばよいわけです。
今回は、ヘッダに画像とテキストの両方を表示させる設定にしました。
今回は結局、没としましたが、画像のみを表示させる次のようなヘッダも作ってみました（ブログタイトル等はテキストではなく、画像として作成しています。）。
この『はてな』ブログは、ページのデザインを好に応じてカスタマイズできて、自由度が高いサービスのようです。
ただ、カスタマイズは自由にできるにしても、センスのよいデザインに仕上げることができるかどうかは、また別の次元となりますが。
それではまた次の記事で。
goosyun
