【WordPress】Pinterest風レイアウトプラグインMasonry Layout (Pinterest Like Grid)

masonrylayout_s

Masonry Layout (Pinterest Like Grid)は投稿や固定ページをPinterest風のタイル状に並べるワードプレスプラグインです。設定も難しくなく、設定さえすれば
ショートコードを貼り付けるだけなので簡単です。

この記事はLite版の記事になります。Pro版ではLayout Themeが選べるようです。

Masonry Layout (Pinterest Like Grid)プラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Masonry Layout (Pinterest Like Grid)を検索
有効化にするとWP Masonryが追加されます。
masonrylayout_1
Shortcodesをクリックし、上記画面に移動します。

Reference Name 名前を入力します。5文字以上で日本語でも大丈夫でした。
Layout Theme デフォルトを選択します。Pro版では他にもあるみたいです。
Columns カラム数を選択します。
Post Type 投稿か固定ページかを選択します。
Post Category カテゴリーを選択します。
Thumbnail Image Size サムネイルサイズを選択します。
Post Per Load ロードするポストの数を入力します。2桁まで。
Order By 並びの条件
Order 並びの昇順・降順・デフォルトを選択します。

Responsive、lightbox、Custom Query機能はPro版のみのようです。
最後にsaveをクリックして、表示されるショートコードをコピペします。
設定の変更はEditでできます。

masonrylayout_2
3カラムで作ってみました。Post Per Loadが少ないとLoad Moreボタンが表示されるので多めにしてもいいかもしれません。

Masonry Layout (Pinterest Like Grid)にはPro版のデモページも準備されています。

 
wordpress

【WordPress】Pinterest風レイアウトプラグインMasonry Layout (Pinterest Like Grid)

  • LATEST
  • RELATED
  • POPULAR