メインコンテンツにスキップ

公開注文ウェブサイトをデザインする

  1. 公開注文ウェブサイトをデザインする

    ゲストが見るウェブサイトのビルダー: テーマ、色、フォントを選び、ライブプレビューまたはサイドパネルでセクションを追加・配置します。ほとんどの編集は保存を待ちますが、テーマの開始、ページテンプレート、デザインセット、画像のアップロード、およびSEOとPWAのボックスは一度に保存されます。

  2. プレビューコントロール

    プレビューをデスクトップ(1280px)とモバイル(390px)間で切り替え、リフレッシュボタンで再読み込みするか、Open storefrontを使用して新しいタブでライブサイトを表示します。

  3. 保存と履歴

    保存はデザインを公開します; ボタンの点は未保存の変更を示します。元に戻すとやり直しは編集をステップスルーします(Ctrl/Cmd+Z)、確認後に元に戻すボタンは以前に保存したデザインに戻ります。

  4. ライブプレビューで編集

    プレビュー内のセクションをクリックしてその設定を開き、ページ上でテキストを直接編集し、セクションコントロールを使用して移動、非表示、削除するか、+を使って新しいものを挿入します。保存するまでゲストには何も表示されません。

  5. デザインセット

    現在のデザインを名前付きセットとして保存するか、保存されたものを適用または削除して、季節ごとのデザインなどのルックを切り替えることができます。

  6. テーマの開始

    ピザ屋、バーガー、カフェ&朝食などの既製のルック。これを適用すると、色、フォント、コーナー半径、カラーモードがすぐに変更され、保存なしで適用されます; 元に戻すボタンで前のテーマに戻ります。

  7. ページテンプレート

    すべてのセクションをデフォルトコンテンツで満たされた既製のレイアウトに置き換えます。すぐに適用され、セクションタブが開くので、セクションをカスタマイズする前にテンプレートを選択してください。

  8. 色

    ボタンとハイライトのための主要およびアクセントカラー、さらに現在のカラーモードの背景、表面、テキスト、ラインカラー。主要およびアクセントは保存するために有効な16進数の色である必要があります。

  9. レイアウトとタイポグラフィ

    サイト全体のレイアウトスタイル、フォント、コーナー半径、ライトまたはダークカラーモード、ボタンスタイル、レイアウトモードを選択します。

  10. ブランド

    レストラン名、短い説明、サイトに表示される電話番号とメールアドレス、さらにロゴ、ダークロゴ、ファビコン。画像は選択するとすぐにアップロードされます。

  11. 公開オプション

    Storefront有効スイッチと、プランが許可する場合のプラットフォームブランドの非表示。どちらも保存時に適用されます。

  12. セクション

    ホームページのすべてのセクション、制限に対するカウント。ドラッグして順序を変更し、名前をクリックして編集し、目のアイコンで非表示にするか、ゴミ箱で削除します。

  13. セクションを追加

    Hero、Featured Dishes、Gallery、Hours & Location、FAQ、またはFree layout(作成者)などのセクションタイプを選択します。新しいセクションはページの最後に追加されます。

  14. セクション設定

    選択したセクションに関するすべて: その内容、アイテム、画像、スタイル。上部のスイッチはセクションを表示または非表示にし、戻る矢印はセクションリストに戻ります。

  15. お知らせバー

    サイトの上部にあるニュースやオファーのための細いバー。各言語でそのテキスト、リンク、背景色、ゲストがそれを閉じることができるかどうかを設定します。

  16. ヘッダー

    ヘッダーのレイアウト、ロゴの配置、メニューのスタイルとコンテンツ、固定ヘッダー、メニューリンク、および独自のラベルとリンクを持つコールトゥアクションボタン。

  17. フッター

    フッターのレイアウト、テキストについて、リンク列、ソーシャルリンク、支払いアイコン、および著作権行。

  18. バナー

    最大12の画像バナー、それぞれに画像、リンク、代替テキストがあります。矢印で順序を変更するか、ゴミ箱で1つを削除します。

  19. SEO

    検索結果やサイトが共有されたときに使用されるページタイトル、メタディスクリプション、共有画像、さらに検索エンジンから隠すオプション。このボックスには独自の保存SEOボタンがあります。

  20. ホーム画面アプリ

    ゲストがホーム画面に追加したときのサイトの動作: アプリ名、短い名前、テーマと背景色、起動モード。アイコンはあなたのロゴを使用します。保存はSave PWAで行います。

  21. デザイナータブ

    テーマ、セクション、ヘッダー&フッター、バナー、SEO。それぞれのタブは設定パネルを変更します; どのタブでもこのツアーを再開してその設定を説明します。