サポート » 使い方全般 » 検索結果ページのレイアウトについて

  • 解決済 aloes

    (@aloes)


    テーマ「hatch」を使っておりますが、サイト内検索結果ページがトップページのレイアウト(グリッドサムネイル)表示と違うのですが、これをトップページと同じレイアウトで表示したいのですが、serch.phpをいじっただけではうまくいきませんでした。(サムネイル表示はされましたがグリッドではなく一列、タイトルがマウスオーバー表示ではなく通常表示)
    どのような変更をすればよろしいのでしょうか。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • 「serch.phpをいじった」内容がありませんが、サムネイルもリンクもリスト表示できているというのなら、スタイルシートを参照することで可能でないですか。

    こんにちは

    いくつかのホームページ用の CSS (.home) があります。これらを検索結果ページ (.search) にも反映するように追加する必要があります。

    .home .hentry, .archive .hentry, .home .sticky {
    	float: left;
    	width: 23.40425531914894%;
    	height: 150px;
    	margin: 0 2.127659574468085% 20px 0;
    	position: relative;
    	overflow: hidden;
    }

    .home .hentry, .archive .hentry, .home .sticky, .search .hentry, search .sticky {
    	float: left;
    	width: 23.40425531914894%;
    	height: 150px;
    	margin: 0 2.127659574468085% 20px 0;
    	position: relative;
    	overflow: hidden;
    }

    この他にもあります。

    トピック投稿者 aloes

    (@aloes)

    初心者のため的外れな回答でしたら申し訳ございません。
    serch.phpの内容はindex.phpと同じ内容に変えてみた結果でした。

    style.cssのどこをどのようにすればよいかわからず
    スタイルシートを参照とはどのようにすればよろしいのでしょうか。

    宜しくお願いいたします。

    手っ取り早く、body クラスに archive クラスを追加するのも、いいかもしれません。

    例:

    function my_body_class( $classes ) {
    	if ( is_search() ) {
    		$classes[] = 'archive';
    	}
    	return $classes;
    }
    add_filter( 'body_class', 'my_body_class' );
    トピック投稿者 aloes

    (@aloes)

    上記更新で思ってる形にできました!
    また一つ勉強になりました!

    本当に助かりました、ありがとうございます!

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「検索結果ページのレイアウトについて」には新たに返信することはできません。