スポンサーリンク

PostGrid横3記事表示カスタマイズ例

スポンサーリンク

PostGridという記事を並べて表示できるWordPressのプラグインで、横に3つ記事を表示するカスタマイズ例をご紹介します。

スポンサーリンク

横に3つ表示

Posts per pageの項目は、3。

Offsetの項目を3と入力すると、横に3つ記事を表示できます。

そして、投稿日が新しい順番に表示する場合は、最新記事から3つが表示されます。

もし、最新記事から3つ表示されない場合は、この項目を点検してみてください。

画像の高さを揃える

メニューから、Layout Settingswp選択します。

Media heightの項目を、Fixed heightに設定します。

画像の高さを揃えることで、記事のタイトル位置を揃える事ができるので、綺麗なレイアウトになります。

抜粋の文字数変更

投稿された記事の本文の一部(抜粋)が、初期値は、全角20文字程度になっています。

もっと増やしたい時は、ここを変更します。

メニューで、Skin & Layoutを選択します。

画像の中にある青い文字のEditをクリックします。

新しいタグで、こちらのページが表示されます。

Excerptの文字の左にある赤く囲んだアイコンをクリックします。

そして、青い矢印の場所の数字を変更します。

画像の例は、300文字表示の例です。

カスタマイズ例

これまでご紹介した項目を設定すると、この画像のようなレイアウトになります。

アイキャッチや記事中に画像が無い場合も、画像の高さが揃い、タイトルや抜粋も読みやすくなります。

ページのリンクは、こちらです。

valu新着
VALUに関連した記事を、最新記事の順番にご紹介しています。

タイトルとURLをコピーしました