整体・接骨・鍼灸院などの数は非常に多く、地図アプリで検索すれば近隣に複数の店舗が見つかることでしょう。その中で顧客に比較材料とされるのが、お店のホームページです。
価格や店舗の雰囲気、口コミなど、初めての利用者が重要視する情報を確認する場所として、ホームページの存在は大きいです。
「初めてでも安心?」
「価格や施術内容は?」
「院内の雰囲気は?」
「どんなスタッフが施術してくれるの?」
「他のお客さんの感想は?」
こうした疑問に応えられる美しいホームページであれば、多くのライバル店より優位に立てます。
WordPressテーマ「HOLOS」では、整体・接骨・鍼灸院のサイトに必要なコンテンツがテンプレート化されているため、理想的なホームページを簡単に制作できます。
当記事では、そんなHOLOSの機能概要について解説いたします。
>> 販売ページはこちら
目次
WordPressテーマ「HOLOS」とは
WordPressテーマ「HOLOS(ホロス)」とは、整体・接骨・鍼灸院などのサイト制作を想定したテンプレートです。TCDシリーズ108作目の作品です。
基本仕様・できること
- 美しいアニメーションで他サイトと差別化できる
- 施術内容を美しくレイアウトできる
- クーポンやキャンペーン情報で集客できる
- お客様の声を掲載する専用ページをつくれる
- メニュー、料金表ページをつくれる
- 来店予約への導線がつくれる
- 縦書き表現が可能なデザイン
どんなサイトに向いてる?
- 整体院
- 接骨院
- 鍼灸院
- マッサージ店
- カイロプラクティック院
- ヨガ・ピラティススタジオ
- スパ・エステサロン
などのサイトにご活用いただけます。実店舗で施術やレッスンを行う、治療や癒し、リラックスを目的とした店舗サイトと相性がいいです。
整体・接骨院・鍼灸院のサイトの作成事例はこちらでご紹介しています。どんなデザインでどんなコンテンツを用意しているのか。参考にご覧ください。
![](https://tcd-theme.com/wp-content/uploads/2024/07/seitai-website-300x300.jpg)
ホームページを作りたいけど、どんなデザインにすればいいのか悩んでいる方も多いと思います。 「初めてホームページを作るけど、どう依頼すればいいのか。」 「今の整体院のサイトをリニューアルしたい。」 そんな方向けに参考となる整体院・接骨院・鍼灸院のオシャレなホームページの作成事例をご紹介し...
HOLOSのデザイン仕様
まずは、HOLOSのデザイン面の特徴・仕様についてご紹介いたします。
ロード画面
デモサイトで最初に目に入る箇所です。ページ読み込み時に表示できるロード画面機能です。比較的新しいTCDテーマにはすべて実装されていますが、HOLOSでは、キャッチフレーズを縦書きにして、ブラー表示させるオプションを追加しています。
和風サイトはもちろん、東洋的な雰囲気も演出できる仕掛けです。
![](https://tcd-theme.com/wp-content/uploads/2023/12/loading-animation-300x300.jpg)
Webページを閲覧する際に、ページの読み込みに時間がかかると、ユーザーは待ち時間にイライラしたり、ページが正常に表示されないのではないかと不安になったりすることがあります。ロード画面は、このようなユーザーの不安や不満を軽減するために、Webページによく用いられる仕組みです。 ロード画面...
サイドバー
HOLOSのグローバルナビメニューは、サイトの左側に全ページ常時表示される仕様です。料金やアクセス情報等、利用者が重要視するページを設置しておくといいでしょう。
メニューの項目は、デモのように8個ぐらいに留めておくと綺麗にまとまります。8個を超える場合は、サブメニューを使って整理してみてください。
縦書き
トップページや、各所のヘッダーで使える縦書き表現。縦長のサイドバーと調和するデザインですが、横書きにも変更可能です。
フォントタイプや、フォントサイズ(PC/スマホ別)も変更可能なので、入力するテキストによって調整できます。
サイドボタン
サイトのすべてのページに表示される右上のサイドボタン。任意のリンク先とラベルを3つまで設定できます。設定画面は次のようになっています。
WEB予約やアクセス情報への導線としてお使いください。常時表示オプションもご利用いただけます。
アニメーション
HOLOSでは、サイト内のコンテンツすべてに「下からフェードインするアニメーション」が適用されます。ページスクロールに合わせてじんわりと表示される動きです。
スクロール時の心地良さや、サイトの雰囲気をリッチにする役割がありますが、以下のオプションもご用意しています。
お好みでアニメーションを使用する箇所を変更可能です。
背景に配置できるロゴ
HOLOSの特徴的なデザイン仕様です。コンテンツの背景にお好みでロゴ画像を設置できます。
お店のロゴや、お店の象徴となるデザインがある方はぜひご活用ください。サイトのブランドイメージに繋がります。
上記のような設定画面で、表示位置も直感的に変更可能です。
決まったロゴが無い方は、無料のロゴジェネレーターなどを使ってみてもいいと思います。
![](https://tcd-theme.com/wp-content/uploads/2021/05/logo-tools-300x300.jpg)
この記事では、無料でロゴが作れる12個のジェネレーターツールをご紹介します。 今の時代、ロゴ作成は無料で簡単にできます。本格的なロゴはプロのデザイナーに依頼したほうがいいかもしれませんが、ビジネスやWebサイト立ち上げ初期の段階では、コストカットやスピードを優先して無料ツールで作成したロゴを使...
![](https://tcd-theme.com/wp-content/uploads/2021/05/logo-create-300x300.jpg)
会社やお店、商品のロゴマークは、サービスの特徴をイメージさせる重要なものです。ロゴはプロに制作してもらうのがベストだと筆者も考えています。 しかしながら、なるべく初期費用を抑えるためにロゴにお金をかけたくない、という場合も多いでしょう。というわけで、今回はお金をなるべくかけず(もしくは完全に無...
HOLOSのページ構成
HOLOSのページ構成をご紹介いたします。トップページやカスタム投稿タイプ、固定ページテンプレートなどについてご確認いただけます。
トップページ
ヘッダーとそれ以下のメインコンテンツを分けてご紹介いたします。
ヘッダー
トップページのヘッダーには、画像スライダーの他、mp4動画やYouTubeを設置できます(デモサイトではmp4動画を設置)。
当然テキストの向きも縦書き、横書きから選択可能です。横書きの例として、英語版のデモサイトをチェックしてみてください。
また、ヘッダーの高さは、全画面 or 固定サイズ or 画像の原寸比から選択可能です。
- 全画面
- 固定サイズ
- 原寸比
![](https://tcd-theme.com/wp-content/uploads/2024/07/header-size01a.jpg)
![](https://tcd-theme.com/wp-content/uploads/2024/07/header-size02a.jpg)
![](https://tcd-theme.com/wp-content/uploads/2024/07/header-size03a.jpg)
原寸比の場合は、アップした画像の比率のまま、見切れずに表示されます。
メインコンテンツ
![](https://tcd-theme.com/wp-content/uploads/2024/07/holos11a.jpg)
ヘッダー下部のこのエリアは、専用のコンテンツビルダーで作成できます。上記例は長さの都合上、一部割愛しています。
例えば、最上部のコンテンツは、次のような画面でつくれます。
イメージ画像を見ながら番号通りに項目を埋めていくと完成です。
このようにお好きなアイテムを追加したり並び替えることで、多彩なレイアウトのトップページを、ノーコードで簡単につくれる仕様です。
ブログページ
ブログページ=WordPressの通常の投稿ページです。カテゴリー分けもできます。治療や健康にまつわる豆知識など、ユーザーの便益となる情報を定期的に発信することで集客に繋がります。デモサイトのブログでは、HOLOSの機能を紹介しています。
各所のヘッダーエリアは設定しなくても使える仕様です。
- ヘッダーあり
- ヘッダー無し
![ヘッダーあり](https://tcd-theme.com/wp-content/uploads/2024/07/holos_blog_header.jpg)
![ヘッダー無し](https://tcd-theme.com/wp-content/uploads/2024/07/holos_blog_no_header.jpg)
ヘッダー無しの場合は、パンくずリンクが最上部に来ます。他のページも同じ仕様になっているので、各所で画像を用意するのが難しい場合は、ヘッダー無しでお使いください。
お知らせページ
クーポンやキャンペーンの告知などに最適なカスタム投稿タイプです。アイキャッチ画像無しでも使えます。
指定した記事をトップページにも掲載できます。定期的にキャンペーンを更新し、集客にお役立てください。
施術内容ページ
店舗の施術内容やサービスを掲載するカスタム投稿タイプです。
デモページでは、以下の構成で作成しています。
![施術内容ページの構成例](https://tcd-theme.com/wp-content/uploads/2024/07/service.jpg)
ワイド幅のコンテンツは専用の雛形に沿って入力するだけで簡単に設置可能です。
PCはもちろん、スマホで見ても綺麗に表示されます。
通常の本文と、ワイド幅のコンテンツを組み合わせて、施術(サービス)内容をわかりやすく伝えるページを作成できます。
お客様の声ページ
お客様の感想や口コミを掲載できるカスタム投稿タイプです。先述の施術内容ページと紐付け可能で、施術(サービス)内容ごとにソートできる機能があります。
>> ソート機能を試してみる
一覧ページのみが自動生成される仕様で、アイキャッチ画像無しでも掲載可能です。お客様のご感想を充実させることで、新規顧客の安心材料にもなります。
メニューページ
メニューや料金表を掲載する固定ページテンプレートです。
項目の追加・並び替えはもちろん、ノーコードでレイアウトを組めるようになっています。
コースやオプションなども、雛形にテキストと画像を当てはめていくだけで完成します。お店の料金体系を整理する際にご活用ください。
スタッフ一覧ページ
スタッフプロフィールを掲載する固定ページテンプレートです。WordPressのユーザー設定と連動する仕様なので設定はスムーズです。
ここで設定したユーザーを、そのままスタッフページに表示できます。
ユーザーが書いた投稿記事とも紐づきますし、スタッフ一覧に表示したくないユーザー(管理者アカウント等)を非表示にすることもワンタッチです。
スタッフプロフィールを詳しく掲載しておくことで、顧客の安心感に繋がります。
ランディングページ
サイトの下層ページとは異なる体裁でランディングページ(LP)を作成する機能です。キャンペーンページや特設ページに利用します。
固定ページテンプレートで作成できるので、作成枚数に制限はなく、本文エリアもWordPressのエディタで自由に作成可能です。ページのレイアウトは次のような設定項目でワンタッチで変更できます。
左側のグローバルメニューを非表示にしたり、フッターを非表示にして、自由にLPをつくれます。
この機能で作成したLPのデモはこちら。
WordPressなら低コストかつ、SEO的にも優位なLPを作成できます。
![](https://tcd-theme.com/wp-content/uploads/2024/07/create-landingpage-300x300.jpg)
ランディングページ(LP)は、商品・サービスの売上を上げるために必要なページです。 ランディングページを作成する手段は3つあります。 HTMLサイトで作成 WordPressの固定ページで作成 LP作成ツールで作成 どれが一番簡単で、作成費用(コスト)も抑えられるの...
404ページ
404ページはリンク切れ等が原因で表示されるエラーページですが、背景画像やリンクを設置できます。
もしもの時に表示されるページでも、不安にさせない対策が可能です。ユーザーをナビゲートしたり、美しいビジュアルを見せられます。
![](https://tcd-theme.com/wp-content/uploads/2024/07/404-page-design-300x300.jpg)
404エラーページ(Not Found)は、ページやコンテンツが存在しない場合に表示するページ。 そんな一見重要じゃなさそうなページにも気を配っているホームページはたくさんあります。どうでもいいぺーじだから遊べる、遊ぶ価値があるとも言えます。そんな遊び心あるオシャレな404ページデザインをご紹...
整体・鍼灸院のサイトはHOLOSで。
WordPressテーマ「HOLOS」の機能概要を解説しました。
整体・接骨・鍼灸院に必要なコンテンツや導線はもちろん、デザイン面で大きく差別化できるサイトテンプレートです。
各種雛形をデモサイトに倣って埋めていけば、高品質なサイトに仕上がります。数あるライバル店からあなたのお店を選んでもらうために、ぜひHOLOSをご活用ください。
コメント