ヘルプ

はじめに（3ステップ）

1. サイトを作る：ダッシュボードの「新しいHPを作成」から、テンプレートを選ぶか、手持ちのコード（生成AIが作ったHTMLなど）を貼り付けます。登録する前に試すときは、サービスの紹介の「無料で試す（登録なし）」から（作ったサイトは、新規登録するとそのまま引き継がれます）。
2. 中身を直す：ページの文字をクリックして書き換えます。写真はダブルクリック（またはファイルをドラッグ）で変えられます。
3. 公開する：右上の「公開」から公開名を決めて公開します。直したら、もう一度「公開」を押すと反映されます。

文字・写真・リンクを直す

文字

ページの文字をクリックすると、その場で書き換えられます。文字を選ぶと、太字・リンクのボタンが出ます。右の「編集パネル」からも直せます。

写真

写真をダブルクリックするか、パソコンの写真をページの上にドラッグします。編集パネルの「調整」で、切り抜き・回転・明るさを変えられます。写真には「代替テキスト（写真の説明）」を入れると、目の不自由な方や検索にも伝わります。

取り込んだサイトの写真も同じように差し替えられます。CSS（背景）で表示している写真や、画面の幅で出し分けている写真（picture・srcset）も対象です（文字・写真ごとに分けたあとも直せます）。幅で出し分けている写真を差し替えたときは、古い写真を指していた指定（source・srcset）は自動で外れます。

リンク・ボタンの行き先

ボタンやリンクを選ぶと、編集パネルに行き先の欄が出ます。「サイト内」からページを選べるほか、「電話をかける」「メールを送る」も選べます。

まとめて置き換える

電話番号や住所、年号などを全ページでまとめて変えるときは、「ファイル」→「文字をまとめて置き換える」。

ブロック（ページのまとまり）を足す・並べ替える

ページは「ブロック」（見出し・写真・お知らせ・地図などのまとまり）でできています。左の「ブロック」の一覧から選ぶか、ページの「＋ ここにブロックを追加」を押します。一覧は、まとまりごとに開いたり閉じたりでき、上の欄で探せます。

• 並べ替え：ブロックの左上に出る名前の札（「メインビジュアル」など）や、ブロックの文字のない場所をドラッグすると、上下に動かせます。青い線が入る位置に入ります。選んだときに出る ↑↓ のボタン、左の「構成」タブのドラッグ、⌥+↑↓ でも動かせます。
• 複製・削除：ブロックを選ぶと出るボタン、または右クリックのメニューから。
• 小さな部品（パーツ）：見出し・段落・リスト・表・ボタンなどを1つずつ置けます。
• 段組み：「自由な段組み」で、列の中に好きなブロックを入れられます。
• マイブロック：よく使うブロックは「…」→「マイブロックに保存」で、ほかのページ・サイトでも使えます。
• 右の編集パネル：ブロックを選ぶと、上に「中身」「見た目」「動き」「設定」のタブが出ます。「中身」で文字・写真・リンク、「見た目」で形・色・背景・余白、「動き」で動き、「設定」でスマホ／パソコンでの表示・全ページ共通・ロックを変えます。左右のパネルは、上の「«」「»」でしまえます（編集画面が広くなります）。
• 押した部分だけを直す：ページ上の見出し・文章・ボタン・写真・カードを押すと、右のパネルにその部分だけが出ます。文字の色・大きさ・太さ・揃え・動きも、その文字だけに付けられます。「← ブロック全体の設定」でブロック全体の設定に戻ります。
• 中の項目を並べ替える：カード・スタッフ・写真・よくある質問など、同じ形のものが並んでいるブロックでは、その1つ（1枚・1人）にマウスを乗せると緑の枠と名前（⠿ スタッフ 1 など）が出ます。その上をドラッグすると並べ替えられます（文字の上からでも、文字の外へ動かせばそのまま運べます）。選んだ状態で ⌥+↑↓（並べ替え）・⌘D（複製）・Delete（削除）も使えます。文字ごとに付けた色や大きさも、一緒に移動します。
• 中のブロックを組み替える：「特徴・サービス」などのブロックは、置いたときにセクション（入れ物）＋見出し・カードに分かれます。ページ上でカードや見出しを押すと、緑の枠と名前が出てその部分の設定になり、そのままドラッグで並べ替えられます。別のセクションの中へ運ぶこともできます（入れられる場所にだけ入ります）。右のパネルの「中のブロック」からも、追加・並べ替え・削除ができます。
• 動きのあるサイト：スクロールで現れる動き（AOS・WOW など）で最初は見えない部分も、編集画面では最初から表示します（書き出し・公開ページは元のままです）。画面をふさいだままの読み込み画面は編集画面では隠します。「動かしてから取り込む」を使うと、動かした後の見た目のまま取り込み、消えたままの部分は表示されるように直し、読み込み画面も外します。
• うまく取り込めないときは：そのコードを お問い合わせ からお送りください。HTMLに限らず、CSS・JavaScript・React（JSX）・Vue・PHP・マークダウンなど、どんな形のコードでも結構です。取り込みの改善だけに使い、公開することはありません（パスワード・APIキー・お客様の個人情報は消してからお願いします）。
• 取り込めるファイル：HTML（.html / .htm / .xhtml）のほか、マークダウン（.md）、PHP・ERB・JSP などのテンプレート（埋め込みのコードを外して土台だけ）、Vue・Svelte・Astro の部品、React（.jsx / .tsx）、Sass（.scss / .sass / .less / .styl）を取り込めます。ZIP・フォルダの中に混ざっていても大丈夫です。パスワードなどの設定ファイル（.env・.htaccess）は取り込みません。サーバー側だけで動くファイル（.py / .rb / .go など）は画面に出るものではないため、できあがったページのHTMLを入れてください。
• カウントダウン：「ブロック」→「カウントダウン」で、開催日や締め切りまでの残り時間を出せます。見せ方は数字の枠・大きな数字・1行の帯・丸い時計の4種類、出す単位（日／時／分／秒）も選べます。公開したページでは、見ている人が開いた時刻に合わせて自動で進みます。取り込んだサイトに入っていた「あと○日」も、そのままだと取り込んだ日の文字で止まってしまうため、自動で毎日進むように直して取り込みます。
• まとめて分ける：「ファイル」→「すべてのブロックを文字・写真ごとに分ける」で、サイトの中のブロックをまとめて部品に分けられます（見た目は変わりません）。ひとつずつ分ける必要はありません。
• 文字・写真ごとに動かす：ブロックを選んで「…」→「もっと細かく分ける（文字・写真ごとに動かせる）」を押すと、そのブロックが文字ひとつ・写真ひとつの部品になります（見た目は変わりません）。カードの中の説明文だけを別のセクションへ移す、といった組み替えができます。文字を直したいときは1回クリック、動かしたいときはそのまま文字の外へドラッグします（上に出る ⠿ の札からも運べます）。まだ分けていないブロックの文字・写真も、ドラッグを始めるとその場で自動的に分かれて、その部分だけを運べます。
• 前から使っているブロックを分ける：テンプレートなどで入っているブロック（スタッフ紹介・写真ギャラリー・ご利用の流れ・料金プラン など）は、ブロックを選んで「…」→「分ける（中身を組み替えられるようにする）」（右クリックのメニューにもあります）で、見出しと中身に分かれます。見た目（公開ページ）は変わりません。分けると、見出しを別の場所へ動かす・順番を入れ替えるなど、自由に組み替えられます。
• 部品をページの独立したブロックにする：部品をつかんで、ブロックとブロックのすき間（区切りの線が出る場所）に落とすと、その部品がページの中の独立したブロックになります。カードの中の写真だけを取り出して、セクションとセクションの間に置く、といった使い方ができます。元に戻したいときは「戻す」を押してください。
• スマホで組み替える：スマホでは、部品を押して選び、編集パネルの「この中で上へ／下へ」のボタンで並べ替えます（複製・削除も同じ場所です）。ドラッグでの並べ替えはパソコンだけの機能です。
• 背景の飾り：文字も写真も入っていない、背景の飾りやアニメーションの部分は、まちがって動かさないようにつかめません。「構成」タブにも並べず、いくつあるかだけをお知らせします。
• ちがう種類のブロックへも運べる：同じ欄どうし（どちらも「項目」など）なら、種類のちがうブロックの中へも項目を運べます。
• 文字の大きさ・太さを細かく：押した部分のパネルの「見た目」で、記号のボタン（A の大小・太さ）に加えて、スライダーと数値でも決められます（大きさ 50〜300%、太さ 100〜900）。
• 写真を変える：写真にマウスを乗せる（スマホは押す）と「写真を変える」「調整」のボタンが出ます。
• まだ直していない所：テンプレートの仮の文字（〇〇など）には黄色の印、仮の写真には点線の枠が付きます（編集画面だけ）。右のパネルの「公開までのやること」から、次の場所へ移れます。
• 名前・電話・住所をまとめて：「ファイル」→「名前・電話・住所などをまとめて入力」（デザインタブにもあります）で、すべてのページの仮の値をまとめて置き換えます。
• リンク先：リンク先の欄の下に「→ このページの『予約・連絡ボタン』へ」のように行き先が出ます。「リンク先…」から、ページやブロックの名前で選べます。
• サイト全体の動き：デザインタブの「サイト全体の動き」（控えめ・しっかり）で、ブロックごとに選ばなくても動きが付きます。ブロックで選んだ動きが優先です。
• 見た目の調整：「見た目」タブで、背景・余白・中身の幅などを変えられます。
• いつ動くか：ページを開いたときに見えている部分（ヘッダー・メインビジュアルなど）は開いたときに、下にある部分は画面に入ってきたときに、1回だけ動きます。「動き」タブで選ぶと、編集画面の中でその場で動きを見られます（「▶ 動きを見てみる」でもう一度）。
• 文字ごとの動き：「動き」タブの「文字ごとの動き」で、ブロックの中の見出し・文章・数字などに1つずつ動きを付けられます。取り込んだコードでは、ページ上で文字や写真を選んでから「選んだ部分の動き」で付けます。
• 動きの種類：「動き」タブの「表示されたときの動き」で、下から・上からふわっと、ぼかしから、左右からスライド、拡大・縮む、ぽんっと弾む、回転、横に開く、中の項目を順番に、などを選べます。「斬新」のまとまりには、3Dで起き上がる・扉のように開く、下から幕が上がる、円形に広がる、斜めに切り開く、びよーんと弾む、グリッチ、見出しがせり上がる、数字がカウントアップ（「数字で見る実績」など）もあります。動きを選ぶと、速さ・動き始めるまでの遅れも選べます。「マウスを乗せたとき（パソコン）」（浮き上がる・大きくなる・影・立体的に傾く・ふちが光る）と「ずっと続く動き」（写真がふわふわ浮く・ボタンがゆっくり光る・光が走る など）もあります。ページ全体の見え方は「プレビュー」で確かめられます。動きを減らす設定の方には出しません。

ページ・投稿（お知らせ・ブログ）

左の「ページ」タブでページを追加・複製・並べ替えできます。ページを増やすと、ヘッダーのメニューにも自動でリンクが入ります。

お知らせやブログは「投稿を追加」から。トップページに新しい順の一覧が自動で並び、「投稿の一覧ページを作る」で一覧だけのページも作れます。

まだ見せたくないページは「下書き」にすると、公開・書き出しに入りません。「別の言語版を作る」で英語などのページも作れます。

お問い合わせフォームを受け取る

「お問い合わせフォーム」のブロックは、送信先URLを設定しないと、見る人のメールソフトを開くだけになります。メールソフトを使っていない人からは届かないため、公開する前に、フォームを受け取るサービス（Formspree など）の送信先URLを設定してください。

1. Formspree（formspree.io）などに登録し、新しいフォームを作ります（受け取りたいメールアドレスを登録します）。
2. 表示される送信先URL（例：https://formspree.io/f/xxxx）をコピーします。
3. お問い合わせフォームのブロックを選び、編集パネルの「送信先URL」に貼り付けます。
4. 公開したあと、自分で一度送ってみて、メールが届くことを確かめます。

迷惑メール対策：送信先を設定したフォームには、人には見えず、自動で送る仕組み（ボット）だけが入力する欄を入れています（Formspree では、この欄が入力された送信を受け取りません）。それでも迷惑メールが多いときは、Formspree などの設定で reCAPTCHA などの対策を有効にしてください。

色・文字の形（デザイン）

左の「デザイン」タブで、テーマ（色の組み合わせ）・フォント・ボタンの形・見出しの飾りなどを選べます。サイト全体に反映されます。

コードを取り込む（生成AI・制作会社のHTML）

「コードを取り込む」にHTMLを貼り付けるか、ZIP・フォルダを選びます。見た目はそのままで、文字や写真はクリックして直せるようになります。

• 取り込む前に「分け方を確かめる」で、取り込まない部分を外したり、まとめたりできます。
• React・Vue など、JavaScript で画面を作るコードは「動かしてから取り込む」を使います。
• 同じコードの新しい版が届いたら「新しい版として更新」で、ノーコードで直した部分を引き継げます。
• 個人の電話番号・メールアドレスらしき文字や APIキー が含まれていると、取り込むときに知らせます。

公開する・予約する・公開をやめる

右上の「公開」で、公開名（URLになる英数字）を決めて公開します。公開前チェックで、仮の文字・リンク切れ・写真の説明の入れ忘れなどを確かめられます。

• 予約公開：「日時を指定して公開する」で、決めた日時に切り替わります。
• 前の版に戻す・公開をやめる：公開ダイアログから行えます。
• スマホで見る：公開ダイアログのQRコードを、スマホのカメラで読み取ります。
• 独自ドメイン：有料プランで、ダッシュボードのサイトの設定から追加します（DNS の設定が必要です）。
• 公開できる数：プランによって決まっています（フリーは1サイト）。
• 閲覧数：公開したページが開かれた回数を数えます。ダッシュボードの一覧と、サイトの設定（「⋯」→「サイトの設定」）で、今月の回数と日ごとの内訳を見られます。プランの上限を超えると、公開を一時停止し、ダッシュボードでお知らせします（プランを変えるとすぐ元に戻り、翌月は自動で再開します）。

Google の検索結果に載せる（Search Console）

公開しただけでは、すぐには検索結果に出ません。Google に知らせると、早く見つけてもらえます。ほかのサービス（Wix・STUDIO・ペライチなど）と同じように、Google Search Console への登録はご自身で行っていただきます。手順は次のとおりです。

1. Google Search Console を開き、Google アカウントでログインします。
2. 「URL プレフィックス」に、公開したサイトのURL（公開ダイアログに出るアドレス）を入れます。
3. 所有権の確認の方法で「HTML タグ」を選び、出てきたコードをコピーします。
4. エディタの「デザイン」タブ →「検索に載せる（Google Search Console）」に貼り付けて、もう一度「公開」します。
5. Search Console に戻って「確認」を押します。
6. 確認できたら、左の「サイトマップ」に sitemap.xml と入れて送信します（公開すると自動で作られます）。

独自ドメインを使う場合は、ドメインを設定してから登録すると、URLが変わらずに済みます。

お客様と一緒に使う（制作を受注している方へ）

お客様と共有（編集用のリンク）

「ファイル」→「お客様と共有」でリンクを作り、お客様に送ります。お客様はご自身のアカウントでログインし、文字と写真だけを直せます（ブロックの追加・削除・デザイン・公開はできません）。リンクは7日間・1人が1回だけ使えます。共有はいつでもやめられます。

公開する前に見てもらう（確認用のリンク）

「ファイル」→「確認用のリンク」（または「公開」の画面の「確認用のリンク…」）で、今の内容を見るだけのリンクを作れます。リンクを知っている人は、ログインなしで見られます（直すことはできません。検索エンジンには載りません）。見られる期間は1日〜30日で選べ、いつでも取り消せます。公開中のサイトは変わりません。あとから編集した内容は入らないので、見せ直すときはもう一度作ってください。

お客様モード（制作者ロック）

同じパソコン・ブラウザでお客様に触ってもらうときは、「ファイル」→「お客様モード」で暗証番号をかけると、直せるところを文字と写真に絞れます。

納品に使えるもの

• 「ファイル」→「このサイトの操作マニュアルを作る」：お客様向けの操作説明を印刷・PDFにできます。
• 「修正報告」（保存ポイント・自動バックアップ・操作の履歴の一覧から）：ある時点から変えたところを一覧にします。
• 「ファイル」→「作業の記録（レポート）」：日ごとの作業時間の目安と変更の回数。

保存・元に戻す・バックアップ

• 戻す・進む：右上のボタン、または ⌘+Z / ⇧+⌘+Z。「ファイル」→「操作の履歴から戻す」で、さかのぼって戻せます。
• 保存：ログインしていると自動で保存されます。「保存」ボタン（⌘+S）を押すと「保存ポイント」が残り、あとから戻せます。
• 自動バックアップ：このブラウザの中に、30分に1回まで残ります（「ファイル」→「自動バックアップから戻す」）。
• ファイルに残す：「ファイル」→「バックアップを書き出す（.json）」。

書き出す（HTML・ZIP）

ベーシック・プロプランでは、「書き出し」でサイトを HTML・ZIP としてダウンロードできます。書き出すときに置く場所（レンタルサーバーなど・Netlify・Cloudflare Pages・GitHub Pages）を選ぶと、そのサービスに合うファイルを足し、アップロードの手順を表示します。

公開するURLが決まっていれば入れてください。検索エンジン向けのサイトマップと、存在しないページを開いたときの「404」ページも作ります。

キーボードの操作

Windows では ⌘ のかわりに Ctrl を使います。

困ったとき