Masonique Grid

説明

Masonique Grid は、投稿と固定ページを、タイトル、サムネイル、短い要約の付いたカードにして、高さのそろわない列に並べます。石垣を積むような並べ方です。

新しい記事ほど上に並ぶので、列の高さがそろっていなくても、上から下へ順に読めます。

できること

  • 並び順を崩さないメイソンリーレイアウト。新しい記事がいちばん上に並び、各列の下端もほぼそろいます。
  • タブで絞り込み。すべて、固定ページだけ、投稿だけを切り替えられます。タブは、その場で切り替える方式と、ページを読み込み直す方式から、サイトの規模に合うほうを選べます。
  • NEW と UPDATE のバッジ。最近公開した記事と、最近更新した記事に、自動で印が付きます。期間、表示する文字、色は自由に選べます。
  • 要約は手間いらず。各カードの文章は、専用の入力欄、WordPress 標準の抜粋、本文の冒頭の順に取り出します。有効化したその時から、グリッドは完成した見た目になります。
  • どのテーマでも使える。テーマには一切手を加えず、プラグインを停止すれば跡も残りません。
  • JavaScript なしでも読める。並び順とデザインはサーバー側で決まります。JavaScript は、ブラウザーが実際の高さを把握したあとに、列の高さを微調整するだけです。

グリッドの表示

固定ページや投稿に、次のショートコードを追加します:

[masonique_grid]

ショートコードごとに設定を上書きできます:

[masonique_grid columns="3" posts_count="12"]

Pro 版

Pro 版では、次の機能が加わります:

  • 検索エンジンにも読み取られる、見出しとタブの文言のカスタマイズ
  • 見出しの下に表示する2列幅の画像と、縦長の画像の切り抜き位置を決めるスライダー
  • 表示中のカードを動かさずに、続きを読み込む「もっと見る」ボタン
  • テーマのファイルに触れずに、ブログの投稿一覧やアーカイブをグリッドに置き換える

スクリーンショット

インストール

  1. 「プラグイン 新規追加 プラグインのアップロード」を開きます。
  2. ZIP ファイルを選んでインストールします。
  3. プラグインを有効化します。
  4. 「設定 Masonique Grid」を開いて、レイアウトを調整します。

FTP でもインストールできます。masonique-grid フォルダーを /wp-content/plugins/ にアップロードしてください。

FAQ

使っているテーマで動きますか ?

はい。グリッドは独自のスタイルで表示し、テーマのファイルには一切手を加えません。プラグインを停止すれば、すべて元どおりに戻ります。

すべての記事に要約を書く必要がありますか ?

いいえ。要約を書いていない記事では WordPress 標準の抜粋を使い、抜粋もなければ本文の冒頭を使います。大事な記事から少しずつ要約を書き足していけます。

JavaScript が無効な場合はどうなりますか ?

並び順もデザインもそのままで、グリッドは正しく表示されます。行われないのは、列の高さの微調整だけです。

ブログの投稿一覧ページにグリッドを置けますか ?

はい、Pro 版の「アーカイブ一覧の置き換え」で対応しています。ブログのトップだけにするか、カテゴリー、タグ、日付のアーカイブまで含めるかを選べます。

どの言語に対応していますか ?

英語と日本語です。サイトの言語設定に合わせて切り替わります。

評価

このプラグインにはレビューがありません。

貢献者と開発者

Masonique Grid はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Masonique Grid” は1ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Masonique Grid” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログを RSS で購読してみてください。

変更履歴

1.1.2

  • 表示件数で48件と60件を選べるようになりました。
  • ショートコードの属性は、対応している項目だけを受け付けるようにしました。また、表示件数の上限を60件にして、極端に大きな数を指定してもページが重くならないようにしました。
  • 記事編集画面のスクリプトを wp_enqueue_script() で読み込むようにしました。

1.1.1

  • プラグインの URL を、このプラグイン専用のページに変更しました。

1.1.0

  • 無料版には、無料版で使える機能だけを入れるようにしました。Pro 版の機能は Pro 版で提供するので、無料版の設定画面に使えない項目が並ぶことはなくなりました。
  • 設定画面を整理しました。

1.0.2

  • すべての値を出力する時点でエスケープするよう、出力の処理を見直しました。
  • インラインのスタイルをスタイルシートに移しました。

1.0.1

  • 最新の WordPress との互換性を確認しました。

1.0.0

  • 最初のリリース。