検索結果ページの背景変更

  • 解決済 TACCHAN.K

    (@tacchank)


    9年、 5ヶ月前

    検索結果ページの背景を画像に変更したいのですが、どのようにすればよいのかご教示頂けないでしょうか。
    ・search.phpはあります。
    今まで、以下いくつかのcssスタイルにて変更を試みたのですが、背景が全く変わらない状態です。

    .search, .search table td{ background-image: url(http://land.lreic.com/wp-content/uploads/2015/07/home-bg02.jpg); }

    body.search-results { background-image: url(http://land.lreic.com/wp-content/uploads/2015/07/home-bg02.jpg); }

    .gsc-results { background-image: url(http://land.lreic.com/wp-content/uploads/2015/07/home-bg02.jpg); }

    他のページはpage idで背景を指定できているのですが、検索結果ページはpage idが見当たらず、どのように変更すればよいのか分かりません。
    どなたかご教示頂ければ幸いです。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター のむらけい (Kei Nomura)

    (@mypacecreator)

    9年、 5ヶ月前

    まず、HTMLのbody要素に body_classタグはついているか確認し、ついてなければ足しましょう。

    <body>
    ↓
    <body <?php body_class(); ?>>

    という感じです。これをやると検索結果のページでは
    <body class="search search-results">

    という感じで出力されます。
    ただ「以下いくつかのcssスタイルにて変更を試みた」CSSの内容から察するに、おそらくbody_classは出力されているのですよね？

    そうなると何か他の部分のCSSの継承度の方が優っていて、上記CSSが適用されていないとかかもしれません。（そのあたりは実際の状況を見てみないとわかりませんが）

    トピック投稿者 TACCHAN.K

    (@tacchank)

    9年、 5ヶ月前

    mypacecreator 様

    返信が遅くなり申し訳ございません。
    アドバイスありがとうございます！
    body classは間違いなく出力されており、さらに色々なcssパターンで試してみたところ、

    .search .site-content {
background-image: url(http://land.lreic.com/wp-content/uploads/2015/07/home-bg02.jpg);
}

    にてうまく背景を変えることができました！
    ありがとうございました！
    またご質問させて頂くこともあるかと思いますので、今後ともよろしくお願い致します！

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「検索結果ページの背景変更」には新たに返信することはできません。