Luxeritasの検索結果をタイル表示にする

Luxeritasの検索結果のページは、他のアーカイブページのようにはカスタマイズできません。

今回は最小の変更で、横に数列並べて表示される方法を紹介します。

１．search.php を開きます。

２．記事があるかどうかのループを探します。

if( !empty( $s ) && have\_posts() === true ) {
?>

３．そのループの前にタイル表示用のdivタグを挿入します。

<div id="tile-3">

※ tile-3とすると3列、tile-4とすると4列表示になります。

４．ループの終わりを探します。

}
?>

５．ループの後でdivタグを閉じます。

</div>

以上のように、divで囲むことによって、横に並べることができます。
ウィンドウの幅によって、自動的に列の数が変わる、レスポンシブになっています。