Gallery Pro
Gallery Proは，サーバーのフォルダーに置いた写真からギャラリーを構成するBlocs for Mac用のBricです。4種類のレイアウトを選べ，写真をクリックするとライトボックスで拡大表示できます。写真に埋め込まれた作品名，説明，著作権，撮影情報も表示できます。
写真をアップロードして作品を見せる，写真家のためのギャラリーです。写真の準備と公開にはPHPが使えるサーバーが必要です。設置ガイドでは，Blocsの操作とコピーして使うコードを順番に説明します。
Gallery Pro 1.0.0 をダウンロード ／ 設置ガイド
表示例
Gallery Proのデモでは，同じ写真をMasonry，Justified，Grid，Squareの4種類で比較できます。写真を開くと，作品名，説明，撮影情報とともに拡大表示されます。
| Layout | 写真の見せ方 | 主な調整項目 |
|---|---|---|
| Masonry | 写真の縦横比を保ち，固定幅の列へ配置 | Columns，Gutter |
| Justified | 写真の縦横比に応じて行の高さを調整し，横方向に整列 | Row Height，Gutter |
| Grid | 指定した縦横比に切り抜いて整列 | Crop Ratio，Columns，Gutter |
| Square | 正方形に切り抜いて整列 | Columns，Gutter |
写真を並べて，作品情報まで見せる
一覧の見せ方を選び，クリックした写真をライトボックスで拡大します。作品名・説明・著作権や撮影情報は，写真に埋め込んだメタデータから表示します。写真ごとのURLを共有でき，必要な設置設定を行うとSNS向けの情報も生成します。
写真はサーバーへアップロードして管理します。ブラウザー上で写真を登録・編集する管理画面や，自動翻訳の機能はありません。複数言語の作品情報を使う場合は，写真にあらかじめ翻訳文を用意します。
必要な環境
Blocs 6 for Macと，PHP 8.3〜8.5を使える公開先を用意します。写真の個別URLにはApacheのURL書き換え設定も使います。サーバー上でPHPを使うために，MacへPHPをインストールする必要はありません。拡張機能や保存権限の詳しい条件は，設置ガイドの必要な環境を確認してください。
設置手順
- サーバーに写真用フォルダーを作り，写真をアップロードします。
- 写真を見せたい本文の位置にGallery Proを置き，PathとLayoutを設定します。
- ページをPHPにし，Page Settingsの
Before <!DOCTYPE>へ用意したコードを貼り付けます。 - 写真URLの規則をHypertext Accessへ設定し，Blocsから公開します。
- 一覧，拡大表示，写真URLの再読み込みを確認します。
画面付きの詳しい操作は設置ガイドへ進んでください。必要なJS・CSS・PHPはBricの配置時に自動登録され，通常のPublishで転送されます。写真は自分でアップロードします。
基本設定
最初は写真フォルダーを指すPathと，並べ方を選ぶLayoutを設定します。列数・余白・多言語の情報を選ぶSegmentなど，初期値と各項目の意味は設定と写真情報にまとめています。
写真の情報とライトボックス
前後の写真への移動や拡大・縮小に加え，作品情報の表示項目を調整できます。設定と写真情報で，メタデータ，キャプション，操作方法を説明します。
同じページに複数配置することもできます。写真URLから開いた場合は，写真IDが一致する最初のGallery Proが使われます。複数配置の説明も確認してください。
詳しい説明
| 読みたいこと | 案内 |
|---|---|
| 写真の準備から公開まで進めたい | 設置ガイド |
| 契約先の画面やPHP設定を調べたい | レンタルサーバー別の操作ガイド |
| 設定の初期値や作品情報の表示を調べたい | 設定と写真情報 |
確認範囲
2026年10月25日に，公開デモの一覧表示，写真の拡大，個別URLの再読み込みを確認しました。汎用的な設置例は，隔離したApache 2.4.67＋PHP 8.5.8の環境で，内部書き換え，写真のOGP出力，クエリーの引き継ぎと既存ファイルの配信を確認しています。
以前の記事の見出しから探す
詳細な説明を別ページへ整理しました。以前の見出しに対応する説明へ，次のリンクから進めます。
| 項目 | 案内 |
|---|---|
| 1. 写真とファイルの配置を決める | 詳しい説明 |
| 写真フォルダーと保存権限を確認する | 詳しい説明 |
| レンタルサーバー別の公式操作ガイド | 詳しい説明 |
| 公開後に，保存できたことを確認する | 詳しい説明 |
| 2. BlocsにGallery Proを配置する | 詳しい説明 |
| 1ページに複数のGallery Proを置く場合 | 詳しい説明 |
| 3. ページをPHPにして，doctypeの前へコードを追加する | 詳しい説明 |
| 4. .htaccessに写真URLの規則を追加する | 詳しい説明 |
| 5. Blocsから公開し，動作を確認する | 詳しい説明 |
| 添付ファイルの確認 | 詳しい説明 |
| サイドバーから確認する | 詳しい説明 |
| Global Areaに置いたBricの場合 | 詳しい説明 |
| 困ったとき | 詳しい説明 |