WordPress Archive

ヘッダーにはブログのタイトルをテキストで表示するようになっているので取っ払ってロゴ画像を入れてみた。

■BEFORE

修正対象ファイルは

/wp-content/themes/テンプレート名/style.css

/wp-content/themes/テンプレート名/header.php

の2つのァイル。

1. ロゴ（blogtitle.png）を作成。

2. 作成したロゴを/wp-content/themes/テンプレート名/imagesに保存。

3. style.cssに追加定義

#header-logo {

height: 238px;

vertical-align: top;

background: url(images/blogtitle.png) no-repeat left;

}

4. header.phpの修正

<div>

<h1><a href=”#”><?php bloginfo(’name’); ?></a></h1>

</div>

を

<div id=”header-logo”></div>

に変えてアップロードするだけ。

煮るだけ。

■AFTER

テンプレートによって多少違うけど問題なかろうもん。

時間があったら早くデザインを変えたいな。

Lightboxは画像をワシャっとかっこよく見せるAjaxで最近よく見かけますよね。

私も某役所の引合斡旋システムを構築したときに使いました。

結構素敵なのでWordPressに導入しようとごっごったらとても楽なのね。

1. http://zeo.unic.net.my/notes/lightbox2-for-wordpress/から最新版を入手（2008/12/09時点での最新版はVersion 6.0.3）

2. 解答してできたフォルダ[wp-lightbox2]を/wp-content/plugins/にアップロード

3. 管理画面 -> プラグインから「WP Lightbox 2」を有効化

以上。

rel=をいじったりとかパスを環境に合わせて設定とか一切必要なし。

煮るだけ。