本文へスキップ
プレオープン期間中のお申込みで無料期間が2か月(通常1か月/2026年7月31日まで)詳しく見る →

便利な使い方

ページ編集の使い方

「ページ編集」は、お客さまが見る公開サイトの各ページを、ブロック(部品)を組み合わせて自由に作る画面です。専門知識がなくても、見出しや文章、ボタンなどを追加して並べるだけでページが完成します。

この画面でできること

  • 編集するページを選んで開く
  • ブロック(部品)の追加・編集・削除
  • ブロックの上下並び替え
  • ヒーロー動画(URL/アップロード)・文字色の調整
  • 公開サイトでの表示確認

管理画面での場所:サイトのコンテンツページ編集

「ページ編集」は、トップページやメニュー・料金、スタッフ紹介といった公開サイトの各ページの中身を作る画面です。最初に編集したいページを一覧から選び、そのページに「ブロック」と呼ばれる部品(見出し、文章、ボタンなど)を積み重ねていく形で作ります。

編集できるのは、オーナー・管理者・編集者の権限を持つ方だけです。通販(ショップ)ページはこの画面には表示されず、別の「通販設定」「商品管理」から編集します。ブログページは上位プラン(Max)でブログ機能が有効なときだけ一覧に表示されます。

VANNA 管理画面

ページ編集

ページを選び、ブロックを足して中身を作ります
ページ一覧(最初の画面)
4サイトを見る
1トップページ 公開サイトで見る / 編集する
2公開サイトで見る 別タブで表示を確認
3編集する 編集画面を開く
ブロックを追加
5追加するブロック種別
ヒーロー
6追加
ヒーロー(ブロックの中身)
7↑ 上へ移動8↓ 下へ移動9削除
11見出し
ようこそ当店へ
12サブテキスト
丁寧な施術で
14ヒーロー動画URL(任意)
共有URL
10保存
リッチテキスト(ブロックの中身)
13本文(Markdown)
当店のこだわり
15文字色(任意)
テーマ既定
16文字サイズ/太さ
テーマ既定
ページ編集の画面。まずページ一覧から①トップページを選び(②公開サイトで見る・③編集する・④サイトを見る)、⑤ブロック種別を選び⑥追加し、各ブロックを⑦↑⑧↓で並び替え・⑨削除しながら中身(⑪見出しなど)を書いて⑩保存します。

ページ一覧(最初の画面)の項目

「ページ編集」を開くと、まず編集できるページの一覧が表示されます。ここから編集したいページを選びます。一覧にはトップページ・メニュー・料金・スタッフ紹介・ギャラリー・店舗情報/アクセス・お知らせ・ご予約・お問い合わせ・採用情報が並びます(通販は除外、ブログはMaxのみ)。

ページのタイトル(リンク)
意味:トップページやメニュー・料金など、編集できる各ページの名前です。クリックするとそのページの編集画面が開きます。
推奨:まずは「トップページ」から整えるのがおすすめです。お客さまが最初に見る、最も大切なページです。
公開サイトで見る
意味:そのページが実際に公開サイト上でどう見えているかを、別タブで開いて確認できるリンクです。
推奨:編集して保存したあとにクリックし、お客さま目線で表示を確認しましょう。
編集する
意味:ページのタイトルと同じく、そのページの編集画面(ブロック編集)を開くリンクです。
推奨:タイトルのリンクと同じ働きです。どちらをクリックしても構いません。
サイトを見る
意味:画面の右上にあり、公開サイト全体のトップを別タブで開きます。
推奨:全体の雰囲気を確認したいときに使います。

ブロックの追加・並び替え・保存

ページを開くと、上部に「ブロックを追加」、その下に追加済みのブロックが縦に並びます。各ブロックには移動・削除・保存のボタンが付いています。まだブロックが無いときは「まだブロックがありません。上から追加してください。」と表示されます。

追加するブロック種別
意味:これから追加する部品の種類を選ぶ欄です。選べる種類はページごとに異なります(トップページは全種類、メニュー・スタッフ・アクセスなど一部ページは「リッチテキスト」のみ)。配置できる種類が無いページでは選択肢が空になります。
推奨:トップページなら「ヒーロー(メインビジュアル)」を最初に置き、その下に「リッチテキスト」や「CTAバナー」を足すと整います。
追加(ボタン)
意味:選んだ種類のブロックを、ページの一番下に追加します。追加直後は仮の文章(例:見出し「見出しを入力してください」)が入っています。
推奨:追加したらその場で中身を書き換え、必ず「保存」を押してください。
上へ移動(↑)
意味:そのブロックを1つ上に移動します。ページの先頭にあるブロックでは押せません。
推奨:見せたい順番に並べ替えます。移動は自動で保存されます。
下へ移動(↓)
意味:そのブロックを1つ下に移動します。ページの末尾にあるブロックでは押せません。
推奨:ヒーローを一番上、CTAバナーを一番下に置くなど、上から下への流れを意識しましょう。
削除
意味:そのブロックをページから消します。「このブロックを削除します。よろしいですか?」という確認のあとに削除されます。
推奨:消すと元に戻せません。不要なブロックだけを慎重に削除してください。
保存
意味:そのブロックで編集した内容を確定します。入力欄の変更は保存するまで公開サイトに反映されません。
推奨:中身を書き換えたら、ブロックごとに必ず「保存」を押す習慣をつけましょう。

ブロックの中身(種別ごとの入力項目)

ブロックの種類によって入力できる項目が変わります。文字数には上限があり、超える分は入力できません。写真の選択や、おすすめメニュー・スタッフ・ギャラリーの個別項目の選択は、今後のアップデートで対応予定です。

見出し(ヒーロー/CTAバナー)
意味:ブロックの一番目立つ大きな文字です。最大40文字まで入力できます。ヒーローとCTAバナーでは必須項目です。
推奨:「ようこそ◯◯へ」など、お店の雰囲気が伝わる短い言葉に。誇大な表現は避けましょう。
サブテキスト(ヒーロー)
意味:見出しの下に添える説明文です。最大80文字まで入力できます。任意項目です。
推奨:営業時間や場所、雰囲気など、見出しを補う一言を入れます。
ボタンラベル(ヒーロー/CTAバナー)
意味:ブロック内のボタンに表示する文字です。最大20文字まで入力できます。CTAバナーでは必須項目です。
推奨:「予約する」「お問い合わせ」など、押したあとに何が起こるかが分かる言葉に。
ヒーロー動画URL(任意・ヒーロー)
意味:トップの背景に動画を流すための共有URLです。YouTube・Vimeoの共有URL、またはhttpsのmp4・webm直リンクのみ使えます。最大2048文字。
推奨:動画前提のデザインで使います。自動再生・ミュート・ループで再生されます。空欄ならヒーロー画像が表示されます。アップロードした動画があればそちらが優先されます。
ヒーロー動画のアップロード(任意・ヒーロー)
意味:自分のmp4・webm動画(50MBまで)を直接アップロードできます。アップロード済みのときは「削除」で取り消せます。アップロードした動画はURLより優先して表示されます。
推奨:短いお店の紹介動画(PV)に向きます。容量が大きい動画は読み込みが遅くなるため避けましょう。
見出し(任意・リッチテキスト)
意味:自由記述ブロックの小見出しです。最大40文字まで。空欄でも構いません。
推奨:「当店のこだわり」など、その文章のテーマを示す見出しを付けると読みやすくなります。
本文(Markdown・リッチテキスト)
意味:自由に文章を書く欄です。最大2000文字、必須項目です。Markdownという書き方で見出しや箇条書きも作れます。
推奨:お店の紹介や注意事項などに。効能・効果を断定する表現や誇大な言い回しは避けてください。
文字色(任意・リッチテキスト)
意味:本文の文字色を選べます。色は #RRGGBB 形式で指定されます。「テーマ既定に戻す」でデザインの初期色に戻せます。
推奨:基本はテーマ既定のままがおすすめ。色を変える場合も読みやすさを最優先にしてください。
文字サイズ/文字の太さ(任意・リッチテキスト)
意味:文字サイズは小・標準・大・特大、太さは標準・中字・太字から選べます。どちらも初期値は「テーマ既定」です。
推奨:全体の統一感を保つため、特に理由がなければ「テーマ既定」のままにしましょう。
リンク先(CTAバナー)
意味:バナーのボタンを押したときの移動先です。「予約ページ」か「お問い合わせページ」から選びます。初期値は「予約ページ」です。
推奨:予約を増やしたいページには「予約ページ」を選ぶのがおすすめです。
タイトル/表示件数(最新のお知らせ)
意味:お知らせ一覧ブロックの見出し(最大20文字)と、表示する件数(1〜10件・初期値3件)を設定します。
推奨:件数は3件前後が読みやすくおすすめです。
タイトル(おすすめメニュー/ギャラリーハイライト/おすすめスタッフ)
意味:それぞれのまとめブロックの見出しです(最大20文字・任意)。表示する項目の個別選択は今後のアップデートで対応予定です。
推奨:「人気メニュー」「スタッフ紹介」など分かりやすい見出しを付けておきましょう。
注意ページごとに置けるブロックが違います。「ヒーロー」「おすすめメニュー」「ギャラリーハイライト」「最新のお知らせ」「おすすめスタッフ」「CTAバナー」はトップページ専用です。メニュー・料金、スタッフ紹介、ギャラリー、店舗情報/アクセス、ご予約、お問い合わせ、採用情報の各ページには「リッチテキスト」だけを追加できます。お知らせページには現在追加できるブロックがなく、ブロック種別の選択肢は空になります(お知らせ自体は専用機能で管理します)。なおブログページは上位プラン(Max)でブログ機能が有効なときだけ一覧に表示されます。通販(ショップ)ページはこの画面ではなく「通販設定」「商品管理」から編集します。

トップページを作る基本の流れ

  1. 1

    ページを選ぶ

    最初の一覧で「トップページ」をクリックして編集画面を開きます。
  2. 2

    ブロックを追加する

    「追加するブロック種別」で部品を選び、「追加」を押します。まずは「ヒーロー」から置くのがおすすめです。
  3. 3

    中身を入力して保存する

    見出しや本文などを書き換え、そのブロックの「保存」を押します。保存しないと公開サイトに反映されません。
  4. 4

    順番を整える

    ↑↓ボタンで見せたい順に並べ替えます。並び替えは自動で保存されます。
  5. 5

    公開サイトで確認する

    一覧画面の「公開サイトで見る」や右上の「サイトを見る」で、実際の表示をお客さま目線で確認します。
ヒント表現は控えめに、事実ベースで。美容・サロンの紹介では、効果・効能を断定する表現や「必ず」「No.1」などの誇大な言い回しは景品表示法・薬機法の観点から避けてください。リッチテキストの見出しや本文にそうした語が含まれると、注意の表示が出ることがあります。事実に基づいた、お店の魅力が伝わる表現を心がけましょう。

まずは2か月無料で、お店のページを作ってみませんか?

全プラン初回2か月無料・初期費用0円。デザインを選んで、写真と文章を入れるだけ。