18.タイルギャラリー－Jetpack by WordPress.com

2014/01/19 2014/11/22

wordpressを利用していて一番利用されているプラグインが、
このwordpress.comが提供しているJetPackではないでしょうか。
JetPackプラグインは機能が多いのですが、
ここでは「タイルギャラリー」の機能についてご紹介します。

はじめに

Jetpack by WordPress.comのすべての機能を使っているでしょうか。
私はこれまで必要なものだけを使って、ほかの機能はあまり気にしていない状態でした。

ざっと全体の機能を確認しましたので、ご紹介しておきます。

タイルギャラリー

タイルギャラリー

外部グラフィックエディタを使わずに写真をマガジン風のモザイクレイアウトで表示できます。

ギャラリーを投稿に追加する際、画像のレイアウトスタイルを選べるようになっています。長方形、正方形、丸型のギャラリースタイルに対応しています。デフォルトでは標準のサムネイル・グリッドレイアウトでギャラリーが表示されます。長方形のレイアウトをすべてのギャラリーに対してデフォルトにするには、設定 → メディアページで「すべてのギャラリー画像をモザイク形式で表示する」にチェックを入れてください。

注: タイル状ギャラリー内の画像には特別な処理が必要なため、Photon モジュールが有効化されていない場合でもこれらの画像は WordPress.com の CDN を通じて提供されます。

JetPackタイルギャラリー詳細

通常のギャラリー表示

ギャラリーの表示はJetPackを利用しなくとも表示することができます。
通常のギャラリー表示の方法については以下でご紹介しています。
wordpressでメディアページ(ギャラリー、gallery)を表示する方法

通常のギャラリーで画像を表示した際には、以下のように表示されます。

標準ギャラリー表示

ギャラリーに表示された画像をクリックするとメディアページが表示され、
画像を拡大して表示することができます。

標準ギャラリー画像クリック表示

タイルギャラリーの有効化

タイルギャラリーを有効化し、タイルギャラリー表示を行うには設定を有効にする必要があります。

タイルギャラリーを有効化すると[設定]-[メディア]に対して、
「タイルギャラリー」が表示されるようになります。

そこで[すべてのギャラリー画像をモザイク形式で表示する。]にチェックを入れることで、
タイルギャラリー表示が有効化されます。

JetPackタイルギャラリー設定

※なお、タイルギャラリーを有効化してからタイルギャラリーに表示する画像が表示されるまでは、
しばらく時間を要する場合があります。

タイルギャラリー画像の準備中

Jetpackタイルギャラリー表示

Jetpackのタイルギャラリーを有効化するとギャラリーの表示が以下のようにタイル表示になります。
※便宜上、縮小表示しています。

タイルギャラリー表示

タイルギャラリー表示を利用している場合には、
画像にマウスオーバーすると、画像にロールーバーしてキャプションが表示されます。

タイルギャラリーマウスオーバー表示

画像をクリックして表示される拡大表示は、標準ギャラリーと同様です。

タイルギャラリー画像クリック表示

Photonサービス利用について

注意事項に明記されていますが、
タイルギャラリーを有効にした場合には、
画像は WordPress.com の CDN を通じて表示されるようになるとの記載があります。

注: タイル状ギャラリー内の画像には特別な処理が必要なため、Photon モジュールが有効化されていない場合でもこれらの画像は WordPress.com の CDN を通じて提供されます。

Photonを有効化した場合のように、画像ファイルの参照先が外部サーバになるわけではないようですが、
画像処理に一部Photonサービスが利用されているようです。

トラフィックなどを懸念される方は注意された方がいいように思います。

さいごに

単純なグリット表示のギャラリーが、
コンテンツエリアを十分に活かしたタイル表示にできることは、
コンテンツの見栄えを刷新してくれる魅力的な機能です。

サイトに魅せる画像を多く利用されている場合は採用をご検討されてはいかがでしょうか。

WordPressはWordPress Foundation の登録商標（第５０４９９６５号）です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。