るうのたわごと。

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

 

Stinger2を自分なりにカスタマイズしているるう(@Lugh_)です。
本来ならCSSいじるくらいの方がいいくらいの完成度なんでしょうが、それじゃどことなくつまらないので←(ぉぃ)。
ちょうどFIX版が出ていたのと、CSSの色を含めて触りたかったのでメモに残しておきます。
テスト環境を作ってカスタマイズを行っていますので、「バックアップをー」とはいちいち書いていませんが、作業前にはバックアップをしてくださいね。

1.sthinger2をインストールし、カスタムヘッダーをアップロードします。
sthinger2

2.スタイルシートを現在使っているものと差し替える。
sthinger2

3.header.phpをひらき、ソースを編集する。
作業前:205行目から

<div id="gazou-in">

<?php if (is_home()) { ?>
<?php //カスタムヘッダー画像// ?>
<?php if(get_header_image()): ?>
<p id="headimg"><img src="<?php header_image(); ?>" alt="*" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" /></p>
<?php endif; ?>

<?php } else { ?>
<?php //カスタムヘッダー画像// ?>
<?php if(get_header_image()): ?>
<p id="headimg"><a href="<?php echo home_url(); ?>"><img src="<?php header_image(); ?>" alt="るうのたわごと。" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" /></a></p>
<?php endif; ?>
<?php } ?>
</div><!-- /#gazou-in -->

作業後

<div id="gazou-in">

<?php if (is_home()) { ?>
<?php //カスタムヘッダー画像// ?>
<?php if(get_header_image()): ?>
<p id="headimg"><a href="<?php echo home_url(); ?>"><img src="<?php header_image(); ?>" alt="*" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" /></a></p>
<?php endif; ?>

<?php } else { ?>
<?php //カスタムヘッダー画像// ?>
<?php if(get_header_image()): ?>
<p id="headimg"><a href="<?php echo home_url(); ?>"><img src="<?php header_image(); ?>" alt="*" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" /></a></p>
<?php endif; ?>
<?php } ?>
</div><!-- /#gazou-in -->

4.カスタムヘッダ画像にリンクが貼られる。
Stinger2

以上、「るうのたわごと。」的カスタマイズその1でした。

 - ぶろぐ, めも , ,

admax300-2

admax300-2

Message

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

CAPTCHA


  関連記事

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

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

no image
[£]Googleカレンダーの重複をOutlook2007を使って整理してみた

画像の準備をしはじめたらそれだけでお腹いっぱいになったるう(@Lugh_)です。 …

danbou
[£]”するぷろ”既存エントリーBANからの生還劇

Androidではモブログし難いよね、と思っているるう(@Lugh_)です。 う …

wpid-rps20131109_212934_421.jpg
[£]UP by Jawbone、表面割れ交換してみた

Jawboneの表面が割れかけていたので問い合わせした結果、昨日交換機が届きまし …

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

随分形ができてきたような、そうでないような…。 ざっくりと形を整えるべく、タイト …

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

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

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

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

no image
[£]Xperia SX(Android) でモブログ環境を作ってみた!(試行錯誤中)

最近、Wordpress公式アプリでブログ更新をしているるう(@Lugh_)です …

wp1
[£]Android端末でモブログ環境を整えてみたかった…

基本的に手元でできるものは手元でやりたいるう(@Lugh_)です。 以前は絵日記 …

wpid-rps20131208_103047.jpg
[£]QUOカードの残高はあるのに使えない!なので、再発行してみた!

よく使うコンビニはLAWSONなるう(Lugh_)です。 頂き物のQUOカードが …