- 2008-12-09 (火) 10:33
- WordPress
ヘッダーにはブログのタイトルをテキストで表示するようになっているので取っ払ってロゴ画像を入れてみた。
■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
ロゴ挿入後
テンプレートによって多少違うけど問題なかろうもん。
時間があったら早くデザインを変えたいな。
コメント:1
- ****** 11-08-04 (木) 13:53
- このコメントは管理者の承認待ちです
トラックバック:1
- このエントリーのトラックバックURL
- http://castage.net/blog/change_header/trackback/
- Listed below are links to weblogs that reference
- WordPressのヘッダー部にロゴ挿入 from ホームページ製作・グラフィックデザインならCASTAGE：キャストエイジ｜ブログ
- pingback from ホームページ製作・グラフィックデザインならCASTAGE：キャストエイジ｜ブログ - パーマリンクに.htmlを使うと残念な件 10-03-02 (火) 13:47
-
[...] 新→http://castage.net/blog/change_header/ [...]