便利な使い方
デザイン設定の使い方(公開サイトの見た目を選ぶ)
「デザイン」では、用意された1,000種類以上の完成デザインから1つを選んで公開サイトに適用できます。ページやメニュー、写真などのコンテンツはそのまま残るので、作り直しなしで見た目だけを切り替えられます。
この画面でできること
- 完成デザインを一覧から選んで適用
- 名前・テンプレート種別・ティア・雰囲気タグで絞り込み
- 別タブでプレビュー確認
- 気になるデザインを♡で保存
- 適用すると公開サイトへ即時反映
管理画面での場所:各種設定 › デザイン
「デザイン」は、公開サイト全体の見た目(レイアウトと配色がセットになった完成デザイン)を選ぶ画面です。以前の「構成×配色」を別々に選ぶ方式から、最初から整った完成デザインを1つ選ぶだけの方式に変わっており、専門知識がなくても迷わず決められます。
この画面を開けるのはオーナーと管理者(admin)だけです。デザインを変えても、登録済みのページ・メニュー・スタッフ・写真などのコンテンツは消えません。見た目だけが切り替わるため、何度でも気軽に試せます。なお「適用」を押すと公開中のサイトには即座に反映される点だけ覚えておきましょう。
デザイン設定
完成デザインを1つ選んで公開サイトに適用します
探す(検索・絞り込み)
1デザインを検索
ミニマル
2テンプレート種別 すべての種別/スタンダード/フルスクリーン/マガジン 他
3ティア すべて/ベーシック/プレミアム
4雰囲気タグ ナチュラル/ラグジュアリー/ミニマル/モード 他
5♥ お気に入りだけ表示
6件数・ページ
128件 / 1 / 11
デザインカード(1件ごと)
7このデザインを選ぶ選択中
8PREMIUM バッジ Max以上で利用可PREMIUM
9適用中バッジ いま公開中のデザイン適用中
10♡ お気に入りに保存
11プレビューを見る(別タブ)
確定
12ページ送り 前へ / 1 … 5 6 7 … 11 / 次へ
13このデザインを適用する
画面の各項目
上から順に、各要素の意味とおすすめの使い方です。
項目意味推奨・入力例
デザインを検索
意味:デザインの名前・説明文(タグライン)・雰囲気タグをまとめて検索できる入力欄です。入力すると少し待ってから一覧が絞り込まれます。
推奨:探したい雰囲気のキーワードを入れます。例:「ミニマル」「写真」「PREMIUM」。たくさん見比べたいときは空のままにして、下の絞り込みチップで探すのが楽です。
テンプレート種別(一次カテゴリ)
意味:レイアウトの大枠を5種類から選ぶ絞り込みチップです。スタンダード/フルスクリーン/マガジン/エディトリアル/ギャラリーファーストがあり、「すべての種別」で解除できます。
推奨:写真を大きく見せたいなら「フルスクリーン」や「ギャラリーファースト」、文章で世界観を伝えたいなら「マガジン」「エディトリアル」。迷ったら「すべての種別」のまま眺めます。
ティア(すべて/ベーシック/プレミアム)
意味:デザインのグレード分けです。「すべて」「ベーシック」「プレミアム」から選べます。ベーシックは全プランで使え、プレミアムはより作り込まれた専用デザインです。
推奨:まずは「ベーシック」で十分に整います。プレミアムを使いたい場合はMax以上のプランが必要です(後述)。
雰囲気タグ
意味:デザインの印象で絞り込むチップです。「すべて」のほか、ナチュラル/ラグジュアリー/ミニマル/モード/トレンドの5つから選べます。
推奨:お店の雰囲気に近いタグを1つ押して候補を一気に絞ります。例: 落ち着いた大人サロンなら「ラグジュアリー」、シンプル重視なら「ミニマル」。
♥ お気に入り
意味:♡で保存したデザインだけを表示する切り替えチップです。保存があるとチップに件数が併記されます。
推奨:候補をいくつか♡で集めてから、このチップを押して見比べると決めやすいです。
件数・ページ表示
意味:絞り込み後の該当件数(絞り込んだときは「全N件中」も併記)と、現在のページ位置を示す案内文です。
推奨:件数が多いときは検索やタグでさらに絞ると探しやすくなります。確認用の表示なので操作は不要です。
このデザインを選ぶ(ラジオ)
意味:カードを1枚選ぶための選択ボタンです。選ぶと枠の色が変わり、選択中になります。まだ適用はされません。
推奨:気になるデザインをクリックして選択し、下の「適用する」を押す前にプレビューで確認しましょう。
PREMIUMバッジ
意味:そのデザインがプレミアム(Max以上向け)であることを示す表示です。
推奨:Proプランのときは選択できず、カードにアップグレードを促す案内が出ます。使いたい場合はプランのアップグレードを検討します。
適用中バッジ
意味:いま公開サイトに使われているデザインに付く目印です。
推奨:現状のデザインがどれかを確認する目印として使います。別のカードを選んでも、適用を押すまではこのバッジは元のカードに付いたままです。
♡ お気に入り(カード内)
意味:デザインを後で見返すために保存するボタンです。押すと♥(保存済み)に変わります。
推奨:3〜5枚ほど候補を♡で保存し、「♥ お気に入り」表示で最終比較すると選びやすいです。
プレビューを見る
意味:そのデザインを実際の見え方で確認できるリンクです。新しいタブで開きます。
推奨:適用前に必ずプレビューで確認しましょう。スマホ表示も意識して、文字の読みやすさや写真の見え方をチェックします。
ページ送り
意味:デザインが多いときに、前へ/次へやページ番号で別ページへ移動するナビゲーションです。1ページに12件ずつ表示されます。
推奨:目的の種別やタグで絞ってからページを送ると、候補を効率よく見られます。
このデザインを適用する
意味:選んだデザインを公開サイトに反映するボタンです。押すと確認ダイアログが出て、OKで確定します。今と違うデザインを選ぶまでは押せません。
推奨:プレビューで納得してから押します。公開中の場合は確認文に「公開サイトのデザインがすぐ切り替わる」と表示されるので、内容を読んでからOKします。
注意プレミアムデザインはMax以上のプラン限定です。 PREMIUMバッジ付きのデザインは、Max・Max+プランで利用できます。Proプランでは選択できず、カードに「プランのアップグレードで利用できます(設定→契約・お支払い)」と表示されます。ベーシックのデザインだけでも十分に整った公開サイトを作れるので、まずはベーシックから選ぶのがおすすめです。
デザインを切り替える流れ
- 1
候補を絞る
検索欄やテンプレート種別・ティア・雰囲気タグで、お店に合いそうなデザインを絞り込みます。 - 2
プレビューで確認
気になるカードの「プレビューを見る」を開き、実際の見え方を別タブで確認します。良さそうなものは♡で保存しておきます。 - 3
選んで適用
使いたいデザインのカードを選択し、画面下の「このデザインを適用する」を押します。確認ダイアログでOKすると確定します。 - 4
反映を確認
「デザインを適用しました。公開サイトに反映されています。」と表示されたら、公開サイトを開いて反映を確認します。コンテンツは保持されるため作り直しは不要です。
ヒントいつでも何度でも切り替えられます。 デザインを変えてもページ・メニュー・写真などのコンテンツは消えません。季節やキャンペーンに合わせて気軽に切り替えられます。気に入ったデザインは♡で保存しておくと、次に見直すときにすぐ呼び出せます。