【WordPress】List Category Postsのカスタマイズ。日付とタイトルだけのシンプル表示

List Category Postsで表示するリストを、日付とタイトルだけのシンプルな一覧表示にする方法をご紹介します。

List Category Posts で日付とタイトルだけのシンプル一覧表示

日付の表示位置を左側に変更する方法

デフォルトテンプレートを修正します。

1. デフォルトテンプレート「default.php」をPCにダウンロードします。
2. ファイル名を分かりやすい名前に変更します。
   今回は「default.php」→「lp_list.php」に変更しています。
3. ファイルを開きます。
4. スタイルシートで設定するクラス名「lcp_catlist」を変更します。
5. 今回は「lcp_catlist」→「lcp_catlist_diary2」に変更しています。
   ※ほかにList Category Postsのカスタマイズを行っていない場合は変更不要です。
   【47行目】

   変更前
   変更後

6. タイトルの開始位置を揃えるためにタグの記述を追加します。
   【65行目】

   変更前
   変更後

7. タイトルのH3見出しタグを消します。
   【68行目】

   変更前
   変更後

8. 65行目の「span」を閉じる記述とタイトルの頭位置を揃えるための「div」を追加する一文を、1行丸ごと新しく追加します。
   【74行目の下】

   変更前
   変更後

9. 74行目の下に行を追加したので、以降はデフォルトテンプレートの状態から行がずれます。
   「endwhile」の前、liを閉じるタグの前に、divを閉じるタグを追加します。
   ※「変更前」の行数は、デフォルトテンプレート状態での行数です。
   【103行目以降】

   変更前
   変更後

10. 67～68行目
    67行目〜68行目を、74行目より下に移動させます。
    （日付の後ろにタイトルが表示されるようになります）

    変更前
    変更後

11. カスタマイズしたテンプレートの格納場所に、修正したファイルをアップロードします。

以上でテンプレートの修正は完了です。

見栄えを変更する方法

スタイルシートに以下の設定を追加します。
カスタマイズしたテンプレートの47行目の部分で指定したクラス名を設定してください。

ショートコードの記述方法

リストを表示させたい場所にショートコードを記載します。
（参考例）

おまけテク：表示中の記事をリストから除外する

「excludeposts=this」というパラメーターを追加すると、表示している記事をリストから除外することができます。