Postsのカスタマイズ。福女アンテナ「福女アンテナ」は、管理人の気が赴くままに、ゆる~く情報発信するブログです。Postsのカスタマイズ。Posts」を使えば、簡単なカスタマイズで見せ方を変更することができます。カスタマイズ例まず、これからご説明させていただくカスタマイズ事例をご紹介します。Postsを使っています。日付とタイトルだけのシンプル一覧表示これらのカスタマイズは、スタイルシートとデフォルトテンプレートの変更だけで行うことができます。基本的に、カスタマイズを行う場合は同じ手順です。型を覚えてしまえば、ご自分で自由にカスタマイズできるようになります。サムネイル画像の表示位置を左側に変更する(デフォルトテンプレートを修正する)見栄えを変更する(スタイルシートを修正する)リストを表示させたい場所にショートコードを設定するサムネイル画像の表示位置を変更する方法デフォルトテンプレートを修正します。事前準備で、以下の内容を確認してください。▼デフォルトテンプレートの格納場所・ファイル名/wp-content/plugins/list-category-posts/templates/default.php▼カスタマイズしたテンプレートの格納場所WordPressで使っているテーマの中に、専用フォルダを作ります。<Simplicityの場合>/wp-content/themes/simplicity2-child/list-category-posts/デフォルトテンプレート「default.php」をPCにダウンロードします。ファイル名を分かりやすい名前に変更します。今回は「default.php」→「lp_list.php」に変更しています。ファイルを開き、以下のように変更します。「get_thumbnail~」の部分を上部へ移動させ、「get_post_title~」のH3見出し設定を削除する。カスタマイズしたテンプレートの格納場所に、修正したファイルをアップロードします。以上で、画像の表示位置を変更するためのカスタマイズは終わりです。「Style.css」に以下の記述を追加します。Plusでの表示崩れを防ぐためのものです。li{list-style:none;padding:10px060px0;}}スタイルシートのカスタマイズは終わりです。ショートコードの設定方法リストを表示させたい場所にショートコードを記載します。日本語表示対応していないので、ショートコードに通常通り本文抜粋の文字数を指定しても制限がかからず、本文すべてが表示されてしまいます。そのため、「functions.php」で別途指定を行わなければなりません。「functions.php」に以下の記述を追加します。抜粋表示させる文字数を増減したい場合は、「500」となっている部分を変更してください。}12345add_filter('the_excerpt','my_the_excerpt');functionmy_the_excerpt($postContent){$postContent=mb_strimwidth($postContent,0,500,"...","UTF-8");return$postContent;}日付の表示位置の変更方法する方法デフォルトテンプレートを修正します。事前準備で、以下の内容を確認してください。▼デフォルトテンプレートの格納場所・ファイル名/wp-content/plugins/list-category-posts/templates/default.php▼カスタマイズしたテンプレートの格納場所WordPressで使っているテーマの中に、専用フォルダを作ります。<Simplicityの場合>/wp-content/themes/simplicity2-child/list-category-posts/デフォルトテンプレート「default.php」をPCにダウンロードします。ファイル名を分かりやすい名前に変更します。今回は、「default.php」→「diary_list.php」に変更しています。ファイルを開き、以下のように変更します。「get_date~」の部分を上部へ移動させ、「get_post_title~」のH3見出し設定を「p」タグに変更する。カスタマイズしたテンプレートの格納場所に、修正したファイルをアップロードします。以上で、画像の表示位置を変更するためのカスタマイズは終わりです。「Style.css」に以下の記述を追加します。li{list-style:none;padding:10px060px0;}}スタイルシートのカスタマイズは終わりです。ショートコードの設定方法リストを表示させたい場所にショートコードを記載します。Posts」は日本語対応していないため意味を持ちません。「1」としていますが、念のため書いてる感じです。文字数は「functions.php」側の設定が有効になります。日付とタイトルだけのシンプル一覧表示シンプルVerのカスタマイズ方法はこちらをご覧ください。Postsのカスタマイズ。Postsで表示するリストを、日付とタイトルだけのシンプルな一覧表示にする方法をご紹介します。