スライド対応の「ギャラリー」の作り方|プラグイン”Gallery Blocks with Lightbox”を使った方法
![](https://jinr.jp/manual/wp-content/uploads/2023/02/アートボード-13-1.png)
ひつじ
WordPressプラグイン「Gallery Blocks with Lightbox」を使って、ギャラリーを作る方法を解説していきます。
このプラグインを使うと、以下のようなギャラリーを作成することが可能です↓
ほかにも、こういったギャラリーも可能です↓
この記事の目次
スライド対応の「ギャラリー」の作る手順
1|Gallery Blocks with Lightboxを入手する
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-16-15.54.45.png)
プラグインの「新規追加」に進んで、
検索窓で「Gallery Blocks with Lightbox」と入力して検索してください。
するとプラグインが見つかるので「今すぐインストール」のボタンを押して、
その後に「有効化」をしましょう。
これでプラグインが使える状態になりました!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
2|ギャラリーを作る!
記事の執筆画面を開いて、画面左上の「+」を押すと、
ギャラリーを作成できるブロック(SimpLyのシリーズ)が見つかります。
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-16-16.04.44.png)
【作り方】SimpLy Slider(スライドタイプ)
ブロックを呼び出す
こういったスライド形式のギャラリーを作りたいなら、
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-6.43.46-654x1024.png)
「Add Media」で画像を追加していく
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.17.37-1024x759.png)
デフォルトでは3カラムデザインになります。
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.18.50-1024x504.png)
おすすめのデザイン設定
表示を1カラムに
画像のカラム数を1カラムにするには、
右サイドバーの「Slider Settings」にある「ITEMS ON SLIDER PAGE」を1にしましょう
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.20.57.png)
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.27.16.png)
スライダーの大きさ(高さ)を調整
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.29.50.png)
レスポンシブ対応させる
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.45.50.png)
シェアボタン・ダウンロードボタンを消す
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.31.23.png)
結構下の方にあります
【作り方】SimpLy Justify(ギャラリータイプ)
ブロックを呼び出す
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.36.13.png)
「Add Media」で画像を追加していく
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.17.37-1024x759.png)
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.48.58-1024x899.png)
おすすめのデザイン設定
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.50.05.png)
画像の大きさを変える
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.52.07-541x1024.png)
画像配列をいい感じに整える
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.52.07-1-541x1024.png)
画像間に余白を持たせる
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.52.07-2-541x1024.png)
PCとスマホ、それぞれ設定できます!
シェアボタン・ダウンロードボタンを消す
![](https://jinr.jp/manual/wp-content/uploads/2023/02/スクリーンショット-2023-02-17-7.31.23.png)
結構下の方にあります
最後に
今回は「スライド型」と「ギャラリー型(1つ)」を紹介しましたが、他のデザインタイプも似たような感じで設定できます。
使いこなしていい感じのサイトに仕上げて行きましょうー!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
ABOUT ME