革命WEB STUDIO GUIDEStudioを開く ↗

はじめての方へ

見ながら変える。
それだけで、あなたのサイトに。

文章も写真も入ったサンプルから始めます。
まずは店名と写真を変えてみましょう。

現在はテスト環境です。実際の課金はありません。
「使い方」リンクから開くと別タブに表示され、作業中の画面はそのまま残ります。

画面上で教えてほしい方へ

「はじめてガイド」で、一緒に操作。

編集画面の上部にある「はじめてガイド」を押すと、クリックする文字やボタンを枠で示しながら順番に案内します。初めて編集画面を開いたときにも、ガイドの開始案内が表示されます。

  1. 「ガイドを始める」を押します。
  2. 案内された場所をクリックして操作します。「次へ」で先に説明を見ることもできます。
  3. 戻りたいときは「前へ」、終わりたいときは「×」を押します。開始案内では「今回はスキップ」も選べます。

ガイドは文字や写真を勝手に変更しません。編集はご自身の操作で行い、最後に保存してください。ガイドを閉じても、上部の「はじめてガイド」から再開できます。

やりたいことから探す

まずは、ここから

最短5ステップで完成へ。

画面は「デザイン選択 → サイト編集 → 完成確認」の3段階です。

  1. 1

    デザインを選ぶ

    LPまたはHPを選び、業種を選択。気に入ったサンプルの写真か「この案で編集する」を押します。選択済みの場合は「このデザインで編集」と表示されます。LPは1ページ、HPは必要なページを選んで進めます。

    業種カテゴリー → サンプルを選択
  2. 2

    文字と写真を変える

    プレビューの文字をクリックして入力。写真をクリックして「写真を差し替え」を押します。サンプルの店名・人物・料金などは架空の例です。ご自身の情報に変更してください。

    変更したい場所をクリック
  3. 3

    こまめに保存する

    画面上部の「入力内容を保存する」を押し、「保存済み」の表示を確認します。編集しただけでは、保存は完了していません。

    入力内容を保存する
  4. 4

    PCとスマホで完成を確認

    「完成を確認する」で編集用の枠がない画面へ。PC・スマホを切り替えて、文字や写真の見え方を確認します。直したい場合は「編集へ戻る」を押します。

    完成を確認する → PC / スマホ
  5. 5

    サイト一式を受け取る

    完成確認の下から支払い画面へ進み、完了後にZIPをダウンロードします。ZIPは複数のファイルをまとめたものです。展開して「index.html」を開くとサイトを確認できます。

    お支払い → ZIPでダウンロード

ダウンロードだけではインターネットに公開されません。公開先への配置は別の作業です。

編集の基本

文字は、クリックしてそのまま入力。

  1. 変えたい文字をクリックします。
  2. 赤い枠が表示されたら、文字を入力します。
  3. 近くに出る道具で、書体・文字サイズ・色などを変更します。

「ABOUT」「私たちについて」のような見出しも編集できます。装飾は選んだ文字のまとまり全体に反映されます。

太字・斜体・線・マーカー
Bは太字、Iは斜体、Uは下線、波線は波状の線、Sは取り消し線です。「蛍光」は文字の背景色。「解除」で装飾を戻せます。
位置を動かす
赤枠の「↔」を押したまま動かします。文字の上をドラッグすると文章の選択になるため、移動にはつまみを使います。
大きさを変える
赤枠の右下「↘」を押したまま動かします。文字サイズは数字でも変更できます。PCとスマホの配置・書式は別々に調整できます。
削除する・元に戻す
対象を選んで「削除」。周囲ごと消す場合は「囲む枠を選択」から対象を確かめます。間違えたら画面上部の「元に戻す」を押します。元に戻す履歴は画面を再読み込みすると引き継がれません。
道具が邪魔になったら
道具の右上の「×」を押すか、キーボードのEscキーで選択を解除します。別の場所をクリックすると、また編集できます。

写真をあなたらしく

写真を選んで、差し替える。

01

写真をクリック

プレビューの変更したい写真を選びます。赤枠が目印です。

02

「写真を差し替え」

パソコンやスマホに保存した画像を選びます。選択を取り消した場合、元の写真は残ります。

03

表示を確認して保存

写真の切れ方を確認します。必要なら赤枠のつまみで位置・大きさを調整してください。

PNG・JPEG・WebPに対応。1枚5MBまで、写真・ロゴを含め合計12MBまでです。画像枠を削除したい場合は、選択中の対象を確かめて「削除」を押します。

表示中のキャラクターは、近くの「×」で消せます。消し間違えたら「元に戻す」を押してください。

HPを選んだ方へ

必要なページだけ選べます。

HPでは、最初にページ構成を選びます。トップページは必須です。会社紹介・サービス・製品・メニュー・実績・スタッフ・お客様の声・よくある質問・お問い合わせから、必要なものを選んでください。

  1. 編集画面の「編集するページ」で、作業するページを選びます。
  2. 完成確認でもページを切り替え、内容を確認します。
  3. 増減したいときは「ページ構成を変更」へ。入力済みの内容は保持されます。

「選んだ空のページに完成サンプルを入れる」にチェックすると、空のページに架空の文章・写真を補います。不要ならチェックを外してください。お客様の声は、掲載許可のある実際の内容に置き換えてください。

作業を続ける・受け取る

保存してから、画面を閉じましょう。

続きから編集

「入力内容を保存する」を押し、「保存済み」を確認。同じブラウザでStudioを開き、「続きから編集する」で再開できます。

未購入の制作データにアクセスできる期間は、制作開始から7日間です。保存をしても無料制作の期限は延長されません。購入後はこの7日間の制限の対象外です。受け取り画面の購入データ専用URLを保存し、ダウンロードしたZIPもご自身で保管してください。別の端末や別のブラウザへ自動で引き継がれるわけではありません。

完成確認とZIP

完成確認では編集用の赤枠や道具は表示されません。薄い「革命WEB」の透かしは、ダウンロードしたサイトには入りません。

お支払い内容をご確認ください。支払い完了後にサイト一式をZIPで受け取れます。

サイトの公開には、公開先のサーバーなどへの配置が必要です。「保存」や「完成確認」を押しただけでは公開されません。

お問い合わせを受け取りたい場合

見た目の完成と、メール送信の設定は別です。

  1. 「項目を追加・管理 / 連絡先設定」を開き、受信先メールアドレスと公開先URLを入力して保存します。
  2. 「受信先メールを確認する」を押し、届いた確認メールの案内に従います。
  3. 利用可能な状態になったら「テストメールを送る」で試し、実際に届いたことを確認します。

送信サービスが未設定の場合、フォームからメールは送れません。受信先の確認や公開先との接続も必要です。プレビューのフォームからは実送信されません。「受付」の表示だけで、メールの到着が保証されるわけではありません。

困ったとき

よくあるつまずき。

サンプルを変えたら、文章も変わりました。

「完成サンプル」を選ぶと写真・文章も切り替わります。「元に戻す」または「サンプル変更を戻す」で戻せます。内容を残して見た目を比べる場合は、デザイン変更画面の「入力内容で比較」を使ってください。

文字を選べません。

完成確認の画面では編集できません。「編集へ戻る」を押してください。道具が文字を覆っている場合は「×」で閉じ、文字をもう一度クリックします。

写真が切れたり、文字がはみ出します。

PCとスマホを両方確認してください。選んだ要素の「配置を戻す」で調整前へ戻せます。文章を短くする、改行する、文字サイズを小さくする方法もあります。

保存ができません。

画面の案内を確認してください。会社名・事業内容や、追加したメニューの必須項目が空欄だと保存できません。接続エラーの場合は、画面を閉じずに接続を確認して再度保存してください。

編集内容が戻ってしまいました。

「未保存」のまま画面を閉じると、変更が失われることがあります。更新前・終了前に「入力内容を保存する」を押してください。ページの再読み込み後は、操作を元に戻す履歴は残りません。

7日を過ぎて開けません。

未購入の制作データにアクセスできる期間は7日間です。期限を過ぎた場合は新しく制作を開始してください。購入済みの場合は、保存した購入データ専用URLから開いてください。すでにダウンロードしたZIPは、ご自身の端末で引き続き利用できます。