WordPressプラグインJetpackを使っています。表示系だと画像の遅延読み込み、関連記事表示、シェアボタンを利用してきましたが、最近になって画像のスライドショーやギャラリー表示ができることに気づき、いろいろ試してみました。

試した結果、画像が多い場合は、普通に画像を追加するのではなく、Jetpackを使った方が便利と感じました。

（2019/4/24追記）この記事はブロックエディタを使う前に書いたものです。クラシックエディタでJetpackのギャラリーを使う場合に参照してください。ブロックエディタのJetpackブロックを使う場合については下記の記事を参照してください。

Jetpackブロックのスライドショーやギャラリーは従来のものとどう違うのか

以下は、AUDIO ARCHITECTURE展の投稿でスライド表示した19枚をギャラリー表示（指定：正方形タイル＋8カラム）にしたもの。いきなりスライドショーよりも、ギャラリーの方がいいかもしれませんね。スマホだと見にくいですが、画像クリックで全画面カルーセル表示可能なので、全貌を見て欲しい場合はこれでもよいのかなと。

スタジオライブ映像

大西景太「Cocktail Party in the AUDIO ARCHITECTURE」

大西景太「Cocktail Party in the AUDIO ARCHITECTURE」

折笠 良「エンドゲーム・スタディ」

折笠 良「エンドゲーム・スタディ」

梅田宏明「線維状にある」

梅田宏明「線維状にある」

梅田宏明「線維状にある」

UCNV「Another Analogy」

UCNV「Another Analogy」

水尻自子「airflow」

水尻自子「airflow」

水尻自子「airflow」

水尻自子「airflow」

ユーフラテス（石川将也）＋ 阿部 舜「Layers Act」

ユーフラテス（石川将也）＋ 阿部 舜「Layers Act」

ユーフラテス（石川将也）＋ 阿部 舜「Layers Act」

辻川幸一郎（GLASSLOFT）×バスキュール×北千住デザイン「JIDO-RHYTHM」

これまでギャラリー表示を使わずにスライドショーにしていたのは、ギャラリーだとスマホで見た時に画像が縦積みされると思い込んでいたため。こちらのブログ記事に『Jetpackのタイルギャラリーではこんな感じに、３カラムのまま表示できます』とあり、さっそく試してみました。上のギャラリーもスマホでもコンパクトに表示されますよね。試行錯誤の結果を以下にまとめます（詳しい使い方は上記に紹介したブログ記事を見てください）。

試行錯誤の見た目はテストページ「Jetpackメディアギャラリーの検証」で確認できます。

ギャラリーのタイプ

カラム指定

サムネイルグリッド、正方形タイルはカラムを指定可能。
タイルモザイク、タイルカラムはカラムを指定しても表示結果に反映されませんが、編集画面上では指定されたカラムで画像が並びます（編集画面がコンパクトに。やり方は、サムネイルグリッドに一旦しておいてカラムを指定した後に、タイプをタイルモザイクに選び直す）。

サイズ

指定可能なサイズは、ワードプレス標準なサイズの他に、テーマ準拠サイズ、プラグインで使ってるサイズ（sow-carousel-defaultというSiteOriginのサイズ）が出てきました。
どの種類でもサイズを指定できますが、サイズが効いているのはサムネイルグリッドだけな気が？
スライドショー、タイルモザイク、タイルカラムだとサムネイルでも中サイズでも同じ結果になります。

画像の表示順序

サムネイルグリッドは横展開（1枚目の右隣に2枚目）
正方形タイルは横展開
タイルモザイクは横展開（1枚目の下に2枚目）
タイルカラムは縦展開

まとめ