つくる。遊ぶ。暮らす。作品と暮らしの、小さな記録

EDITOR GUIDE

お店の更新、はじめの一歩。

架空の「たい焼き こはる」を使って、サイトの更新を体験できます。入力した内容はあなたの画面だけに反映され、本番サイトやほかの訪問者の表示は変わりません。

編集デモを開く →

1. まずは価格を変えてみる

編集デモの上にある「まずは、つぶあんを230円にしてみる」を押すと、おしながきの価格が220円から230円に変わります。「初期状態へ」で元の見本に戻せます。

2. 内容を編集する

「お店の基本情報」で店名・紹介・営業時間・定休日などを変更します。「おしながき」では商品名・税込価格・説明を編集できます。「魚の色」は、茶・黄土・緑・こげ茶・桃・紫・墨・橙の8色から、味に合わせて選べます。文字色やレイアウト全体は固定です。価格は0〜99,999円の整数です。

「メニューを追加」で商品を増やし、表示チェックで一時的に非表示にできます。「上へ移動」「下へ移動」で順番を変更します。「このメニューを削除」でも減らせますが、最後の1件は残ります。メニュー・お知らせはそれぞれ30件までです。住所や地図は架空の表示見本としてお試しください。

「お知らせ」では日付・見出し・本文を変更し、追加や削除ができます。直前の操作は「ひとつ戻す」で取り消せます(最大12回)。

見出し・紹介文・FAQ・地図の文字

編集欄の「ページの見出し・紹介文」でメインの見出し、紹介文、各セクションやナビゲーションの表示名を変更できます。基本情報では支払い方法・駐車案内・営業時間の補足も変更できます。

「よくある質問」で質問・回答を編集し、「質問を追加」で増やします。並べ替え・削除ができ、0件の場合は準備中と表示します。質問は100文字、回答は500文字、30件までです。

「アクセスと地図の文字」では住所・道順・駅・公園・通り・川・店舗分類を変更します。店名は地図とフッターにも連動します。地図の形、レイアウト、フォント、「架空のデモ」の注意表示は固定です。文章は文字数上限内でお試しください。

3. 用意された画像を選ぶ

「メイン画像」で「画像を選ぶ」を押すと、フォルダー形式のサンプル画像ライブラリーが開きます。料理写真・イラストのフォルダーや画像名の検索で絞り込み、候補を選んで「この画像に変更」を押します。キャンセルやEscでは変更せず戻ります。料理写真・生成りのイラスト・青いイラストを切り替えられます。後の2つは画像選択を試すための仮見本です。レイアウトは変わりません。

画像は運営が用意した候補だけを使用し、個人の写真の取り込み・画像URLの入力はできません。「画像を見本に戻す」で最初の料理写真に戻せます。購入後の実運用で自分の写真を扱う機能とは別の仕様です。

4. プレビューを確認する

PCでは編集欄の隣に変更後の見え方が表示されます。スマホ・タブレットでは上の「内容を編集」「プレビュー」で切り替えます。プレビュー内をスクロールして、メニューや営業時間まで確認してください。

プレビューの「PC」「スマホ」は表示幅を切り替えるボタンです。端末の画面幅を超えて表示しません。実機を完全に再現する機能ではありません。プレビュー内のリンクでは移動しません。

5. 最初の見本に戻す

「初期状態へ」を押すと、文章・価格・商品・お知らせ・画像・プレビューの表示幅が初期状態に戻ります。取り消しの履歴も消えます。

再読み込み、別ページから戻る、閉じて開き直した場合も最初の見本に戻ります。操作中だけデータを持ち、ブラウザーやサーバーへの保存はしません。保存・書き出し・ファイル読み込みのボタンもありません。

うまく操作できないとき

必須項目が空、または価格が範囲外の場合は、その入力を反映せず直前の有効な内容をプレビューに表示します。入力欄のメッセージに従って修正してください。長い文章は文字数上限まで入力できます。

すべての商品を非表示にすると、プレビューに「表示中のメニューはありません」と表示されます。表示チェックを入れるか、「初期状態へ」で戻してください。

このデモでできること・提供範囲

内容の編集、見た目の確認、一時的な画像切り替えとリセットを体験できます。ログインや購入は不要です。本番への公開、共有アカウント、注文・予約・決済の機能はありません。販売用の管理画面と運用方法は別途設計します。

保存データの取り扱い / 編集デモへ戻る