PostGridという記事を並べて表示できるWordPressのプラグインで、横に３つ記事を表示するカスタマイズ例をご紹介します。
横に３つ表示
Posts per pageの項目は、３。
Offsetの項目を３と入力すると、横に３つ記事を表示できます。
そして、投稿日が新しい順番に表示する場合は、最新記事から３つが表示されます。
もし、最新記事から３つ表示されない場合は、この項目を点検してみてください。
画像の高さを揃える
メニューから、Layout Settingswp選択します。
Media heightの項目を、Fixed heightに設定します。
画像の高さを揃えることで、記事のタイトル位置を揃える事ができるので、綺麗なレイアウトになります。
抜粋の文字数変更
投稿された記事の本文の一部（抜粋）が、初期値は、全角２０文字程度になっています。
もっと増やしたい時は、ここを変更します。
メニューで、Skin & Layoutを選択します。
画像の中にある青い文字のEditをクリックします。
新しいタグで、こちらのページが表示されます。
Excerptの文字の左にある赤く囲んだアイコンをクリックします。
そして、青い矢印の場所の数字を変更します。
画像の例は、３００文字表示の例です。
カスタマイズ例
これまでご紹介した項目を設定すると、この画像のようなレイアウトになります。
アイキャッチや記事中に画像が無い場合も、画像の高さが揃い、タイトルや抜粋も読みやすくなります。
ページのリンクは、こちらです。
valu新着
VALU関連の新着記事のご紹介です。
valuer.work
2020.02.29
