るうのたわごと。

[£]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
[£]STINGER3、ウィジェットがうまく編集されない場合はテーマを変えてみるといいかも?

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

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

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

UP by JAWBONE
[£]UP by JAWBONEをリセットする

ちょっと運動不足気味なるう(@Lugh_)です。 今月18日からUP by JA …

アイスティの作り方。
[£]簡単、アイスティの作り方

コーヒーより紅茶派のるう(@Lugh_)です。 暑い季節になってきたので、職場で …

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

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

no image
[£]京都グルメマップを作ってみた!…だけですよ?

迷子属性のるう(@Lugh_)です。 Twitterのお友達で「京都に行きたい! …

no image
[£]スーパーマリオがもらえるキャンペーンは2014.1.20まで!ニンテンドーネットワークIDを登録してみた

ネットワークIDは実は私にとっては不要なんじゃないか…と思ってしまったるう(@L …

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

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

no image
[£]Stinger2をカスタマイズする -個別記事ページ各種見出しのスタイルを変更する-

日中もマニュアルを作っていた気がするるう(@Lugh_)です。 いろいろ大変です …

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

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