Simple Masonry Layout:投稿をPinterest風のレイアウトで表示できる

2018年8月16日

投稿を Pinterest 風のタイルレイアウトで表示できる WordPress 用プラグインの紹介です。
それは「Simple Masonry Layout」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。

Simple Masonry Layout

Screenshot of wordpress.org

Simple Masonry Layout は、
ショートコードを使って簡単に投稿を Pinterest 風のレイアウトで表示できます。
投稿はカスタム投稿タイプを含みます。
ショートコードは、テンプレートタグに編集すればテーマ内でも使えます。

作者さんサイトでデモが公開されているので、そちらを確認して下さい。
Simple Masonry Layout DEMO – Cqthemes.com

記事を作成もしくは更新時点でのバージョン:v 1.3.1
マルチサイトでの利用:可

インストール手順

下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Simple Masonry Layout – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Simple Masonry Layout」と入力します。

WordPressプラグイン「Simple Masonry Layout」のスクリーンショット

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

Simple Masonry Layout を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

専用メニュー

WordPressプラグイン「Simple Masonry Layout」のスクリーンショット

ダッシュボードの「設定」メニューの中に追加されています。

使い方

専用メニューを開きます。

WordPressプラグイン「Simple Masonry Layout」のスクリーンショット

使用できるショートカットが記載されています。

WordPressプラグイン「Simple Masonry Layout」のスクリーンショット

  • Posts To Display
    1 ページでの投稿最大表示数。
    初期値:10
  • Posts Order By
    投稿の並び順を指定できます。
    初期値:none
  • Posts Order
    昇順もしくは降順を指定します。
    初期値:Ascending

WordPressプラグイン「Simple Masonry Layout」のスクリーンショット

  • Check if you want to display Darkbox Gallery Popup
    ギャラリーをポップアップで表示したい場合にチェックを付けます。
  • Check if you want to display Post Author
    投稿の投稿者を表示したい場合にチェックを付けます。
  • Check if you want to display Post Comments
    投稿のコメントを表示したい場合にチェックを付けます。
  • Check if you want to display Post Title URL in gallery
    ギャラリーに投稿タイトルの URL を表示したい場合にチェックを付けます。。

表示例

WordPressプラグイン「Simple Masonry Layout」のスクリーンショット

アイキャッチ画像を設定していないのでイマイチ分かりづらいですが、
上のような感じになります。

URL

Simple Masonry Layout – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています

Masonry

Posted by 管理人