るうのたわごと。

[£] タイトルを画像に変更する

 

随分形ができてきたような、そうでないような…。
ざっくりと形を整えるべく、タイトルを画像に変えてみます。

元コード:header.php

	<div class="alignleft">
		<h1 id="logo"><a href="<?php echo home_url('/'); ?>"><span><?php bloginfo('name'); ?></span></a></h1>
		<p id="description"><?php bloginfo('description'); ?></p>
	</div>

を、

	<div class="alignleft">
		<h1 id="site-title-logo">
		<span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' )); ?>" rel="home">
		<img src="タイトルロゴのURL" width="179" height="58" /></a></span></h1>
	</div>

に変更。

style.cssも追加

#site-title-logo {
width: 179px;
height: 58px;
text-align: left;
margin-top: 40px;
margin-bottom: 40px;
}

#site-title-logo img{
	border: none;
}

ついでに、ソースコードを表示するプラグインも導入しておきました。
ちょっと設定いじらなきゃですが。

 - ぶろぐ

admax300-2

admax300-2

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


  関連記事

no image
[£]Stinger2をカスタマイズする -サーチボックスのスタイルを変更する-

今日は何を書こうと思っていたのかをすっかり失念しているるう(@Lugh_)です。 …

no image
[£]Stinger2をカスタマイズする -「続きを見る」のスタイルを変更する-

カスタマイズで検索に来て下さる方もちらほら居てくださるのが励みになっているるう( …

no image
[£]Feedlyボタンをつけてみた

るう(@Lugh_)です。 最近使い出したFeedly用のボタンを設置してみるこ …

no image
[£]ウェブマスターツールがエラー(hentry)まみれだったので修正してみた:その2

先日施したエラーの結果が思わしくなかったので、少し方法を変えてみました。 先日の …

Xperia SX with Danbou
[£]WPTouch(フリー版)をAndroid4.1に対応させてみた

一つ進んだら一つ問題が起きてる気がするのはきっと気のせい…と思いたいるう(@Lu …

ロリポップユーザー画面1
[£]WordPressのログイン画面にエラー発生した時の対処方法(ロリポップ)

地道なPHPソース書き込みの毎日を過ごしているるう(@Lugh_)です。 昨夜は …

だららんペンギン
[£]WordPress、上書きインストールからの生還劇(ロリポップ!)

仕事柄「バックアップはしっかり取ってください」とよく言っているるう(@Lugh_ …

no image
[£]STINGER3、ウィジェットがうまく編集されない場合はテーマを変えてみるといいかも?

と、言うことを書こうと思ったら事象が再現しなかったるう(@Lugh_)です。 い …

やきど。
[£]改めまして、「るうのたわごと。」です。

改めまして、「るうのたわごと。」著者のるう(@Lugh_)です。 大まかなところ …

no image
[£]Stinger2をカスタマイズする -ヘッダタイトル画像にリンクをはる-

Stinger2を自分なりにカスタマイズしているるう(@Lugh_)です。 本来 …