Gallery (Gird)

2023.03.28

Warning: Undefined variable $query_editor in /home/xs715986/grits-osaka.com/public_html/testing-site/wp-content/themes/grits_theme/content-page.php on line 3

Warning: Undefined variable $query_editor in /home/xs715986/grits-osaka.com/public_html/testing-site/wp-content/themes/grits_theme/content-page.php on line 4

Gallery Style: FlickityとGridの2つの主要なスタイルがあります。

#gallery-fliWidth : ギャラリーのサイズを設定します。

Image As a Link : 画像にリンクがある場合は、オンにしてください。

Setting : FlickityまたはGridスタイルに応じて、異なる設定があります。

List Image : 表示したい画像のリストを作成します（Image As a Link場合、URL列が追加され、リンクを追加できます）。

Grid

テキストテキストテキストテキストテキストテキストテキストトテキストトテキストトテキストトテキストトテ...

Grid Setting

Grid Style : 表示スタイルを選択してください。

Gutter : 画像間の余白

Image Rounded : 画像を丸める

Column : 各デバイスで表示される列数。
PC：コンピューター
TAB：タブレット
SP：スマートフォン

いくつかの例 :

Default Style

テキストテキストテキストテキストテキストテキス...

Style 1

テキストテキストテキストテキストテキストテキストテキストトテキストトテキストトテキストトテキストトテ...

Caption Image

画像にキャプションを追加するには、画像をクリックして編集を選択し、画像編集ウィンドウが表示されたら、キャプション行に表示するテキストを追加し、完了するために保存を選択してください。

画像にリンクを追加方法

画像にリンクを追加するには、「Image As a Link」をONにしてください。この操作により、List ImageにURL列が追加され、各画像にリンクを追加できます。

例：

テキストテキストテキストテキストテキストテキストテキストトテキスト...

Warning: Undefined variable $query_editor in /home/xs715986/grits-osaka.com/public_html/testing-site/wp-content/themes/grits_theme/content-page.php on line 4

Gallery (Flickity)

GALLERY

Gallery (Flickity – Demo)