WordPress個別サポート

Jetpackプラグインといえばアクセス解析のためにインストールしている方も多いと思いますが、ギャラリー機能など、他にも豊富な機能を使うことができます。ここでは、Jetpackプラグインのギャラリー機能を紹介します。ギャラリー系のプラグイン選びに迷ったときに試してみてください。

Jetpackプラグインで作成できるギャラリーの例

Jetpackプラグインで作成できるギャラリーの例

スポンサーリンク

Jetpackのギャラリー機能を有効にする

「Jetpack」‐「設定」メニューから「タイルギャラリー」の「有効化」をクリックします。これで、Jetpackのギャラリー機能が有効になります。

Jetpackプラグインのタイルギャラリーを使用可能にする

Jetpackプラグインのタイルギャラリーを使用可能にする

ギャラリーを作成する

ギャラリーを作成するには、投稿または固定ページの編集画面で「メディアを追加」ボタンをクリックします。

「メディアを追加」をクリック

「メディアを追加」をクリック

「ギャラリーを作成」をクリックします。

「ギャラリーを作成」をクリック

「ギャラリーを作成」をクリック

ギャラリーに表示したい画像をまとめて選択、または新たにアップロードします。

ギャラリーに追加する画面を選択

ギャラリーに追加する画面を選択

後から画像を追加できるので、とりあえずの画像で大丈夫です。

画面右下の「ギャラリーを作成」をクリックします。

「ギャラリーを作成」をクリック

「ギャラリーを作成」をクリック

ギャラリーの編集画面が表示されます。この画面ではドラッグアンドドロップで画像を並べ替えて順番を変更(2)したり、ギャラリーの表示方法を設定(3)できます。また、「ギャラリーに追加」(1)をクリックして画像を追加することもできます。

ギャラリーの編集画面

ギャラリーの編集画面

ギャラリーの設定では次のような動作設定をすることができます。

  • リンク先 --- 添付ファイルのページ、メディアファイル、なしから選択します。
  • カラム --- ギャラリーの列数(横)を選択します。
  • ランダム --- 順番をランダムに切り替えたいときはチェックします。
  • サイズ --- フルサイズ、大サイズ、中、サムネイルから選択します。
  • 種類 --- タイルモザイク、正方形タイル、丸型、タイルカラム、サムネイルグリッド、スライドショーから選択できます。サムネイルグリッドとスライドショーはJetpackをインストールしなくても作成できるギャラリーです。

右下の「ギャラリーを挿入」ボタンをクリックすると、ギャラリーが追加されます。ページを保存、またはプレビューしてギャラリーを確認してみましょう。以下は中サイズ画像でタイルモザイク形式のギャラリーを作成した例です。

作成されたギャラリーの例

作成されたギャラリーの例

作成できるギャラリーの種類

作成できるギャラリーの種類を紹介します。

タイルモザイク

タイルモザイクではサイズの違う画像もうまくレイアウトしてくれます。

「タイルモザイク」の例

「タイルモザイク」の例

正方形タイル

正方形タイルでは画像が正方形に整形されて表示されます。

「正方形タイル」の例

「正方形タイル」の例

丸形

丸形では画像が丸く切り取られて表示されます。

「丸形」の例

「丸形」の例

タイルカラム

タイルカラムでは画像がタイル形式で指定したカラム数にレイアウトされます。

「タイルカラム」の例

「タイルカラム」の例

サムネイルグリッド

サムネイルグリッドはJetpackプラグインを使わなくても作成できますが、参考までに次のようなイメージです。

「サムネイルグリッド」の例

「サムネイルグリッド」の例

スライドショー

スライドショーもJetpackプラグインを使わなくても作成できます。

「スライドショー」の例

「スライドショー」の例

ちなみに、枠の色はCSSをカスタマイズすれば変更できます。

スライドショーの枠線の色を変更

スライドショーの枠線の色を変更

この記事をSNSで共有する
WordPressでお困りのときはご相談を
細かい質問からCSSやPHPのカスタマイズ、トラブル対応まで、この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
WordPress個別サポートの特徴
  • 最短で本日中に問題解決できます
  • 見積もり無料・料金は終了後の後払いです
  • 銀座教室・スカイプ・出張またはメールで対応します
カスタマイズがうまくいかないときは
お急ぎのときはWordPressメールサポートで対応します。ご活用ください。
こんなときはご相談ください(相談・見積もり無料)
  • サイトのデザインをカスタマイズしたい
  • CSS・PHPのカスタマイズがうまくいかない
  • 引っ越し(サーバー移転)したい
  • サイトをSSL対応(https://)したい
WordPress講座の問い合わせ先
WordPress講座申し込み
メールで問い合わせ

関連記事

スポンサーリンク