バナー画像を入れてみる

このブログは、コンテンツは写真ばかりなのだが、ブログ自体はテキスト中心のシンプルなものだ。ということで、少し飾ってみようかということで、まずはバナー画像を配置してみることにした。

Banner_01

まぁ、バナー画像といっても、変わったフォントを使ったタイトルを配置するくらいで、特に見映えのするものでもない。これから、画像自体は凝ったものにしていくということで、まずはテンプレート側の準備をする。

最初にテンプレートを作ったときには、文字のみ、画像なしという指定で作ったので、テンプレート自体がそういう作りになっていない。そこで、バナーに画像を置くために、テンプレートをいじくる必要がある。とはいえ、どのように変えればよいかはわからないので、画像を置くテンプレートをダミーで作成し、そのテンプレートから必要な記述を持ってくればよいということだ。

さっそく調べてみると、インデックスページなどのテンプレートには、違いは生じない。違いは、スタイルシートのみのようだ。そこで、バナーに関連するスタイルシートをコピーしてやると、あら不思議、文字のタイトルは消え失せて、画像のみとなる。

Banner_make_01

画像の作成自体はPhotoshopなどを使って行うので手慣れない部分もあるが、徐々に勉強していくつもりだ。

コメント