WEBデザインDTPデザイン個人レッスン

イラストレーターの家庭教師で勉強しよう

DTPデザイナーWEBデザイナーココフラッはデザイン制作や個人レッスンをご提供。自由な時間に東京カフェや会社ご自宅でグラフィックソフト、イラストレーターやフォトショップ、ワードプレスやホームページ制作の勉強、マンツーマンの個人指導でスキルアップ。
初回無料体験レッスン! Skypeレッスンは全国対応

  • Photoshop
  • Illustrator
  • Dreamweaver
  • Wordpress
  • Html+css

人気のコンテンツ

ワードプレステーマをカスタマイズの学校
ウェブ作成の指導は女性出張講師
ウェブ作成教室で勉強するならデザイン教室
初心者入門講座の個人レッスンデザイン教室

WordPress 検索一覧のアーカイブページのみ記事表示数を変える方法

ワードプレスで検索した時の一覧ページで、表示数を他のアーカイブページと別にする設定

イラストレーターやフォトショップ、Webデザイン WordPressの個人レッスン学校。出張スカイプで東京~全国対応。無料体験レッスン、入会金無料特典あり。

ウェブサイトを見ていて、調べたい特定のワードを入力して、サイト内で調べることあると思います。そんな時サイト内検索を使いますが、検索キーワードで調べた時は一度に見比べたくありませんか?

ページネーションの2ページ目や他のページに飛ぶのって、ほぼないんじゃないかなと思いまして。

クライアントから自分が受けたレッスン一覧が見たいけど、どうしたらいいですか?と相談され、これを機に適当に作って放置していた「検索一覧ページ」をカスタマイズすることにしました。その備忘録です。
 

 
 

1、テーマの確認

WordPress子テーマフォルダ内の「functions.php」ファイルに書き加えます。
子テーマがない際は、まずは子テーマを作って下さい。

もし子テーマ設定がまだの場合は↓こちら参照
『で、結局WordPressってなんなんだ?!「子テーマ作成」中級編』

 *作業前にはバックアップを取って下さい
 
今回私のテーマは、自作でPHPを打って作っているので子テーマは要らず、
そのまま「functions.php」に加筆します。
 
 
 

2、functions.php に新たに記載する

functions.php にこちらのコードを書き加えます。
↓ 30のところを、表示したい数にします
$query->set( 'posts_per_page', 30 ); // ←表示件数を変更
 


//検索で上がる記事数を指定する
function my_pre_get_posts( $query ) {
  if ( is_admin() || !$query->is_main_query() ) {
    return;
  }
  if ( $query->is_search() ) {
    $query->set( 'posts_per_page', 30 ); // ←表示件数を変更
  }
}
add_action('pre_get_posts','my_pre_get_posts');

 
 

3、serach.php って?

検索のアーカイブページである記事一覧ページは「serach.php」となります。
ない場合は、index.php が代替します。

テーマ作成の際、serach.php をとても適当に作っていたので、他のアーカイブページと同じように表示させることにしました。

まず、archive.php をコピーしまして、h1タイトル表示だけ検索の結果としての文言が出るようにしました。
 ?php the_search_query(); ? が、検索文言を吐き出します。


<h1 class="titlesizes">「<?php the_search_query(); ?>」の検索結果</h1>

 
例えば、検索窓に「イラストレーター レッスン」と入力し探した際には、タイトルは
「イラストレーター レッスン」の検索結果 と出力されます。

 

ずっと気になっていた検索一覧表示でしたが、やってみたら案外すぐに出来ました。よくあることですが、さっさとやってけば良かったと思いました。w

 

 
朝日新聞がオススメする専門家サイト「マイベストプロ 東京」ただいま掲載中!パソコン教室・スクール・講座/制作・クリエイティブ/ホームページ制作/WEBマーケティング/WEBサイトやDTPデザインの困り事を解決、相談できる専門家

 

check!

お問い合わせはこちらからどうぞ
レッスンについてはこちらからどうぞ