Exhibition Guide Generator

Exhibition Guide Generator 使い方

  1. タイトル・カラー設定:左ペイン上部で展示名とテーマカラーを設定
  2. 展示項目を入力:各番号の見出しと説明文・画像を入力
  3. プレビュー確認:右ペインでPC/スマホ表示を確認。番号をクリックするとモーダル表示
  4. HTMLダウンロード:完成したらヘッダーのボタンで書き出し

◯ CSVで項目をまとめてインポート/エクスポートできます。

◯ 生成済みHTMLから設定を復元することも可能です。

◯ 列の上限数 0 = グリッド列数を自動調整

◯ 出力HTMLは直接貼り付けでの動作を確認していますが、WordPress等ではiframe等での貼り付けを推奨します

読み込み
書き出し
© 2026 鈴木明世(北海道博物館)

基本設定

ページタイトルはWebサイト側で用意される場合は、空欄のままでOK。素敵なサイトに仕上がりますように。

展示項目

プレビュー(クリックで表示)

(タイトルを入力してください)

本ページは Exhibition Guide Generator を用いて制作されました。 © 2026 鈴木明世(北海道博物館)

CSVインポート

CSV形式: 番号, 見出し, 説明文, 画像URL(ヘッダー行あり)
※ カンマや改行を含むフィールドはダブルクォート(")で囲んでください

文字コード:

HTMLから復元

このジェネレーターで生成したHTMLファイルから入力状態を復元します。

書き出し確認

⚠️ ローカルデバイスから選択した画像はプレビュー確認用です。書き出し後のファイルには含まれません。