スマホだけでホームページの作り方

パソコン持ってないんだよね。。。
パソコン持ってるけど、わいのメインマシンはスマートフォンや!スマホでホームページも全部作るんや!

飲食店のホームページを作りたい

という人のためのホームページの作り方です。ところで、スマホだけでホームページって作れるの?

 スマホだけでホームページは作成できます。写真もスマホで撮るので、デジカメもいりません。

 スマホだけでホームページを作成するにあたって、ホームページ初心者に優しい、飲食店などのホームページがとにかく簡単に作れてしまうGoopeグーペというサービスを使って飲食店のホームページを作ってみました。

 必要なのは、スマートフォンとGoopeグーペだけ。

スマホだけで15分で作ったホームページ

 グーペを使ってスマホだけで、だいたい15分くらいでホームページを作りました。(写真はスマホに入っていたものなどを使用)初めてホームページを作る人や、グーペの使い方に慣れていない人は、もうちょっと時間がかかるかもしれませんが、ホームページがホームページとして十分機能するところまで簡単に作れるようになっています。

 グーペを使ってスマホだけで作ったホームページはこんな感じです。

 スマホだけで作ったホームページですが、パソコンでもきちんと表示されます。

スマホで作ったホームページ
※このホームページは15分で作ったホームページです。もっと時間を掛けて作り込んでいくことで、もっと素敵でお客さんにアピールできるホームページになります。
 

スマホだけでホームページが作成できるグーペ

 Goopeグーペは、スマートフォンに完全対応した管理画面からホームページを作ることができるホームページ作成サービスです。

 スマホだけでホームページを編集、管理すると言っても、もちろんパソコンやタブレットでも快適に編集、管理することもできますし、PC、タブレットにもちゃんと対応したホームページが作成できます

 グーペには、メニューページ、地図、写真で料理や店舗内を見せるフォトアルバム、営業日のわかりやすいカレンダー、クーポン、お問い合わせ、求人ページ、予約ページ、ブログ、独自ドメイン対応、SSL対応、サポートなど、飲食店など店舗に必要な機能が最初から備わっています

 私がこのサイトでおすすめしている一番のホームページ作成サービスは「グーペ」です。ホームページ作成サービス「グーペ」グーペでホームページを作成するこ

スマホだけでも簡単にホームページが作れるグーペの料金

スマホだけでホームページ作成

 このページの先では、スマホだけでグーペを使ったお店のホームページの具体的な作り方を紹介しています。

ですが、ここで紹介できたのはグーペの機能の一部です。もっとホームページのデザインを作り込んでいくこともできますし、フォトアルバムやスタッフ紹介ページ、予約の管理、ブログの機能、ネットショップを開設して連携するなど、紹介しきれていない色々な機能が付いています。

 ホームページがホームページとして活躍できる、集客できる様々な機能が付いていて、Goopeグーペの料金は月々¥1000(税抜)です。

 月々¥1000でお店のホームページが簡単に作れるのは、かなり安いです。

 「安いです」と言われても、初めてホームページを作る人にとって、ほんとに自分でも簡単にホームページが作れるの?スマホだけでかっこいいホームページができるの?使いやすいの?サポートはしっかりしてくれるの?月々1000円の価値があるの?など???のほうが多いと思います。

グーペは無料で15日間おためしで使うことができます

 なので、まずは15日間使ってみてから考えてみてください。グーペは無料期間が過ぎたら勝手に有料プランになることもありませんし、無料期間中に作ったホームページは有料プランの契約をしたあとも引き継がれます
 
 これ以上簡単にホームページを作る方法は無いってくらい簡単にホームページが作れるグーペをこの先の手順に従って、ぜひ試してみてください。

スマホでのホームページの作り方

 スマホからグーペにアクセスして、15日間の無料おためしからグーペに登録をします。わいはグーペに決めたんや!最初から有料でいいんや!という人も、15日間の無料おためしからのスタートになります。

スマホでホームページを作成

 ログインIDパスワードを自分で決めて、自分の使っているメールアドレスを入力して、利用規約に同意して申し込むを押します。

スマホでホームページを作成

 これでグーペの申し込み完了!初期設定へ進みます。

スマホでホームページを作成

名前、住所、電話番号など自分の情報を入力します。

スマホでホームページを作成
  
 入力したら、ホームページ情報登録へ

スマホでホームページを作成

 ホームページのURLは独自ドメインを使わないのであれば、変更できないので、ちょっと慎重に決めてください。他の人がすでに使っているものは、使うことができません。

 飲食店のホームページを作るのに、独自ドメインは必要なの?そもそも独自ドメインって何?ってことについて書いています。 結論から先に言いますと、飲食店に限らず「お仕事

 ジャンル、ホームページのタイトル、お店の住所を登録します。この辺は後で変更できるので、あまり考えすぎず入力して大丈夫です。

 入力したら、ホームページ作成を押します。

 あら簡単!ホームページが完成しました!たった数分で自分のホームページを持つことができました

スマホでホームページを作る

 まだメニューやら、お店の情報などを入れていないので、ほんとうの意味での完成ではあませんが、たったこれだけの入力で、公開を選択すれば、あなたのホームページが世の中に存在することになります

 管理画面へ進むから、更にホームページを作っていきます。

 すでにこの時点で、サンプルの画像が入っていてホームページの体裁が整っています。

スマホでホームページ初期

スマホでホームページ初期
※テンプレートはOneplate

管理画面からスマホでホームページを作成

 スマホでのグーペの管理画面です。

スマホでホームページのデザインを変更

 右上の≡メニューから、編集ができるようになっています。

スマホでホームページのデザインを変更

ホームページのデザインを選ぶ

  メニューから色々と編集できるのですが、まず最初は、管理画面の中ほどにあるグーペの機能をさわってみよう好きなデザインに変更するからホームページのデザインを変更してみます。

スマホでホームページのデザインを変更

 グーペでは豊富なテンプレート(デザイン)が用意されているので、数あるデザインから好きなものを選択できます。気に入ったデザインをダウンロードすると(グーペ内にダウンロードされます)、そのデザインが使えるようになります。

  ホームページのデザインは、いつでも自由に変更できるので、気軽に着せ替えられます。

グーペのホームページのデザインの一部です。
スマホでホームページのデザインを変更

 個人的に飲食店のホームページにオススメのデザインはSmoothSimple2Oneplateです。

 それぞれのデザインは、カラーを変更できる(できないデザインもあります)ので、ベースのカラーを変えるとホームページの雰囲気もガラリと変わります。

スマホでホームページのカラー

スライドショーの画像を変更する

 スライドショーとは、ホームページのトップの写真が入れ替わって、お店の雰囲気を伝える部分のことです。もともと入っているサンプルのイメージ写真を自分のお店の内装や外装、料理などお店のイメージが伝わる写真に変更します。

 スライドショーに使う写真は最初に用意しておく必要がありますが、写真があれば変更は簡単です。

 グーペの機能をさわってみようスライドショーの画像を変更するから、変更していきます。

スマホでスライドショー

 もともと入っているサンプルの写真を削除ボタンで消して、写真を登録するからスマホの中の写真を選択します。

スマホでスライドショー

 ファイルを選択からスマホからスライドショーに使う写真を選んでいきます。iPhoneではフォトライブラリなどから選択します。

スマホでスライドショー

 リンク先は入れても入れなくても大丈夫です。

スマホでスライドショー

 こんな感じに、スライドさせる写真を登録できました。

スマホでスライドショー

 完成したスライドショーは最初の動画のとおりです。

メニューを登録する

 メニューは写真がなくても登録することができます。が、やっぱり飲食店のホームページには美味しそうな料理の写真が必須です。とりあえずどんどんメニュー名と価格と説明を書いておいて、あとから写真を入れるでももちろんOKです。

 グーペの機能をさわってみようメニューや商品を登録するからメニューを登録してみます。
 
スマホでメニュー設定

 メニューの登録はこんな感じです。ちょっと長いですが、メニューの名前カテゴリ(カテゴリ名は洋食なら「前菜」とか「メイン」、居酒屋なら「おつまみ」、「サラダ」、「お刺身」など、自由につけることができます)、値段、料理の説明など難しいことは何一つありません。

スマホでメニュー設定

 これを繰り返して、メニューページを作っていきます。

店舗情報の設定をする

 こんどは管理画面の≡メニューから、店舗情報の設定を選択して、お店の情報を入力していきます。

スマホでホームページのデザインを変更

スマホで店舗情報を入力

 店舗情報の設定はこんな感じの入力フォームに必要な項目を入力するだけ。

 まずは店舗の住所、電話番号、最寄りの駅、道順など。(このサイトはサンプルなので市役所の住所にしています)

スマホで店舗情報を入力
 
 営業時間や定休日について。

スマホで店舗情報を入力

 クレジットカードについて、喫煙について、駐車場の有無、平均価格、その他お知らせしたい備考など。

スマホで店舗情報を入力

 更新を押して、実際のホームページを見てみると、地図の下に店舗情報が分かりやすく表示されています。

スマホでホームページ店舗情報

クーポンを設定する

 グーペなら、クーポンも簡単に設定することができます。管理画面の≡メニューから、クーポン更新を選択します。

スマホでクーポン

 クーポンの有効期限を設定しておくと、期限がすぎるとそのクーポンは表示されなくなるので、管理も楽です。

スマホでクーポンの設定

 ホームページのクーポンのページにはこんな感じで表示されます。

スマホで設定したクーポン