【スマホ用】FAQ/よくあるご質問ページのHTMLテンプレート (中級者向け)

こんにちは。とても緊張しながら、船上で鰹の一本釣りをする夢を見たオガリア中村です。昨晩、「おかか」を大量に食べたせいだというのは分かっています。「えぇ～、私はいいよぉ」みたいな事を言いながら遠慮がちに糸を垂らしてました。そんなゆるさで一本釣りできるのでしょうか。夢って平和ですね。

さて以前PC版の「FAQページ」テンプレートをご提供したので、今回は同デザインのスマホ版を作ってみましたー！楽天GOLDとYahoo!トリプル(有償)を使った方法になりますので、やや中級者向けの内容とはなりますが。

お買い物をしてもらう上でのお客様の疑問や不安は、即解決が肝です！FAQページづくり、是非チャレンジしてみてくださいませ。

デモ / HTMLファイル

まずはデモを確認して、気に入ったデザインの「HTMLファイル」をダウンロードしましょー。(※HTMLファイルは、楽天GOLD用/Yahoo!トリプル用で共通です。)

デザイン1

ダウンロードする

デザイン2

ダウンロードする

デザイン3

ダウンロードする

HTMLファイルをダウンロードしたら、次の手順に沿ってファイルの編集・アップロードを行います。

設定方法

内容の編集

ダウンロードしたHTMLファイルを編集して、FAQの内容を作りましょー！

1. HTMLファイルをテキストエディタで開きます。

   HTMLファイルは、そのまま開くとブラウザが立ち上がってしまう為注意です。メモ帳やdreamweaverなどの「テキストエディタ」でHTMLファイルを開きましょう。
   (※テキストエディタのインストール～HTMLファイルを開いて編集する方法については、過去の記事にてやり方をご紹介してます。こちらもご参考くださいませー。)

2. FAQの内容を書き加えます。

   FAQ部分の記述はこんな感じになってます！好きに書き換え＆書き加えてお使いくださいー。

   

楽天GOLD/Yahoo!トリプルサーバへアップロード

1. FTPクライアントソフト(FFFTP等)を使って、
   楽天GOLD/Yahoo!トリプルへ接続します。

   楽天GOLDへ接続するための専用ソフト「Ribrary」については、過去の記事にて使い方をご紹介していますので、そちらもご参考くださいませー。

2. 楽天GOLD/Yahoo!トリプル内の好きな場所へ、
   HTMLファイルをアップロードします。

   アップロードしたファイルには自動でURLが割り振られます。以下を確認しましょう。

   ▼楽天GOLDのURL
   https://www.rakuten.ne.jp/gold/ショップアカウント/フォルダ名/ファイル名.html
   
   ▼Yahoo!トリプルのURL
   https://shopping.geocities.jp/ストアアカウント/フォルダ名/ファイル名.html
   

3. あとは、リンクタグを使って上記URLへのリンクをページ上に設置すれば完了です！

   <!--リンクタグ-->
   <a href="先ほど確認したURLを入れます">FAQページはこちら</a>
   

　
　

できましたかー！？今後FAQを編集する際には今回いじった「HTMLファイル」がまた必要になりますので、ファイルはPC内に保存しておきましょー^^
分かり辛いところがあれば、コメントにてご質問受付ます！以上、オガリア中村でしたー。