るうのたわごと。

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

 

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

元コード: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


  関連記事

title_stb
[£]メモに残した方がいいんだろうなぁ…と思いながら、改造中

久々にPCで書いているるう(@Lugh_)です。 作業はやっぱりiPadじゃ難し …

だららんペンギン
[£]ロリポップで運営しているWordPressの乗っ取り対策?

ロリポップユーザーのるう(@Lugh_)です。 かなり多くのユーザーのWordp …

no image
[£]Stinger2をカスタマイズする -サイドバー見出しのスタイルを変更する-

年長さんの姪っ子と全力で遊んでちょっと腰に来ているるう(@Lugh_)です。 … …

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

TLが騒がしかったので、確認してみたら見事にエラーまみれだったるう(@Lugh_ …

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

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

名刺2
[£] Stingerにテーマを変更してみた

WordPress、上書きインストールからの生還劇(ロリポップ!)を書いていた理 …

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

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

no image
[£]とりあえずPC版!SNSボタンの形をそれとなく揃えてみたよ!

やろうやろうと思っていたことをようやくやりました。 るう(@Lugh_)です。 …

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

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

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

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