• 解決済 shimo-kame

    (@shimo-kame)


    ワードプレス初心者です
    各固定ページのタイトルを違う画像でしたいのですが出来ません
    (スタイルシートで背景の画像を指定しましたが、画像がリサイズされないので違う方法をやりたいです)

    タイトルの画像は表示されるのですが、画像の背景にCSSの色がついて、さらに下にタイトル名が入ってしまい困っています。

    よろしくお願いいたします

    content-page.phpの内容です

    <article id=”post-<?php the_ID(); ?>” <?php post_class(); ?>>
    <header class=”entry-header”>
    <h1 class=”entry-title”>
    <?php // アクセス
    if(is_page(‘2308’)): ?>
    <img src=”http://xxx/img/access-2.jpg&#8221; />
    <?php // プライスリスト
    elseif(is_page(‘2164’)): ?>
    <img src=”http://xxx/img/pricelist.jpg&#8221; />
    <?php // ショップ
    elseif(is_page(‘2166’)): ?>
    <img src=”http://xxx/img/shop.jpg&#8221; />

    <?php endif ?>
    </h1>

    <h1 class=”entry-title”><?php the_title(); ?></h1>
    </header>

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • どのようにCSSを指定されているか分かりかねますので、画像の切り替えと色については触らないでおきますが

    <header class="entry-header">
    
    <?php // アクセス
      if(is_page('2308')): ?>
      <h1 class="entry-title">
        <img src="http://xxx/img/access-2.jpg" />
      </h1>
    <?php // プライスリスト
      elseif(is_page('2164')): ?>
      <h1 class="entry-title">
        <img src="http://xxx/img/pricelist.jpg" />
      </h1>
    <?php // ショップ
      elseif(is_page('2166')): ?>
      <h1 class="entry-title">
        <img src="http://xxx/img/shop.jpg" />
      </h1>
    <?php else: ?>
      <h1 class="entry-title"><?php the_title(); ?></h1>
    <?php endif; ?>
    
    </header>

    で、ページごとにh1に何かclassをつけるなりした方が分かりやすいのではないでしょうか。ちなみに上記だと本来ページタイトルが入るところを画像に差し替えただけになってしまっているので、画像の属性にページタイトルをつけてあげるなりしてください。

    一番下のelse: ~ endif;は、条件にマッチしなかった場合はテキストタイトルを表示する処理です。

    トピック投稿者 shimo-kame

    (@shimo-kame)

    EisukeAkimotoさんありがとうございます。
    何とかできました!
    phpも勉強していきます

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「各固定ページのタイトルを違う画像でしたい」には新たに返信することはできません。