デモサイトは歯科医院をイメージして制作しています。日本は諸外国に比べてオーラルケアが遅れています。欧米人のようにスキンシップやハグなどを日常的に行わないことが原因ではないかと言われていますが、その反面、歯科医院はかなりの数が溢れているようです。

歯科医院の数は、コンビニよりも多いそうなので驚きですね。街を見渡すと確かに歯医者さんが多いことに気がつくと思います。

しかし、その高い競争率から閉業に追い込まれる医院も多いので、周りとの差別化がさらに重要になってきます。このような厳しい状況の中、少しでも多くの人に認知され、来院者を増やす手段のひとつとしてウェブサイトが効果的であると私たちは考えます。

端的にどういった部分が効果的かと言えば、まずは来院を考えている方に安心感を与えられるという点でしょうか。

例えば、自分が歯痛に悩まされているとして考えてみてください。歯並びが気になるでも構いません。いずれにしても街を歩いていて、さらっと病院に入ることはないと思います。昔からのかかりつけがない限り、事前に口コミを聞いたり、インターネットを使って下調べすることが多いですよね。

病院や医療関係の事業全般に言えることですが、自分の身体のメンテナンスには多くの人が慎重になると思います。

では、院内の様子やスタッフの情報、よくある質問などを詳細に記載しているスタイリッシュなウェブサイトがあればどうでしょうか。数多くある歯科医院の中から選んでいただける可能性は大きく上がると思います。

正直いうと、スマホ環境からは見づらいサイトなども少なくないので、ウェブサイトの開設は今からでも遅くありません。細かい治療法や、金額なども掲載しておくとより安心感を与えることができるでしょう。

そこにプラスアルファで院長やスタッフのブログなどを継続的に更新したりします。患者さんが気軽に来れるようにキャッチーな日常を発信してもいいですし、歯にまつわる豆知識なんかも来院する方の役に立つはずです。

WordPressテーマ「CURE」を使って制作すれば、歯科医院のウェブサイトに必要とされる機能やデザインを一気に実装することが可能です。このデモサイトを隅々まで触って体感してみてください。当デモサイトからあなたのウェブサイトに使えるアイデアが生まれると弊社としても幸いです。

歯科医院のウェブサイトにマストな機能はもちろん、あると便利な機能なども、カスタム投稿タイプや固定ページテンプレートという形でご用意しております。また、デフォルトを含むすべての固定ページテンプレートで柔軟にデザインを変更できるので、ボタン操作だけで幅広いページが制作できます。各機能を簡単に解説しておりますので、ぜひご覧ください。

サイドメニューや3点ボックスで患者様の不安を和らげます

CUREの特徴的な仕様であるトップページの3点ボックスや、固定色サイドバーメニューを活用して、医院の強みを訴求してください。

2021.02.06

来院予定者のニーズを満たす情報をアピールできる3点ボックスと固定式サイドメニュー

CUREで最初に目に入る特徴的な点は、固定表示されるサイドバーメニューとヘッダーコンテンツ下部の3点ボックスです。これらは医院のウェブサイト...

さまざまなバリエーションが考えられるヘッダーコンテンツ

スライドごとにコンテンツを変更でき、テキストの向きも縦書き or 横書きから選べて、一行ごとにアニメーションが適用される仕様です。

2021.02.02

ヘッダーコンテンツのキャッチフレーズは、サイト全体で見たときの体裁にこだわりましょう。

CUREのヘッダースライダーでは、任意の数だけコンテンツを設定できます。デモサイトでは、スライダーを2枚表示していて、2つとも画像をセットし...

患者様が気になる情報をトップページにまとめましょう

まずは、サイトに必要なコンテンツをページごとに作成しましょう。各ページでコンテンツが充実していれば、それらをまとめたトップページは簡単に完成します。

2021.01.18

概要をまとめて表示しておき、ユーザーを安心に導くトップページコンテンツ

CUREのトップページを構成しているコンテンツビルダーについての解説です。CUREでは下記の6つのコンテンツを組み合わせてトップページ構成で...

カスタム投稿タイプを活用して診療内容を詳しく解説できます

「診療案内」として設定していますが、通常のコーポレートサイトでも十分に活用ただけるサービス内容などを紹介するページを作成可能です。

2021.01.17

サービス内容を階層化してサイト内の回遊もスムーズにできるカスタム投稿タイプ「診療案内」

CUREに搭載されているカスタム投稿タイプ「診療案内」は、提供しているサービスを2階層で紹介するためのページです。歯科医院をコンセプトにして...

患者様の不安を解消するFAQページ機能

気になる質問や、不安な点などをQA形式で解消できるページになります。質問をカテゴリーで分けて表示できる仕様がCUREの特徴でもあります。

2021.01.06

不安や疑問をスムーズに解消するカスタム投稿タイプ「よくある質問」

CUREに搭載されている「よくある質問ページ」は医療系のサイトには必須の機能といえるのではないでしょうか？ 患者さんが気になる質問や、...

基本設定を済ましておけば、アクセスページはすぐ完成します。

実際に足を運ぶにあたって必要な情報を表示しておきましょう。CUREの仕様では、一度住所情報などを設定しておくと対応しているページで瞬時に出力できます。

2021.01.05

無駄なく瞬時にアクセス情報ページを制作できる固定ページテンプレート「アクセス」

CUREの固定ページテンプレート「アクセス」は、医院のロケーションやアクセス情報を詳細に表示して、来院する方を導くために活用するページです。...

歯科医院に通院しようとする人が考える不安は、治療にかかる期間や予約について、治療自体にどれぐらいの痛みを伴うのか、などといったことでしょう。他にも立地条件やスタッフのプロフィールなど医院によってアピールしたいポイントは異なると思いますが、トップページの３点ボックスで医院の強みを端的にアピールできます。

固定サイドメニューの部分には、予約システムやアクセス情報を表示できるように設定しておくことで、ユーザーがサイト内を無駄に回遊することもなくなるはずです。

「必要な情報に、いつでも、すばやく」を実現できます。

3点ボックスもサイドバーメニューもカーソルを重ねない限り展開しないので、サイト内のコンテンツに干渉することもありませんが、効果的にアピールすることが可能です。サイドバーに表示しておくアイコンは、スマホ用固定フッターバーでも同様に表示いただけます。

2020.10.17

マイナーチェンジしたCUREのスマホ用固定フッターバー

TCDテーマでは、多くのテーマに搭載されているスマホ用固定フッターバーですが、CUREでは選択できるアイコンを大幅に追加いたしました。PC環...

1枚目は画像、2枚目は動画などです。とはいってもトップページを開きっぱなしで、ヘッダースライダーを見続けていただけるかというとそんなこともないので、セットするコンテンツは最大でも5つぐらいまでがいいかもしれませんね。

また、キャッチフレーズに関しましては、フォントタイプを明朝・ゴシック・メイリオから選択できます。ファーストビューで目に入るキャッチフレーズのフォントによって与える印象は大きく変わるので、あなたの医院のイメージにマッチするものを選びましょう。

デモサイトのように縦書き表示もできるので、幅広いバリエーションから設定を楽しむことができます。また、特徴的な仕様は、2行以上のキャッチフレーズを入力すると自動的に1行ごとにフェードイン表示される点です。

横書きか縦書きか、そのキャッチフレーズの長さにもよりますが、バランスを見て設定してみましょう。ちなみに下層ページや固定ページのヘッダーにも同様の設定が可能です。フォンタイプやフォントサイズなどもそうですが、サイト全体の整合性を保つためにも、LPなどの特別な目的を持つページ以外はすべて同様の体裁にしておくといいでしょう。

• コンテンツカルーセル：任意の数だけ画像・説明文・リンクを設定可能
• 診療案内一覧：カスタム投稿タイプ「診療案内」でつくったページをトップページに表示する
• メッセージ：画像とテキストをセットして代表のメッセージなどを設定する
• 記事カルーセル：医院のブログやお知らせを日付やランダム順で表示する
• アクセス情報：基本設定で設定できるマップなどのコンテンツを表示する
• フリースペース：オリジナルのコンテンツを表示する（HTMLで入力可）

コンテンツカルーセルには、任意の数だけコンテンツをセットできるので、様々な形で活用いただけます。デモサイトのように下層ページへの導線として活用する方法の他に、外部リンクを設定してバナーのように使うことも可能です。

診療案内一覧は、カスタム投稿タイプで制作したコンテンツが自動で反映される仕様です。個別に設定するのはサイズや背景画像ぐらいですので、設定する手間はありません。下層ページのコンテンツを要約して、わかりやすいアイコン画像などをセットするとより効果的かと思います。

来院する方を安心させるために、院長からのメッセージや医院の立地情報なども表示させておくといいでしょう。

アーカイブページ

→アーカイブページサンプル

詳細ページを制作すれば、自動的にアーカイブページが制作される仕様です。アーカイブページのヘッダーやキャッチフレーズ、説明文、詳細ページの最下部に表示される他の診療科目へのリンクなどは、テーマオプションから設定できます。

詳細ページ

→詳細ページサンプル

詳細ページは、コンテンツビルダーで直感的に制作可能です。用意されているコンテンツは以下の通りです。

• コンテンツ一覧1
• コンテンツ一覧2
• 料金一覧
• フリースペース

コンテンツ一覧1では、キャッチフレーズ・説明文と並べて画像を表示できます。以下の画像は左右からレイアウトを選択可能です。

患者さんが気になる質問や、実際にお問い合わせいただく回数が多い質問などを、まとめて掲載しておけます。こういったページでユーザーの皆さんが気になる疑問や不安を解消することで来院してもらえる可能性を上げることに繋がります。

また、医院を運営する側にもメリットがありますよね。度重なる問い合わせをこういったページで解決できれば、お問い合わせへの返信や回答する時間を別の仕事に充てられます。

CUREの「よくある質問」の特徴的な点は、質問をカテゴリー分けできる点です。

→よくある質問ページサンプル

デモサイトの上記ページをご覧いただければ、お分かりになると思います。数多くの質問をカテゴリーごとに分別することができるのでスムーズに疑問を解消することが可能です。通常の投稿と同様にHTMLでの入力も可能なので、より詳しく解答しているページへとリンクさせるような使い方もできます。

• 画像+テキストコンテンツ
• アクセスマップ
• フリースペース

→アクセスページサンプル

以下のような画像+テキストコンテンツで院内の写真や駐車場などの様子を説明しておくと、実際にお越しになる方にとって親切ですね。

お子さま連れのお客様やお車でお越しの方が気になる情報など。どういったお客様が来店する可能性が高いのかを、実際の立地条件や医院の特徴によって想定して示しておくといいですね。

以下のようなアクセスマップの下に表示する情報は、テーマオプションで設定しておいたものをチェックボックスで選ぶだけで表示することが可能です。無駄なくスムーズにページを制作できます。

CUREでは、ヘッダーの告知機能を搭載していますが、こちらでも活用いただけます。ぜひご覧下さい。

新型のウイルスなどの未曾有のトラブルや、期間限定のキャンペーンなどに活用できるヘッダーメッセージ機能 – WordPressテーマ「CURE (tcd082)」

新型コロナウイルスの影響で多くの影響が出ている昨今ですが、その影響は事業者や業界によっても異なります。CUREでコンセプトにしている歯科医院も大きな影響を受けている業界のひとつかと思います。

YouTube動画のレスポンシブ表示

クイックタグとYouTubeの埋め込みコードを組み合わせるだけで、簡単に様々なデバイスでレスポンシブ表示します。PC、スマホ、タブレッドでぜひ確認してみてください。メインカラム幅より横幅が大きい動画でも自動的にカラム幅ぴったりにリサイズされる便利なクイックタグです。

記事カードリンク

サイト内リンクを記事タイトル+サムネイル画像のクールなカードリンクで表示できます。記事タイトルやアイキャッチの変更は自動で反映されます。どうです？クールでしょ。

2021.02.15

歯科医院に最適なウェブサイトをスマートに制作できるWordPressテーマ「CURE」

TCD最新のWordPressテーマ「CURE」をリリースしました。 デモサイトは歯科医院をイメージして制作しています。日本は諸外国に...

2021.02.07

WordPressテーマ「CURE」機能概要

CUREは、歯科医院をコンセプトに制作したテーマですので、ユーザーの不安感や心配を取り除くのに活用いただける機能があらかじめ搭載されていいま...

カラムレイアウト

レイアウト2c

レイアウト3c

記事を読みやすくする見出しスタイルの表現の幅が広がりました。

下記のようなテーマオプションからH2,H3,H4,H5のそれぞれのスタイルを編集可能です。

フォント色、罫線の有無や、その太さや背景色の有無など、細かく設定・保存ができるので、以下のような様々なスタイルで見出しをスタイリング可能です（ほんの一例です）。

見出し2

見出し3

見出し4

見出し5

マニュアルや報告書などページ数の多い文書を作成するときには、第1章、第2章というように章や、第1節、第2節というように項目などで管理します。このように「第1章、第1節、第1項」といった階層構造を持たせておくと、読み手にとってわかりやすくなります。 文書に階層構造を持たせる場合は、「見出し」と呼ばれるスタイルを設定します。
見出しの「h1」は記事のタイトルで使われています。本文では基本的に使わない方が良いため、TCDクイックタグの入力設定には表示されないようにしてあります。記事の本文見出しには「h2」以降の見出しタグを用いて文章に階層構造を持たせるように意識をしてください。
「h1」だけでなく「h2」や「h3」も使うことで、WEBページの内容がわかりやすくなり、検索エンジンに対してフレンドリーなWEBコンテンツを作ることができます。hタグをうまく使うことで、検索エンジンはかんたんにWEBページの内容を理解できるようになるでしょう。そして、検索エンジンが内容を正しく理解できると、検索結果に表示されやすくなると言われています。
章ごと・見出しタグごとに内容がまとまっていてわかりやすいと、コンテンツの質は勝手に上がります。要点が整理され、コンテンツの内容がより役に立つものになるからです。一方、見出しが効果的に使われていない文章はわかりづらいために役に立てづらく、良質なコンテンツとは言えなくなります。
見出しタグは1から5までありますが、最も重要なのがh1、次に重要なのがh2、さらにはh3タグとなります。WEBページ執筆時はh1から5へと順番に使うのが基本です。文字サイズを調整したい場合などはCSSで対応するようにしましょう。
見出しごとに内容がまとまることは、訪問ユーザーにとって、とても良い対策になると言えます。訪問ユーザーの心を動かすような、わかりやすい文章やコンテンツを作るには、それなりにノウハウが必要ですが、「h2」や「h3」（「h4」「h5」）タグを使ってコンテンツを作りつづけると、誰でも自然にそのノウハウが身についていきます。
ぜひ、見出しクイックタグを使って、まとまりのあるコンテンツを書く習慣をつけ、訪問ユーザーの心を動かすコンテンツをたくさん産み出していきましょう。TCDクイックタグがあなたが文章を書くことに集中できるようサポートします。

囲み枠のスタイル

WEBコンテンツを運営されている方にとって、記事を書く中で「ここに注目してほしい！」と思うことは多くあると思います。そんなときにはパッと目をひく、囲み枠（ボックスデザイン）がおすすめです。TCDクイックタグでは3種の囲み枠を用意しています。

文章や図などを枠で囲んでグループ化して見せたり、見出しなどを枠で囲んで強調することは文章の内容が整理されて見やすくなります。デザインにメリハリがつき、アクセントになるなど、囲み枠の効果はたくさんありますので効果的に使っていきましょう。

枠を多用しすぎると、強調したい箇所が主張をしすぎているため、読みにくくなってしまい、これでは本末転倒です。枠をつけるのは必要なものだけにし、その他は、下線を引く、文字を大きくする、色を変える、太字にする、書体を変えるなどしましょう。

カスタマイズ＊囲み枠のカラーバリエーション

※クラス指定を追加することで配色の変更が可能です。

「揃える」ことは重要です。文字の位置や、見出しなど揃えられるところはすべて揃えます。文章の端が揃うことで文頭が見つけやすくなり、文章が読みやすくなります。画像の大きさ、ボックスの色を揃えると見た目のバランスが良くなります。

「まとめる」ことも効果的です。項目名と説明、写真と写真のタイトルなどのデザインを揃えるように、関連のあるもの（例えば注釈など）を同じ枠、背景色で表示することで直感的に理解をしやすくなり、劇的に全体の視認性が向上します。

まとめた情報を「区別する」とグループが強調され、情報を素早く見つけることができ、正確に伝えることができます。グループを区別するには、罫線を引く、色分けをするなどの方法があります。TCDクイックタグを使ってサッとデザインを整えましょう。

プロのデザイナーは、これらのルールを経験からほとんど無意識に使いこなします。このルールを身に付ければ、誰でもレイアウトが上達します。様々なルールがありますが、基本ルールは「揃える」「まとめる」「区別する」を使った情報の整理整頓です。

ボタンのスタイル

ボタン1
ボタン2
ボタン3
テーマオプションからボタンのデザインやサイズを3つまで柔軟に編集・登録可能です。

カスタマイズ＊ボタンの配置方法を指定する

※pタグで囲い、クラス指定を追加することで配置方法の指定が可能です。

左寄せ

中央寄せ

右寄せ

テーブルのレスポンシブ表示

テーブルタグで作成された表組みをレスポンシブに表示するためのタグです。
ブラウザのウィンドウ幅を縮小してスマホでの表示スタイルをご確認ください。

フォームのスタイル

プラグイン「Contactform7」で作成したフォームを記事内に設置した際のスタイル設定も含まれています。
レスポンシブ表示に対応しています。
[contact-form-7]

アンダーライン1・2・3

重要な箇所など、強調させたい部分をこのようなアニメーションで強調させることができます。
アップデートしたクイックタグではテーマオプションから3種類までアンダーラインを保存できます。
重要度に合わせて使い分けることも簡単ですね。

吹き出し

それぞれのユーザー画像や名前はテーマオプションから任意に変更できます（テキストエディターで直接入力も可能）。

ユーザーA

こんな感じにデザインされた吹き出しが簡単に表示されます。

ユーザーB

会話形式のブログでもリズミカルに作成可能ですね。

ユーザーC

こんな感じで吹き出しの中のテキストにマーカーを引くのももちろん可能です。

ユーザーD

枠と背景の色を分けられるので、幅広いデザインを楽しめますね！

来院の相談や、予約をする上で必ず確認する項目の一つだからです。

CUREでは、それらを表示する箇所が複数あっても、設定する回数は一回だけで完了します。

テーマオプションの以下のような基本設定内で、医院の基本情報として、問い合わせボタンや立地条件などの詳細を設定しておくと、対応しているページでワンタッチで表示できるというわけです。

この仕様によって設定の二度手間が省かれ、サイト構築がスムーズになります。

また、電話番号が変わったり、住所を移転したとしても一箇所の設定を変更すれば、表示されている箇所はすべて連動して入れ替わります。サイト上で間違った情報を掲載したままになることが無くなるわけですね。　

トップページのマップの隣に表示しているアクセス情報などは、HTMLで入力可能なフリースペースで制作可能です。デモサイトのように表示したい場合は、テキストエディターで以下のようなHTMLを入力いただくことで表示いただけます。以下のHTMLをそのままコピーして各所を書き換えてご利用いただいてもいいですし、自由にコンテンツを作成いただくことも可能です。

<div class="tcd_access_info">
<h5><span style="color: #00a8ca"><strong>お車でお越しの方</strong></span></h5>
阪神11号池田線 梅田 5分～10分
阪神1号環状線 堂島 5分
<h5><span style="color: #00a8ca"><strong>バスでお越しの方</strong></span></h5>
JR大阪バス梅田バス停下車 徒歩15分
阪急バス梅田バス停下車 徒歩5分
<h5><span style="color: #00a8ca"><strong>駐車場</strong></span></h5>
30台完備の駐車場を確保しております
</div>