Files
JimmyandGitHub 211bf65153 feat: better demo site (#1241)
* demo: add image-gallery post

* demo: change language weight

* demo: add multilanguage about page

* demo: change title and url

* demo: add shortcode documentation with multi-language support

* demo: improve markdown guide post

* demo: improve Math Typesetting post

* demo: rename Markdown Syntax Guide post

* demo: remove emoji support post

* demo: remove placeholder text post

* demo: remove rich-content post

* demo: rename image gallery page bundle

* demo: add multilingual `Documentation` category

* demo: Increase pagination pager size from 3 to 5.

* demo: add multilingual links, search, and archives pages

* demo: remove `ar` from demosite
2026-01-26 13:49:47 +01:00

1.5 KiB

title, description, date, slug, image, categories, tags, toc
title description date slug image categories tags toc
写真ギャラリー 内蔵の写真ギャラリー機能を披露 2026-01-26 image-gallery helena-hertz-wWZzXlDpMog-unsplash.jpg
Documentation
Gallery
Photoswipe
false

Stack テーマには、写真ギャラリー機能が内蔵されています。複数の画像を並べて配置するだけで、美しいギャラリーを作成できます。

ギャラリーの例

Photo by Florian Klauer on Unsplash Photo by Luca Bravo on Unsplash

Photo by Helena Hertz on Unsplash Photo by Hudai Gayiran on Unsplash

仕組み

ギャラリーは Photoswipe と独自の内部スクリプトによって動作します。画像の縦横比に基づいて、最適なレイアウトが自動的に計算されます。

ギャラリーを作成するには、同じ行(または同じ段落)に複数の画像を配置するだけです。

構文

![画像 1](image1.jpg)  ![画像 2](image2.jpg) 

![画像 3](image3.jpg)  ![画像 4](image4.jpg)

注意: Markdown で画像が同じ行に保持されるように、画像の間には 2 つのスペースを入れる必要があります。


ギャラリーの構文は Typlog にインスパイアされています。