検索結果の表示だけ全文表示にしたい

PR 2015/2/20

このトピックには5件の返信、2人の参加者があり、最後にkarenにより11年、 2ヶ月前に更新されました。

5件の返信スレッドを表示中

投稿者

投稿
- 2015年2月20日 11:57 PM #21552
  
  karen
  ゲスト
  
  先日からSimplicityを導入しようと悪戦苦闘しています。
  バージョンは1.5.0gです。
  
  一覧表示の際に、デフォルトのタイル表示が綺麗なので
  こちらをメインで使いたいなと思っているのですが、
  検索結果の一覧についてはいちいちクリックすると
  大変なので全文表示をさせたいと思っています。
  
  list.phpの一覧の繰り返し処理のところで制御している
  ようでしたので細工してみましたが、全文表示はできるのですが
  スタイルシートが全文表示用にならないようです。
  
  今度は検索の際に使用しているスタイルシートを探してみたのですが、
  これが見つからず困っています。
  どこで制御を行っているか分からないので、教えて頂けないでしょうか。
- 2015年2月21日 11:14 AM #21569
  わいひら
  キーマスター
  list.phpの以下の部分の
```
    if ( is_list_style_bodies() ) {//一覧表示スタイルが本文表示
      get_template_part('entry-body');//一覧表示スタイルが本文表示の場合
    } else {//サムネイルカードか、大きなサムネイルカードの場合
      //一覧表示スタイルがカードor大きなサムネイルカード表示の場合
      get_template_part('entry-card');
    }
```
  以下の部分を、is_searchで条件分岐して、
  get_template_part('entry-card');
  
  検索画面の場合（true）は、以下のコードを呼び出せば良いのではないかと思います。
  get_template_part('entry-body');
- 2015年2月22日 2:29 PM #21616
  
  karen
  ゲスト
  
  回答ありがとうございました。
  
  その部分は私も変更して本文表示用のコンテンツは取れているのですが、
  レイアウトがおかしなことになっています。
  
  こちらでご確認頂けます。
  （Html保存がうまくいきませんでした・・・）
  http://purepure.wp.xdomain.jp/?s=%E3%82%B5%E3%83%B3%E3%82%B7%E3%83%A3%E3%82%A4%E3%83%B3
  
  ChromeとIEで同様の症状が発生しています。
  
  内容
  ・#mainの縦の大きさが記事１つ分？くらいしかない。
  ・記事下の広告の位置設定がおかしい。本文の最初の記事と重なる。
  ・横幅を狭くしたときに、サイドバーが本文と重なってしまう。
  
  カスタマイズで本文表示を選んだ場合は綺麗に表示されるので不思議です。
  よろしくお願いいたします。
- 2015年2月22日 3:36 PM #21619
  hidekichi
  ゲスト
  これらは僕も困った部分です。
  なぜそうなるか、答えは単純で、floatしてmainが入っているためmainを囲むブロックに高さがないからです。
  よって高さを加えればおそらくfooterも記事に重ならなくなると思いますが、これがまた色々難儀な所です。
  mainがそれを囲むブロックを押し広げてくれるだけでも改善されるかも知れません。
  
  >横幅を狭くしたときに、サイドバーが本文と重なってしまう
  これは現在自分のサイトでもなりますが、対策の一つのアイデアとして、jQueryでwindow resizeの時、サイドバーを回りこませるかどうかを判断する必要がありそうです。あるいはウィンドウのサイズが変わったらリロードしてブラウザにウィンドウの横サイズを検出させるかでしょうか。
  
  >#mainの縦の大きさが記事１つ分？くらいしかない。
  これが僕の意図とは違うかも知れませんが、前述したmainを囲むブロックに高さをもたせるで解決できるかも知れません。ウチのサイトはクラウドさんをクリックするとメインが裏返るなどと変なギミックを入れていたりするので、コピペで説明できるスクリプトが書けませんが、
```
var main = $("#main");
$(window).on("load", function(){
	var inEleHeight = main.get(0).clientHeight + 60; //60はフッター上の本来のマージン
	var inSideHeight = $("#sidebar").get(0).clientHeight;
	if (inEleHeight > inSideHeight){
		$("#body-in").css({ height : inEleHeight });
	} else {
		$("#body-in").css({ height : inSideHeight });
	}
});
```
  こんな感じのスクリプトがあったりしました。改善するアプローチは色々とあるかと思いますが、ページを構成するhtmlとcssをフレキシブルboxと言うか、いわゆるcssのboxで作りなおすと言うのが案外思い通りになりそうな感じもします。
  boxでアレば、位置をサイドバーやメインの位置を自由にできますし、フレキシブルにサイズも変更できますよね。ただ大幅な改造が必要になると思うので、大変な作業になるかも知れません。問題はたいていイケるにせよ、boxに対応しているブラウザが必要と言うことでしょうか。
  
  boxについては、若干重いサイトですが、ここらを参考に。
  CSS3のFlexboxを基本から理解して、使い倒そう！(LIG INC.)
  
  自分サイト: blazechariot
- 2015年2月22日 9:21 PM #21621
  わいひら
  キーマスター
  自分で、今、実際に以下のようにカスタマイズしてみたのですが、うまく表示されているようです。
```
    if ( is_list_style_bodies() ) {//一覧表示スタイルが本文表示
      get_template_part('entry-body');//一覧表示スタイルが本文表示の場合
    } else {//サムネイルカードか、大きなサムネイルカードの場合
      //一覧表示スタイルがカードor大きなサムネイルカード表示の場合
      if (is_search()) {
        get_template_part('entry-body');
      } else {
        get_template_part('entry-card');
      }
    }
```
  同様の現象が再現できない以上、ちょっと原因も解決方法もわからないです。
- 2015年2月23日 3:21 AM #21628
  
  karen
  ゲスト
  
  頂いたソースは私の修正と全く同じなのですが、
  念のため完全コピーで試してやっぱり変わらずです。
  （今は頂いたソースで動いています）
  
  不思議です・・・。
  
  試しにキャッシュを全て無効にしてみましたが、
  これでも変わらないです。
  
  記事が読めないわけではないですし、
  ガリガリと修正するのはさすがに厳しいので
  とりあえずこのまま放置して直るのを待ってみます。
  
  すみません、ご協力有難うございました。
投稿者

投稿