C cenaly.com
無料で始める

ホームページ作成ツール

メニューサイトのデザイン:テンプレートスタイル、ビジュアルエディタ、フォント、ドメイン

On this page 12

店舗のサイトビルダー

各店舗には、専用サブドメイン(あなたのドメイン.cenaly.com)上の公開サイトメニューがあります。サイトセクションでは、そのアドレス、公開ステータス、そして何よりデザインを、コーディングなしで素早くわかりやすく管理できます。

開く:管理パネル → サイト(「マーケティング」セクション内、admin.cenaly.com)。


サイトのストアフロント#

メイン画面には、すべての店舗のカードが表示されます。各カードには以下が表示されます:

  • 公開アドレス(ドメイン.cenaly.com)と公開ステータス;
  • デザインのミニプレビュー(アクセントカラー、背景、フォント、角の形状);
  • ボタン:「ビジュアルで設定」、「サイトを設定」、「記事」、「サイト上のデザイナー」、開く、リンクをコピー、QRコード;店舗型のロケーションにはストアスタジオへの入口が追加されます。

サイトが10件を超える場合、カードは検索とページネーション付きのコンパクトなリストに自動的に切り替わります — 数十のサイトを抱えるスタジオが無限に続くリストにならないようにするためです。

ここで新しいサイトは作成されません:新しい店舗とともに作成されます — セクションのヘッダーにある歯車 ⚙ がそこへ導き、そこには公開サイトの言語(アカウントの共通言語プールから取得)も含まれます。


テンプレートギャラリー#

ビジュアルエディターでは、完成スタイルのギャラリーが利用できます — グループ別に整理された数十種類の洗練されたデザイン(クラシック、ダーク、ミニマリスト、テーマ別)。セットは業種に合わせて選ばれます:カフェやレストランには約50種類の「メニュー」テンプレート、サロンやホテルにはそれぞれ十数種類、店舗には専用のストアフロントライブラリがあります。各テンプレートは、調和のとれた色、フォント、カードのレイアウトを定義します。スタイルを選ぶと、すぐに実際のメニューにライブプレビューで適用されます;その後、あらゆる細部をさらに調整できます。

ギャラリーの隣には2つ目のボタン — ✨ AIデザイナーがあります:希望する外観を言葉で説明すると、デザインが作成されます。同じ2つのボタンはサイトの詳細設定にもあります。


ビジュアルエディター#

**「ビジュアルで設定」**ボタンは、ライブプレビュー(スマートフォン/デスクトップ)付きのWYSIWYGエディターを開きます:

  • デザイン — アクセントカラー、背景、フォント、角の形状(角型/丸型/「ピル」)、ウェルカムテキスト、および個別要素のテキストのスポットカラー。
  • メニューレイアウト — 料理カードの配置:リスト、コンパクト、1/2/3列、ワイドカード、ポスター。
  • ロゴとカバー — 正方形のロゴとサイトのカバー。
  • 公開 — 「サイトを公開」トグル:管理画面のサイトのストアフロントに表示されるサイトのステータスを設定します。注文の受付やゲスト向けストアフロント全体を閉じる必要がある場合は、サイト設定の「メンテナンスモード」を使用してください — ゲストにあなたのテキスト付きのプレースホルダーを表示し、サーバー側で注文手続きを禁止します。

変更はすぐに表示されます;保存、キャンセル、またはデザインをデフォルトにリセットできます。未保存の編集がある場合、離れる前にシステムが警告します。


サイトの詳細設定#

**「サイトを設定」**ボタンは、店舗のWEB設定の拡張パネル(「ロケーション」セクションの「WEBメニュー」タブと同じもの)を、このページから離れることなく直接開きます。そこには以下が含まれます:

  • サイトのアドレスと公開;
  • 画像 — カバー、ロゴ、背景、サイトアイコン(favicon);
  • デザインとカードレイアウト — ビジュアルエディターと同じテンプレート、✨ AIデザイナー、レイアウト選択;
  • メンテナンスモード — ゲスト向けプレースホルダーとサーバー側の注文手続き禁止;
  • プロアクティブメッセージ — サイトのゲスト向けポップアップとバー(すべての業種で利用可能)。

サイト上のデザイナー#

「サイト上のデザイナー」ボタンは、AIデザイナーのフローティングチャット付きであなたのライブサイトを開きます:認証は管理画面から引き継がれるため、別途ログインする必要はありません。変更したい内容を言葉で説明すると、編集は表示中のサイトに瞬時に、あなたにのみ適用されます — これはあなたのセッションの下書きであり、訪問者は引き続き公開中の表示を見ます。サイト内は自由に移動でき(メニュー、カタログ、ブログ、カード)、対話と下書きは失われません。

**「適用」**ボタンは、通常の公開方法で現在の下書きをすべての訪問者に公開し、モードを終了すると公開中の表示に戻ります。

店舗ストアフロントのメインセクションとヘッダーでは、サイト上のデザイナーがすでに主要なエディターです:古いスタジオエディターには、完全な編集はサイト上のデザイナーで行われるというバナーが表示され、スタジオは互換性のために残っています。


サイトアイコン(favicon)#

Faviconは、ブラウザがタブ、ブックマーク、履歴、検索結果のサイトの横に表示する小さなアイコンです。「サイトを設定」→ 画像ブロック → 「サイトアイコン」タブで設定します(店舗では同じブロックがストアスタジオの「デザイン」タブにあります)。

3つのモード:

  • プラットフォームのアイコン — デフォルト、何もする必要はありません;
  • 店舗のロゴ — 隣のタブから正方形のロゴを使用します(アップロードされている場合);
  • 独自の画像 — 別の正方形画像をアップロードします(1:1、128×128以上;透明背景のPNGが最適)。

選択のすぐ下に、あなたのアイコンとページタイトル付きのブラウザタブのミニプレビューが表示されます。アップロード後、アイコンは1分以内にサイトに表示されます — 必要なサイズのバリアントは自動的に準備されます。


ドメインとQRコード#

サイトはデフォルトでサブドメインドメイン.cenaly.com上にあります。独自ドメインの接続は別オプションです(サブスクリプションセクション、「独自サイト」パッケージをご覧ください);詳細なステップバイステップの手順は独自ドメインセクションにあります。このサイトへのQRコードの印刷と配布はQRコードとデバイスセクションをご覧ください。


関連セクション#


よくある質問#

テンプレートを適用すると自分の設定は上書きされますか?#

テンプレートは統一された出発点(色、フォント、レイアウト)を提供しますが、適用後はビジュアルエディターで自由に細部を編集できます。

メニューがまだ空の場合、プレビューには何が表示されますか?#

デモ用のサンプルです。最初のアイテムを登録する前からデザインを確認できます。サロンやホテルではサービスや客室の例、レストランや店舗では料理や商品の例が表示されます。メニューに自分のアイテムが追加されると、プレビューはそれらに切り替わります。

サイトを一時的に閉じることはできますか?#

はい。サイト設定にある**「メンテナンスモード」**で可能です。ゲストにはお客様のテキスト(ストアフロントの全言語に翻訳済み)を含む全画面の代替ページが表示され、サーバーは注文手続きの試行を拒否します。ストアフロント全体を閉じることも、メニューの閲覧を残して注文手続きのみを閉じることもできます。この間もすべての設定とコンテンツは保存されます。

Was this article helpful?