ホームページ製作・グラフィックデザインならCASTAGE：キャストエイジ｜ブログ » タイトル http://castage.net/blog Just another WordPress weblog Sun, 17 Apr 2011 07:34:30 +0000 ja hourly 1 http://wordpress.org/?v=3.1.1 WordPressのヘッダー部にロゴ挿入 http://castage.net/blog/change_header/?utm_source=rss&utm_medium=rss&utm_campaign=change_header http://castage.net/blog/change_header/#comments Tue, 09 Dec 2008 01:33:06 +0000 admin http://castage.net/blog/?p=10 ヘッダーにはブログのタイトルをテキストで表示するようになっているので取っ払ってロゴ画像を入れてみた。

■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

ロゴ修正後

ロゴ挿入後

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

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

]]> http://castage.net/blog/change_header/feed/ 1