トップ > ガイド > しっかりページ作成ナビで携帯サイトをつくろう

ガイド

携帯サイト作成サービスkaty(ケイティ)の説明書です。
携帯サイト作成時に参考にしてみてください。
わからないことがある場合はkaty(ケイティ)サポートまでお問合せください。

2.携帯サイトをつくってみよう
 しっかりページ作成ナビで携帯サイトをつくろう

「しっかりページ作成ナビ」でサイトを作成する方法を解説します。

「しっかりページ作成ナビ」を開いて、作成を進めながらメールを読み進めてください。
15分から30分ほどで完成するので一緒に頑張りましょう。



◆しっかりページ作成ナビとは
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

「しっかりページ作成ナビ」は、とってもスタイリッシュなデザインテンプレートを利用できる だけではなく、検索エンジンに強いサイトが作れる、高機能な「ナビ」です。
14種類のテンプレートから、あなたのお店にぴったりのデザインを選んで、ケータイサイトを作ることができます。
katyミニ、katyプロの有料プランをご利用の場合、しっかりページ作成ナビを利用すると登録した内容に基づいて自動的にスマートフォン向けサイトが生成されます。


◆しっかりページ作成ナビ使用方法
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

さて、それではさっそく「しっかりページ作成ナビ」を利用してみましょう。
しっかりページ作成ナビは、15分?30分くらいのちょっとした時間でできます。




1.ページ作成ナビを起動する
━━━━━━━━━━━━━━━━━━━━━

ログイン後、左中央にある「ページ作成ナビ起動」を選択して、 「しっかりで作成」を選択してください。

しっかりページ作成ナビ|画像


2.これから作成するページを確認する
━━━━━━━━━━━━━━━━━━━━━

しっかりページ作成ナビで5ページを作成していきます。 どのお店にも適用される必須ページを3つと、お店の業種携帯に 合わせて自由に作成するページを2つ作成していきましょう。


◆必須ページ
  • トップページ:ユーザが最初に訪れるページ
  • インフォページ:お店の基本的な情報を掲載するページ
  • メニューページ:お店メニューのサービスと価格を掲載するページ


◆業種ごとのページ
  • フリーページ:写真をメインに使用して作成するページ
  • フリーページ詳細:お店の特徴を詳しく紹介するページ

しっかりページ作成ナビ|画像

業種ごとのページは「採用」や「お客様の声」など、80種類以上のタイトルが そろっているので、ぴったりのページ作成が出来ます。
これから作成するページを確認したら右下の「次」をクリックしましょう。



3.お店の雰囲気に合ったテンプレートを選ぶ
━━━━━━━━━━━━━━━━━━━━━━

どんなお店でも対応可能な14種類のテンプレートを用意してあります。
テンプレートの選択は、サイトのイメージを大きく決めるので、 表示されている画像をクリックしてぴったりなものをお選びください。
スマートフォン向けサイトのデザインは1種類で固定となります。テンプレートのデザインは適用されませんのでご了承ください。

やじるし しっかりページ作成ナビのテンプレート紹介

選び終わったら右下の「次」をクリックしましょう。

しっかりページ作成ナビ|画像

4.日本語 or 英語 を選択する
━━━━━━━━━━━━━━━━━━━━━

メニューで表示される言語を「日本語」と「英語」から選ぶことができます。

日本語だと分かりやすく。英語だとサイトがかっこ良く。
とそれぞれ良いところがあるので、お店の雰囲気を考えて選んでください。

選択した言語にチェックがついて暗くなりますので、 確認したら右下の「次」をクリックしましょう。

しっかりページ作成ナビ|画像

5.トップページのロゴを決める(トップページ作成)
━━━━━━━━━━━━━━━━━━━━━━━━━━

トップページの一番上に表示されるロゴを決めます。
テキストか画像のどちらかを選択します。どちらかにチェックを入れましょう。

ロゴ画像をもっていれば、中央にある「画像」ボタンをクリックして、 画像登録画面を起動させてください。
このとき、「ポップアップを許可しますか?」と 表示される場合があるので、「はい」を選択してください。

やじるし ポップアップブロックを解除する方法

画像登録画面のファイル選択から「選択」ボタンを押して、自分のパソコンから 画像をアップロードして、「登録」をクリックしましょう。

しっかりページ作成ナビ|画像

画像をもってない場合は、テキストでお店の名前を入力してください。 終わったら右下の「次」をクリックしましょう。



6.トップページのイメージ画像を決める(トップページ作成)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

トップページに表示されるイメージ画像を決めます。
サイトのイメージに大きく関わってくるので、しっかり選びましょう。

中央上にある「画像」ボタンをクリックして、画像登録画面を起動させてください。
あとは、ロゴ画像を登録した時と同じ手順で登録しましょう。

もし画像をもってなくても大丈夫です。
画像登録画面で「素材から選ぶ」をクリックすれば、あらかじめ用意されている 画像を使うことが出来ますのでご安心を。

終わったら右下の「次」をクリックしましょう。

しっかりページ作成ナビ|画像

7.トップページの内容を決める(トップページ作成)
━━━━━━━━━━━━━━━━━━━━━━━━━━

トップページに表示される内容を入力します。サイトに訪れたお客様がどんな お店なのかを判断する箇所ですので、丁寧に入力しましょう。

「紹介文」と「トピックス(タイトル、画像、内容)」を入れます。

紹介文:
100文字以内でお店の紹介をしてください

トピックス:
タイトルと内容を入力したら、その内容に合った画像を先ほどと同じように選択してください。
ここも素材から選んでもOKです。
トピックスは3つまで入力出来ますが、1つだけでも大丈夫なので時間がない時は後で追加しましょう。

しっかりページ作成ナビ|画像
トップページは完成です。これで作業の半分が終わりました。

残りもう半分、頑張りましょう。

終わったら右下の「次」をクリックしましょう。

8.リンクを作成する(リンク作成)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━

しっかりページ作成ナビ|画像

ここではリンクをかんたんに設置することが可能です。

以下のリンクが設置可能です。

  • お知らせのリンク
  • クーポンのリンク
  • 空メールのリンク(メール機能)
  • 作成したページのリンク(4件まで)
  • 外部サイトへのリンク

お知らせ機能、クーポン、空メールの詳細は以下でご確認ください。 ※メール機能はkatyプロでご利用いただけます

リンクの設定が完了したら、ら右下の「次」をクリックしましょう。



9.インフォページの内容を決める(インフォページ作成)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━

お店の基本情報を入力してください。
必須項目はもちろん、アクセス方法や店舗紹介も入力するとわかりやすいですね。

入力した項目はサイトに表示されるので、特に電話番号やメールアドレスは間違いがないか確認しましょう。


これでインフォページは完成です。
終わったら右下の「次」をクリックしましょう。

しっかりページ作成ナビ|画像


10.メニューページの内容を決める(メニューページ作成)
━━━━━━━━━━━━━━━━━━━━━━━━━━━

提供している、サービスやメニューと価格の一覧表を掲載しましょう。

左端の「チェック」を入れると「見出し」になります。

例えば飲食店ですと「ドリンク」や「おつまみ」などのカテゴリーごとに分けて 登録すると、見やすいメニューページになります。

次にお店のメニューと価格をそれぞれ、カテゴリーごとに入力してください。

しっかりページ作成ナビ|画像

これで基本ページの3つは完成です。

次は業種ごとのページを作成しましょう。
一気にやりきってしまいましょう。

終わったら右下の「次」をクリックしてください。



11.フリーページを作成する(業種ごとのページ)
━━━━━━━━━━━━━━━━━━━━━━━━

まず、どういうページを作成するか決めましょう。
選べるタイトルはたくさんあるのでフリーページのタイトル一覧を参考にページのタイトルを決めましょう。

やじるし フリーページのタイトル一覧

一番上部にある「ページタイトル」を選んでください。

ページタイトルを決めたら、次は内容を作っていきます。
紹介文、見出し(1,2)、内容(1から6)を順に入力していきましょう。

紹介文
フリーページの紹介をしましょう。
店内の紹介だったら、「katy美容室の店内紹介です。落ち着く空間、銀座のkaty」 などとすると良いかもしれません。

見出し1,2
内容の見出しを決めていきます。
見出しは2つまで登録出来ますが、1つでも大丈夫です。
目立つ箇所ですので、お客様を引き寄せる文言を考えましょう。
例えば、「きれいな店内でリラックス」とかはどうでしょうか。

しっかりページ作成ナビ|画像
内容
内容は最大6つまで入力出来ますが、1つでも大丈夫です。
三角のボタンをクリックすると、右部に「画像、タイトル、紹介文」の
登録画面がでてきますので、それぞれ登録しましょう。


以下の点に注意しましょう。
  • 紹介文は40文字以内で入力
  • 入力が終わったら右下の「決定」ボタンをクリック


これでフリーページは完成です。
終わったら右下の「次」をクリックしましょう。


12.フリーページ(詳細)を決める(業種ごとのページ2)
━━━━━━━━━━━━━━━━━━━━━

先ほどと同様に、まずどういうページを作成するかタイトル一覧を参考に決めましょう。
一番上部にある「ページタイトル」を選んでください。


ページタイトルを決めたら、次は内容を作っていきます。
テキスト、内容(1から6)を順に入力してください。

テキスト
フリーページ詳細の紹介をしましょう

内容(1から6)
内容は最大6つまで入力出来ますが、1つでも大丈夫です。
三角のボタンをクリックすると、右部に「画像、タイトル、紹介文」の 登録画面がでてきますので、それぞれ登録しましょう。

しっかりページ作成ナビ|画像

フリーページ詳細の場合、文字数は70字までです。
入力したら、右下の決定ボタンを押すのも忘れずに。

終わったら右下の「次」をクリックしましょう。


13.アクセスマップページを作成する ━━━━━━━━━━━━━━━━━━━━━

※地図の表示はkatyプロkatyミニでご利用可能です

しっかりページ作成ナビ|画像


入力された住所をもとに地図を表示しています。
表示されている地図で問題なければ、右下の「次」をクリックしてください。

地図の表示地点を変更する場合は地図上で、お店の場所を指定してください。

地図の縮尺は右側の「地図表示の縮尺」で変更することが可能です。

ポイントとしては、お店の近くの駅や目印になる建物を地図にいれることです。


地図の設定が完了したら、右下の「次」をクリックして次に進みましょう。


14.ページを作成する
━━━━━━━━━━━━━━━━━━━━━

コーヒーの写真がでてきたかとおもいます。
「ページ作成」ボタンをクリックして、ページを作成してください。

しっかりページ作成ナビ|画像


すると、たんぽぽの写真が表示されて完成となります。


しっかりページ作成ナビ|画像

これであなたの携帯サイトが完成しました!


こちらで作成した内容も「しっかりページ作成ナビ」から 変更や修正を行うことができますので、変更したい場合は 再び「しっかりページ作成ナビ」を利用してください。

やじるし ナビで作成したページの修正方法


【注意】
ただし、ページのHTMLを編集した後でナビを起動して保存すると、HTML本文に書いた内容は反映されませんのでご注意ください。


次はしっかりページ作成ナビで利用できるテンプレートをご紹介します。


やじるし 前へ やじるし 次へ 「しっかりページ作成ナビのテンプレート紹介」