ネイルサロン用テンプレートをダウンロードしたら？写真・料金・予約リンクを直す順番

今回扱うのは、Template Partyのtp_salon1_nail_pinkの公式配布ページです。型の名前とプレビューを確かめ、ページ内のダウンロードからZIPを取得します。ZIPを展開したら、元の一式を保管し、別の作業用コピーで編集を始めましょう。

先に公式の利用規約を読みます。通常の利用では下部の著作表示を残し、外す場合はライセンス契約を確認します。テンプレートとしての再配布は禁止されています。画像も利用できる範囲を確認し、自店の施術や設備と誤解される見本は掲載しません。型の取得と、サーバー・ドメインなど公開先の契約は別の作業です。

展開後は同梱の_readme.htmlを読み、index.htmlをブラウザで開いて構成を見ます。文章の変更にはテキストエディタで同じファイルを開き、UTF-8のHTMLとして保存します。画像やCSSへの参照を保つため、最初はフォルダー構成を変えずに進めてください。

確認したZIPには、index.html、menu.html、design.html、faq.html、_readme.htmlと、css・images・jsの各フォルダーがあります。まずは次の一覧を使い、公開するページの見本を自店の事実へ置き換えます。再取得時に構成が変わっていたら、同梱の説明と現物を優先してください。

屋号・ページ説明

各公開HTMLのtitle・meta name="description"、ロゴ画像とそのalt

タブの名前、検索向け説明、画面内の屋号が自店と一致するか。

料金と所要時間

index.htmlのid="link2"内のメニュー概要、menu.htmlのメニュー名・説明

基本料金、オフ条件、総額と時間を自分で記載する。見本の料金表は、自店の条件を反映したものではない。

施術・店内写真

index.htmlのimages/menu1.jpg～menu3.jpg、menu.htmlのimages/menu1.jpgなどの参照

同じ画像を複数箇所で使っていないか。自店写真に替え、写真の内容をaltで説明する。

冒頭の写真

index.htmlのmainimg1.jpgとmainimg1_s.jpg。2・3の組も同様

imgのsrcだけでなく、スマホ用sourceのsrcsetも差し替える。

受付・SNS

各公開HTMLのヘッダーやフッター、index.htmlの冒頭・受付案内のリンク

予約・LINE・Instagramのhref="#"を、自分が用意した正しいURLへ変更する。不要な受付方法は残さない。

確定条件・住所・FAQ

index.htmlのid="link5"とid="access"、faq.htmlの本文

実際の返信方法、予約確定の時点、公開してよい住所へ直す。design.htmlの作品紹介も実態に合わせる。

画像名を変えるなら、HTML側の参照先も同時に直します。同じ名前で画像を置き換える場合も、縦横比と切れ方はブラウザで確かめます。css/style.cssなどは表示を支えるファイルです。文章編集の途中で削除せず、公開するときも必要な一式を保ってください。

トップに「6,600円」とだけ書き、詳細で初めてオフ代を伝えると、支払いの見込みが変わります。基本料金に含む施術と追加条件を決めてから、概要と詳細へ分けて載せましょう。材料が未整理なら、ネイルサロンの材料ガイドで写真・料金・時間・受付を先にまとめます。

これは編集用の文面例で、実店舗の価格や相場ではありません。自店では、追加施術の有無も含めて事実へ直します。初回料金など別の条件があるなら適用対象と期間を明記し、未確定なら見本の金額のまま公開しないでください。概要と詳細の両方を直す箇所としてメモに残すと、次の料金改定でも見落としを減らせます。

確認したHTMLの予約ボタンには、移動先が未設定のhref="#"が複数あります。index.htmlではヘッダー、冒頭、受付案内、フッターにあり、menu.htmlにもヘッダーとフッターがあります。エディタで「ご予約」「WEB予約」「LINE」「Instagram」を検索し、公開する各ファイルで確認します。

自分が受付に使うフォームやプロフィールのURLをhrefへ入れ、表示名も合わせます。DMだけを使う店なら、見本の「WEB予約またはLINE」という本文も直します。なお、href="#"にはページ先頭へ戻る用途もあります。一括置換せず、リンクの役割を1つずつ見てください。

上は文面例で、ここに予約ボタンは設置していません。型にリンクがあることは、予約枠の管理や即時確定の機能がある証拠ではありません。自分の受付先を別途用意し、公開ページから正しい画面へ進めるかを送信前まで確かめます。

1. 編集を保存してブラウザを再読み込みし、トップからメニュー詳細とFAQへ進む。料金・時間・写真・受付文の食い違いを直す。
2. PCとスマホ幅で、写真の切れ方、長い料金条件、メニュー、受付リンクを確かめる。手元のファイルを開いた表示と公開ページの表示は別に記録する。
3. 公開先を選び、利用枠・料金・独自ドメイン・利用条件と、必要なファイル一式のアップロード方法を確認する。担当者と次の確認日を決める。
4. 公開した後は公開URLを別端末でも開き、写真・料金・詳細ページ・受付先を照合する。変更時も更新版を反映してから同じURLで見直す。

ファイルを保存しただけではインターネットには公開されません。公開先選びから更新後の確認までは、HTMLの案内を表示・公開・更新するガイドへ進んでください。手元で表示を確認できても、アップロードできる人がいなければ公開は進められません。担当を決めるまで、公開準備中として扱います。無料の型という説明を、公開費用も継続費用も0円という意味にはしません。

最初の作業は、主力メニュー1つの概要と詳細をそろえることです。下の欄で変更先を決め、写真や受付先、公開担当の確認待ちも残してください。「未確認」と書いた項目を、操作できた結果と混ぜずに引き継ぎます。

ファイル一式を自分で維持する方法が合わなければ、自作方法と担当作業の比較へ戻れます。写真と情報から下書きを作る方式を選ぶならMiniLaunchも候補です。他社HTMLを取り込む手順としては案内していません。