無事にWordPressのインストールし、テーマを選定。私が今回選んだのは

Lively Blog ? WordPress Theme?Blue Idea

理由は、前回使用していたブログ・馬鹿ラッチの青の雰囲気を引き継ぎたかったから。しかし、表示がうまくいかない。そして、そこからまたモニターとの長時間にわたるにらめっこの開始。

まず一つはCSSの問題。このテーマは.cssファイルとそれを実行するJavaScriptファイルである.jsファイルを別途ルートに置くのだが、.jsファイルの中の.cssファイルへのパス通しの記述を間違えていて(もちろん作者ではなく、私が)、つい先程まで、記事の周りの囲み部分が四角くなっていた。現在はちゃんと直して、全て同じ丸みを帯びた調和の取れたデザインになっている。

まあ、人のブログを見て、自分も全く同じテーマを使おう、という人はまずいないだろうが、もしこのテーマを使いたいという人がいたら、テーマの設定が他のより若干ややこしいので分からない場合は遠慮なく私にご連絡を。

もう一つはhtmlの問題。ちょっと分かりづらいかもしれないが、このブログでは右上のバナーを押してもらうとホームに戻れる。で、元あった画像をちょちょいとイジッて、代わりにリンク付きバナーを設置。Safariで見たところ、特に問題なし。ところが、Firefoxで見ると、バナーの周りにくっきりと白い縁取りが・・・。もちろんデザイン的に台無しである。そんな訳で、cssの設定を隈無く調べたのだが、どうにも問題点が見つからない。

そんな訳で、ひたすらネットの海を漂っていると、htmlの画像を表示させるタグである<img />タグの説明で、属性に”border=0″というのを加えると周りに余計なスキマがなくてスッキリ、みたいなことが書いてあったので、試しにやってみると、ようやくFirefoxでも縁取りが取れた。

ちなみにこのborder属性は現在では推奨されていないらしいので、cssで指定し直した。詳細は下記の参考サイトをご参照あれ。

・・・単なる日記を続けるつもりだったのだが、ここまでほとんどWordPressの話ばかり。まあ、サイト運営が落ち着くまではしばらくこんな感じになるかな。

参考サイト：スタイルシート［CSS］/イメージ/枠線を指定する – TAG index