テンプレート解説マニュアル

この度はテンプレートをご検討・ご購入いただき誠にありがとうございます。

このページでは、当テンプレートをご利用いただくにあたり、スムーズにご利用いただけるようテンプレートの解説を行っております。導入の際はぜひご参考ください。

なお、当ページで解説しているStudioはバージョン5.0を元に解説しております。今後アップデートがあった際には、解説画面が異なる場合がございます。

また、当テンプレートはデザインのアップデートを行う場合があり、バージョンごとにマニュアルの内容が変わる可能性がございます。参照いただく際は、お手数ですが購入時に付属しているCMS内のマニュアルページからご確認ください。

トップページの内容変更

01.ロゴの変更

まずはロゴの変更を行います。
ロゴ画像は、お手数ですが以下2つをご用意いただく必要がございます。

• 通常のロゴ

• 白色にしたロゴ

どちらも背景は透明とし、サイズは400px以上、PNG・SVGデータいずれかでご用意ください。

まずは白色のロゴから変更します。以下の流れでロゴを変更してください。↓

同じように、通常のロゴ画像も変更してください↓

02.メインビジュアルの変更

つづいて、メインビジュアルの背景を変更します。
メインビジュアルは「動画」「静止画」の２タイプご用意しておりますので、どちらか希望される方を設定してください。※初回は動画で設定されております。

以下を参考にしてください↓

▼動画の変更

▼静止画への変更

静止画の場合、画像は何枚でも増やせますが、読込みがやや遅くなってしまいますので７枚程度までがおすすめです。

03.各ボタンの変更方法

各ボタンのリンク設定とリンク名変更の方法です。
ほぼすべてのリンクで同じ操作ですので、ヘッダーの「体験予約ボタン」を参考に解説します↓

変更したいボタンを何度かダブルクリックしていくと、最終的に以下のように「データ」という設定エリアが表示されます↓

※ダブルクリックではなく、レイヤーをたどってデータを表示することも可能です↓

このデータ内でリンクテキストの変更とURLの設定ができますので、以下を参考に設定してください↓

04.メインビジュアル右下バナーの変更

メインビジュアル右下にあるバナーの変更方法です。
何度かダブルクリックしていくと、テキストと画像の変更ができるようになります↓

↑編集中は、画面右側にバナーのURLを入力するエリアも表示されますので、こちらにURLを入れてください。

05.各章のタイトル変更

各章のタイトルを変更します。
変更したい箇所のみ以下を参考に設定してください↓

スマホ版の表示設定もできるようにしておりますが、こちらは、もしPCとスマホで同じ表示にしたい場合は、そのまま同じ内容を入れてください。

06.各テキストや画像の変更（全体共通）

タイトル以外の各テキストや画像は、何度かダブルクリックしていくことで変更が可能になります↓

または、慣れた方は左側のレイヤーからたどって行くこともできます↓

基本的に各ブロックの内容はダブルクリックで変更可能になりますので、このあとのご説明は、主にそれ以外の設定について解説していきます。

07.レッスン紹介や料金プランの削除・複製方法

「レッスン紹介」や「料金プラン」のように、ボタンリンクが付いたエリアのブロック追加・削除方法について解説します。

こちらは「レッスン」を参考に解説しますので参考にしてください↓

もし複製した場合、以下のようにID名とリンクを追加してください↓

もし、複製ではなく削除した場合は、このメニューのデータ内からその部分を削除してください↓

08.「まずは、体験レッスンから」の変更

「まずは、体験レッスンから」と書かれた申込み訴求エリア（一般的にCTAと呼ばれます）の編集をします。

CTAはページ内に2箇所ございます。（中央と最下部）
基本的にどちらかのCTAを変更いただければ、もう一方のCTAにも反映されますが、「メインコピー」と「説明テキスト」だけは2箇所それぞれで設定できるようにしております。

CTAの変更方法は以下を参考にしてください↓

ボタンリンクの設定はもう一段深いところにございます↓

最下部のCTAも、同じようにメインコピーと文章のみ変更してください↓
※もちろん、同じ文章を入れていただいてもOKです。

09.お客様の声の変更

お客様の声の変更方法です。以下を参考にしてください↓

10.インストラクターの変更

インストラクターの変更方法です。こちらは以下2タイプのデザインをご用意しています。

• 大きく表示したタイプ

• 小さく表示したタイプ

どちらかご希望の方を選んでいただき、不要な方は削除してください↓
※大きく表示したタイプも複製することで複数名に対応可能です。

SNSアイコンの変更方法は以下を参考にしてください↓

複数名版のSNSアイコンも、同じイメージで変更可能です↓

希望のSNSアイコンがない場合は変更も可能です↓

11.料金プランの変更

料金プランは、変更したいテキストを何度かダブルクリックすることで変更可能です↓

現在はチケットプランなど3つのプランを入れておりますが、「プランそのもの」を追加・変更したい場合は、先にご紹介した「レッスン紹介や料金プランの削除・複製方法」を参考にしてください。

12.よくある質問の変更

よくある質問の変更方法は以下を参考にしてください↓

13.インスタグラムエリアの変更

インスタグラムエリアの変更方法は以下を参考にしてください↓

14.店舗情報の変更

つづいて店舗情報の変更方法です。
こちらは、まずはGoogle Mapよりご自身の店舗住所を表示し、データを取得するところから始まります。

Google Mapを開き、ご自身の店舗住所を入力のうえ表示してください。
その後の流れは、以下を参考にしてください↓

コピーしたあとはテンプレートに戻り、以下の流れでペーストしてください↓

保存を押していただくと、住所地図が反映されます。

つづいて店舗情報右側の文章ですが、こちらはこれまで同様、何度かダブルクリックしていただくと情報の変更が可能です。一部、駐車場の箇所のみデータで管理されておりますので、以下の形で変更してください↓

15.ニュースエリアについて

ニュースエリアはすべてCMSで管理されておりますので、編集の必要はございません。
もしニュースエリアが必要ない場合は、このエリアごと右クリックで削除してください↓

16.ヘッダー・フッターのリンクについて

ヘッダー・フッターのリンクは基本的にそのままで問題ございませんが、もしページ内で必要がないブロックを削除した場合や、タイトルを変更した場合はリンクの変更が必要になります。

以下の流れを参考に変更してください。
まずはヘッダーです↓

つづいてフッターです↓

フッターのSNSリンク編集については、「インストラクターの編集方法」で解説した箇所を参考にしてください。

住所、コピーライトなどは直接ダブルクリックで変更可能です。

サイト情報の入力

つづいてサイト情報を入力します。

以下の流れで、「サイトタイトル」「説明文」「ソーシャルカバー」「ファビコン」の設定を行っていただきます↓

▼サイトタイトル
サイト名（ブランド名）をいれてください。

▼説明文
ブランドの説明文（コンセプトなど）を入れてください。60〜80文字前後がおすすめです。
なお、この「サイトタイトル＋説明文」は、Googleで検索をした際に検索結果一覧に表示される内容です。

▼ソーシャルカバー
ソーシャルカバーとは、XやFacebookなどでページがシェアされた際に表示される画像です。
画像サイズは1200  × 630pxで、PNG形式でご用意いただき設定してください。
一般的にはロゴを中央に入れてデザインされるのがおすすめです。

▼ファビコン
ファビコンとは、パソコンでサイトを開いた際に、ブラウザのサイト名左隣に表示されるアイコン画像のことです↓

画像サイズは512 × 512pxで、PNG形式（背景透明）でご用意いただき設定してください。

ニュース記事の作成

ニュース記事の作成方法についてご説明します。

新規記事の追加

まずは以下の流れでCMSページへ移動してください↓

つづいて画面右上の「＋新規追加」をクリックします↓

記事投稿画面に移動しますので、以下の通り内容を入力いただきます。

本文の入力パーツについては、事前に「テキスト確認用ページをご活用ください」という記事をご用意しておりますので、その内容を参考のうえ入力してください。

画面右側の「プロパティ」については以下を参考にしてください。

▼スラッグ
スラッグは記事のURLとなるテキストです。英数字で入力してください。ニュース記事にする場合は日付（例：20261231）としてもOKです。

▼カバー画像
ニュース詳細ページの画像です。設定しない場合は自動でロゴ画像が表示されますので必須ではありません。
画像を作成する場合、サイズは「2000 × 1500px」を基準としております。データ形式はJPG・PNG・WebP・GIFいずれもOKです。

▼カテゴリー
カテゴリーはあらかじめ「コラム」「ニュース」の2つをご用意しておりますので、記事のタイプに応じてどちらかを選択してください。

コラムは主にブログのイメージで、ニュースは告知・連絡というイメージです。
なお、カテゴリーは削除・追加・変更も可能です。以下を参考にしてください↓

完了後は公開ボタンをクリック

完了後は右上の「公開」ボタンを押して公開してください。
また、公開後に内容を変更した場合は「更新」ボタンに変わりますので、変更後は必ず押してください。

記事の削除

記事を削除したい場合は、削除したい記事のチェックを入れ、削除ボタンを押してください↓

トップページ以外の変更

トップページ以外に変更いただきたいページは以下のとおりです↓

「プライバシーポリシー」と「ご利用規約」はサンプルが入っておりますので、内容を確認のうえ、ご自身の情報に書き換えるようにしてください。

サイトを公開

テンプレートの内容がすべて変更されましたら、画面右上の「公開」ボタンより公開が可能です。

なお、独自ドメインでの公開の流れとしては以下Studioのサイトで詳しく解説されておりますので、引き続き参考にしてみてください。

→ ドメインを決めてサイトを公開する

お問い合わせのメール設定

最後に、お問い合わせのメール設定を行います。

通常、サイトを公開すればプロジェクトを登録した際に設定したメールアドレス宛にお問い合わせメールが届くようになっております。

設定したメールアドレスはダッシュボード内の「フォーム → 設定」よりご確認いただけます↓

もし受信用メールアドレスを変更したい場合は、「編集」ボタンを押して変更が可能です↓

また、受信したメールタイトルは「You have a new response in お問い合わせ of…」といった形でシステムメールのようなタイトルになりますので、これを変更したい場合は、以下、個別設定内の「お問い合わせ」をクリックして変更が可能です↓

設定が完了したら、公開済みWebサイトのお問い合わせフォームより実際にテストメールを送信してみてください。

テストメールは、設定したメールアドレス宛に届くほか、ダッシュボードの「フォーム」にも表示されておりますので、合わせてご確認ください↓

マニュアルは以上となります。
最後までご覧いただき、ありがとうございました。

テンプレートについてのご不明点などございましたら当ショップページの「メッセージを送信」よりご連絡ください。

早めの返信を心がけておりますが、お時間がかかる場合もございますので、何卒ご理解いただければと思います。

このテンプレートが、皆さまの素敵なサイトづくりのお役に立てれば幸いです。