HOME フォーラム BizVektor 固定ページ、投稿ページにそれぞれトップページと異なるヘッダー画像を表示したい

このトピックには2件の返信が含まれ、2人の参加者がいます。3 年、 2 ヶ月前 jam さんが最後の更新を行いました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #2472

    jam
    参加者

    WordPress、PHPに関しては全くの初心者です。

    Version 1.2.0
    WordPress 4.0

    テーマはDefaultを使用しています。
    ヘッダー画像(ロゴではありません)を固定ページ、投稿ページそれぞれにも設定したいと思っています。
    子テーマを作り、header.phpとpage.phpを複製するまではたどり着いたのですが、どこを書き換えれば良いか分からず行き詰まってしまいました。

    使用したいヘッダー画像は外観→ヘッダーからトップ用、固定ページ用、投稿ページ用と3種類アップ済みです。

    ご教授願います。よろしくお願いいたします。

    #2531

    mtac
    参加者

    フィルターをいじらずに、ご依頼内容を達成する方法は、次の通りではないでしょうか?

    まず、フロント(トップ)ページのソースを参照します。
    下記の部分がヘッダー画像を表示するタグです。

    <div id=”topMainBnr”>
    <div id=”topMainBnrFrame”>
    <div class=”slideFrame”>
    <img src=”http://・・・・・・・・.jpg” alt=”” />
    </div>
    </div>
    </div>

    header.phpの中に次の構文があります。
    これが、フロントページだけ、ヘッダー画像を表示させるものです。

    <?php echo get_biz_vektor_header_image_home();?>

    子テーマの中のheader.phpのこの構文の下に、条件分岐タグといっしょに、上記構文を記載すれば、お望みの画像が表示されます。ページとか投稿とかに表示したい画像は、メディアの中から探してきて、img scrタグの中でそのアドレスを指定してください。

    例えばすべての固定ページに画像を表示させたいときは次のとおりです。

    <?php if ( is_page() ) { ?>

    <div id=”topMainBnr”>
    <div id=”topMainBnrFrame”>
    <div class=”slideFrame”>
    <img src=”http://(メディアのアドレスを記載)” alt=”” />
    </div>
    </div>
    </div>

    <?php } ?>

    個々の投稿ページに表示したい場合は is_page() を is_single() とすれば良いです。

    後は、classタグ、idタグといっしょに、スタイルシートで、スタイルを整えていただければ良いのではないでしょうか?

    注:「<」「>」はすべて全角にして記載しています。

    #2600

    jam
    参加者

    mtacさま

    ありがとうございます。ページのソースを見ると良いのですね!
    大変わかりやすくご説明いただきありがとうございます。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

このトピックに返信するにはログインが必要です。