整体・接骨・鍼灸院などの数は非常に多く、地図アプリで検索すれば近隣に複数の店舗が見つかることでしょう。その中で顧客に比較材料とされるのが、お店のホームページです。

価格や店舗の雰囲気、口コミなど、初めての利用者が重要視する情報を確認する場所として、ホームページの存在は大きいです。

「初めてでも安心?」
「価格や施術内容は?」
「院内の雰囲気は?」
「どんなスタッフが施術してくれるの?」
「他のお客さんの感想は?」

こうした疑問に応えられる美しいホームページであれば、多くのライバル店より優位に立てます。

WordPressテーマ「HOLOS」では、整体・接骨・鍼灸院のサイトに必要なコンテンツがテンプレート化されているため、理想的なホームページを簡単に制作できます。

当記事では、そんなHOLOSの機能概要について解説いたします。
>> 販売ページはこちら

WordPressテーマ「HOLOS」とは

WordPressテーマ「HOLOS(ホロス)」とは、整体・接骨・鍼灸院などのサイト制作を想定したテンプレートです。TCDシリーズ108作目の作品です。

デモサイト

基本仕様・できること

  • 美しいアニメーションで他サイトと差別化できる
  • 施術内容を美しくレイアウトできる
  • クーポンやキャンペーン情報で集客できる
  • お客様の声を掲載する専用ページをつくれる
  • メニュー、料金表ページをつくれる
  • 来店予約への導線がつくれる
  • 縦書き表現が可能なデザイン

どんなサイトに向いてる?

  • 整体院
  • 接骨院
  • 鍼灸院
  • マッサージ店
  • カイロプラクティック院
  • ヨガ・ピラティススタジオ
  • スパ・エステサロン

などのサイトにご活用いただけます。実店舗で施術やレッスンを行う、治療や癒し、リラックスを目的とした店舗サイトと相性がいいです。

整体・接骨院・鍼灸院のサイトの作成事例はこちらでご紹介しています。どんなデザインでどんなコンテンツを用意しているのか。参考にご覧ください。

HOLOSのデザイン仕様

まずは、HOLOSのデザイン面の特徴・仕様についてご紹介いたします。

ロード画面

ロード画面

デモサイトで最初に目に入る箇所です。ページ読み込み時に表示できるロード画面機能です。比較的新しいTCDテーマにはすべて実装されていますが、HOLOSでは、キャッチフレーズを縦書きにして、ブラー表示させるオプションを追加しています。

>> デモページでロード画面を確認する

和風サイトはもちろん、東洋的な雰囲気も演出できる仕掛けです。

サイドバー

サイドバー

HOLOSのグローバルナビメニューは、サイトの左側に全ページ常時表示される仕様です。料金やアクセス情報等、利用者が重要視するページを設置しておくといいでしょう。

メニューの項目は、デモのように8個ぐらいに留めておくと綺麗にまとまります。8個を超える場合は、サブメニューを使って整理してみてください。

縦書き

縦書き

トップページや、各所のヘッダーで使える縦書き表現。縦長のサイドバーと調和するデザインですが、横書きにも変更可能です。

縦書き設定箇所

フォントタイプや、フォントサイズ(PC/スマホ別)も変更可能なので、入力するテキストによって調整できます。

サイドボタン

サイドボタン

サイトのすべてのページに表示される右上のサイドボタン。任意のリンク先とラベルを3つまで設定できます。設定画面は次のようになっています。

サイドボタンの設定UI

WEB予約やアクセス情報への導線としてお使いください。常時表示オプションもご利用いただけます。

アニメーション

アニメーションサンプル

HOLOSでは、サイト内のコンテンツすべてに「下からフェードインするアニメーション」が適用されます。ページスクロールに合わせてじんわりと表示される動きです。

>> デモサイトで動きを確認する

スクロール時の心地良さや、サイトの雰囲気をリッチにする役割がありますが、以下のオプションもご用意しています。

アニメーションの設定

お好みでアニメーションを使用する箇所を変更可能です。

背景に配置できるロゴ

背景に設置できるロゴ

HOLOSの特徴的なデザイン仕様です。コンテンツの背景にお好みでロゴ画像を設置できます。

お店のロゴや、お店の象徴となるデザインがある方はぜひご活用ください。サイトのブランドイメージに繋がります。

背景ロゴの設定UI

上記のような設定画面で、表示位置も直感的に変更可能です。

決まったロゴが無い方は、無料のロゴジェネレーターなどを使ってみてもいいと思います。

HOLOSのページ構成

HOLOSのページ構成をご紹介いたします。トップページやカスタム投稿タイプ、固定ページテンプレートなどについてご確認いただけます。

トップページ

ヘッダーとそれ以下のメインコンテンツを分けてご紹介いたします。

ヘッダー

ヘッダー部分

トップページのヘッダーには、画像スライダーの他、mp4動画やYouTubeを設置できます(デモサイトではmp4動画を設置)。

当然テキストの向きも縦書き、横書きから選択可能です。横書きの例として、英語版のデモサイトをチェックしてみてください。

また、ヘッダーの高さは、全画面 or 固定サイズ or 画像の原寸比から選択可能です。

  • 全画面
  • 固定サイズ
  • 原寸比

原寸比の場合は、アップした画像の比率のまま、見切れずに表示されます。

メインコンテンツ

ヘッダー下部のこのエリアは、専用のコンテンツビルダーで作成できます。上記例は長さの都合上、一部割愛しています。

例えば、最上部のコンテンツは、次のような画面でつくれます。

コンテンツビルダーの例

イメージ画像を見ながら番号通りに項目を埋めていくと完成です。

コンテンツビルダー

このようにお好きなアイテムを追加したり並び替えることで、多彩なレイアウトのトップページを、ノーコードで簡単につくれる仕様です。

ブログページ

ブログページ

ブログページ=WordPressの通常の投稿ページです。カテゴリー分けもできます。治療や健康にまつわる豆知識など、ユーザーの便益となる情報を定期的に発信することで集客に繋がります。デモサイトのブログでは、HOLOSの機能を紹介しています。

各所のヘッダーエリアは設定しなくても使える仕様です。

  • ヘッダーあり
  • ヘッダー無し
ヘッダーあり
ヘッダー無し

ヘッダー無しの場合は、パンくずリンクが最上部に来ます。他のページも同じ仕様になっているので、各所で画像を用意するのが難しい場合は、ヘッダー無しでお使いください。

お知らせページ

お知らせページ

クーポンやキャンペーンの告知などに最適なカスタム投稿タイプです。アイキャッチ画像無しでも使えます。

>> お知らせページのデモを見る

指定した記事をトップページにも掲載できます。定期的にキャンペーンを更新し、集客にお役立てください。

施術内容ページ

施術内容

店舗の施術内容やサービスを掲載するカスタム投稿タイプです。

デモページでは、以下の構成で作成しています。

施術内容ページの構成例

ワイド幅のコンテンツは専用の雛形に沿って入力するだけで簡単に設置可能です。

施術内容設定項目UI1

PCはもちろん、スマホで見ても綺麗に表示されます。

通常の本文と、ワイド幅のコンテンツを組み合わせて、施術(サービス)内容をわかりやすく伝えるページを作成できます。

お客様の声ページ

お客様の声

お客様の感想や口コミを掲載できるカスタム投稿タイプです。先述の施術内容ページと紐付け可能で、施術(サービス)内容ごとにソートできる機能があります。

>> ソート機能を試してみる

一覧ページのみが自動生成される仕様で、アイキャッチ画像無しでも掲載可能です。お客様のご感想を充実させることで、新規顧客の安心材料にもなります。

メニューページ

メニューページ

メニューや料金表を掲載する固定ページテンプレートです。

>> メニューページのデモを見る

項目の追加・並び替えはもちろん、ノーコードでレイアウトを組めるようになっています。

メニューページのUI

コースやオプションなども、雛形にテキストと画像を当てはめていくだけで完成します。お店の料金体系を整理する際にご活用ください。

スタッフ一覧ページ

スタッフ一覧ページ

スタッフプロフィールを掲載する固定ページテンプレートです。WordPressのユーザー設定と連動する仕様なので設定はスムーズです。

WPユーザーと紐づくスタッフ一覧ページ

ここで設定したユーザーを、そのままスタッフページに表示できます。

ユーザーが書いた投稿記事とも紐づきますし、スタッフ一覧に表示したくないユーザー(管理者アカウント等)を非表示にすることもワンタッチです。

>> スタッフ一覧ページのデモを見る

スタッフプロフィールを詳しく掲載しておくことで、顧客の安心感に繋がります。

ランディングページ

ランディングページ

サイトの下層ページとは異なる体裁でランディングページ(LP)を作成する機能です。キャンペーンページや特設ページに利用します。

固定ページテンプレートで作成できるので、作成枚数に制限はなく、本文エリアもWordPressのエディタで自由に作成可能です。ページのレイアウトは次のような設定項目でワンタッチで変更できます。

ランディングページの設定UI

左側のグローバルメニューを非表示にしたり、フッターを非表示にして、自由にLPをつくれます。

この機能で作成したLPのデモはこちら。

WordPressなら低コストかつ、SEO的にも優位なLPを作成できます。

404ページ

HOLOSの404ページ

404ページはリンク切れ等が原因で表示されるエラーページですが、背景画像やリンクを設置できます。

>> デモの404ページを見てみる

もしもの時に表示されるページでも、不安にさせない対策が可能です。ユーザーをナビゲートしたり、美しいビジュアルを見せられます。

整体・鍼灸院のサイトはHOLOSで。

WordPressテーマ「HOLOS」の機能概要を解説しました。

整体・接骨・鍼灸院に必要なコンテンツや導線はもちろん、デザイン面で大きく差別化できるサイトテンプレートです。

各種雛形をデモサイトに倣って埋めていけば、高品質なサイトに仕上がります。数あるライバル店からあなたのお店を選んでもらうために、ぜひHOLOSをご活用ください。

WordPressテーマ「HOLOS」

整体・接骨・鍼灸院のホームページに関する記事