投稿記事の一覧の表示数はレイアウトか設定から変更することが可能です。
ただこの値は検索結果やラベル表示には反映されず、初期状態であれば20件表示されてしまいます。
本記事では検索結果やラベルの表示件数をHTML編集で変更する方法を解説します。
HTMLの編集手順
左のメインメニューから【テーマ】を選択し、カスタマイズ横の【▼】をクリックして【バックアップ】をしましょう。
それが終わったら、同じ画面の【HTMLを編集】をクリックして編集画面を開きます。
HTMLの編集画面では、Ctrlキー+FキーでSearch: という検索欄を表示させることで検索ができます。
HTMLの編集が終わったらプレビュー画面で確認して、保存をします。
検索結果の表示件数変更方法
HTML編集画面で<b:include name='searchSubmit'/>を検索します。
その直ぐ下に以下のコードを挿入します。
<input name='by-date' type='hidden' value='true'/>
これで、表示件数は10件になります。
10の部分を変更すれば、表示件数を変更することも可能です。
また、このコードを挿入したことにより公開日順に並ぶようになります。
ラベルの表示件数変更方法
HTML編集画面右上のウィジットに移動を選択します。
そこから投稿ウィジットを選択します。
Emporioの場合は【Blog1】になります。
【Blog1】を選択してから<b:includable id='post' var='post'>で検索します。
（全体で同じコードが２つありますが、Blog1内にある方になります。）
省略していますが、<b:includable id='post' var='post'>と</b:includable>は対応しているコードです。
</b:if>の挿入位置が少し分かりにくいかもしれません。
先に（省略）の前部分の書き換えを行うと、対応する</b:includable>が赤文字になる（コードの誤りを指摘してくれる）ので、その直ぐ上の行に挿入します。
当ブログでは関連記事のコードが入っているため200行以上も下にありましたが、赤字になっているため容易に見つかりました。
これで、表示件数は10件になります。
10の部分を変更すれば、表示件数を変更することも可能です。
表示件数を揃えよう！
次回ページネーション（ページャー）の追加方法を解説しますが、表示件数がバラバラだと表示が上手くいかなくなります。
- 投稿記事の一覧
- 検索結果
- ラベルの表示
この３つの値を揃えておくと、今後HTMLをいじる際にやりやすくなるので是非同じ値で揃えておきましょう！
参考ブログ様
Bloggerテンプレート自作カスタム【Blogger検索結果を公開日順10件にする】
Bloggerテンプレート自作カスタム【Bloggerラベル一覧表示を10件にする】
