レスポンシブルテンプレートのヘッド画像

エントリーページやカテゴリーページでトップページと異なるヘッド画像を表示させる方法。

 

レスポンシブテンプレート(シンプル)\orange\1カラム を選んでいます。
サイト全体設定では ヘッダー画像は インテリア01_オレンジ.jpg を選択しています。

 

レスポンシブテンプレート SIRIUS ヘッダー画像

 

エントリーページのヘッダー画像は トップページとは異なるヘッダー画像、ファイル名commn7_02_green.jpg を採用するとします。

 

 

レスポンシブテンプレート SIRIUS ヘッダー画像

 

サイズはトップページのヘッダー画像と同じ900×200です。

 

 

このままエントリーページやカテゴリーページの ヘッダー画像をトップページと異なるヘッダー画像を選んでも、トップページと同じ インテリア01_オレンジ.jpg が表示されてしまいます。
レスポンシブテンプレートの エントリーページやカテゴリーページの ヘッダー画像をトップページとは異なるものを選ぶにはどうすれば良いでしょう。

 

 

1.HTMLソースコードの置き換え

「テンプレート」→「HTMLテンプレート」→「カテゴリーページ」「エントリーページ」タブを開きHTMLソースコードの中から 

 

<img src="<% pageDepth %>img/header.jpg"> 

を探し出して

 

<% pageHeaderImage2 %>

 に置き換えます。

 

2.ヘッダー画像設定

 

エントリーページ/詳細設定/ヘッダー画像で commn7_02_green.jpg を選択すると

 

入力エリアが

<a href="<% pageDepth %>img/commn7_02_green.jpg"><% pageDepth %>img/commn7_02_green.jpg</a>

 

となっているところを

<% pageDepth %>img/commn7_02_green.jpg

に置き換えます。

 

以上です。

関連ページ

Testentrypage02