病院やクリニックなどの医療機関のWebサイトでは、患者さまが安心できる空気感が大切です。

特に新しいクリニックなどで実績や口コミが不十分な場合は、サイトの雰囲気がそのまま評価にも繋がってきます。洗練されたデザインはもちろん、患者さまが必要するコンテンツが揃っている安心感のあるサイトが求められるわけです。

そこで今回は、病院やクリニックに最適なサイトがつくれるWordPressテーマ「SERUM」の機能概要をご紹介いたします。

WordPressテーマ「SERUM」とは

SERUMのイメージ

WordPressテーマ「SERUM」は、病院やクリニックのサイト制作に最適です。

  • 美しいデザインの医療系サイトをつくりたい
  • ユーザーに安心感を与えるホームページが欲しい
  • 実用的な導線設計でサイトをつくりたい
  • 複数の医師・スタッフで管理できるようにしたい
  • 診察・施術の内容を整理して伝えたい

上記のようなご要望を想定しており、洗練されたデザイン、患者さまのニーズを満たすコンテンツや導線設計を自在にご活用いただけます。

WordPressテーマ「SERUM」の機能概要

SERUMに実装されている機能の概要をご紹介いたします。デザイン・実用面の両方の角度から安心感を与えられるほか、汎用性も高いのでご自身でお好みのコンテンツを設置・作成いただくことも可能です。

それではひとつひとつ見ていきましょう。

スプラッシュ画面

SERUMでは、トップページにスプラッシュ画面を表示できます。トップページに初訪問時のみ表示されるサイトのイントロダクションです。

スプラッシュ画面

全画面の背景画像とキャッチフレーズまたは、任意のロゴ画像をセットできます。クリニックのキャッチコピーなどを訪問者にアピールする機能です。クッキーで制御されているため、何度も表示されて煩わしさを与える心配はありません。

スクエアロゴとアイコン

左上には象徴的なスクエアロゴ用のスペースを採用しているため、正方形におさまるロゴやシンボルマークなどをセットできます。

スクエアロゴ

下層のアーカイブページやスマホでも表示され、クリニックのブランディングにご活用いただけます。

さらに、横長のロゴ画像やスクロール時に表示されるアイコン画像もセットできるので、使うロゴや種類によって様々な見せ方が可能です。

スクエアロゴ 横長ロゴ アイコン画像
スクエアロゴ 横長ロゴ アイコン画像

デモサイトは上記3つのロゴ画像を全てセットしている例ですが、一般的なヘッダーにフィットする横長のロゴ画像のみでもお使いいただけます。

横長ヘッダーロゴの例

ヘッダースライダー

トップページにはヘッダースライダーが実装されており、静止画やmp4動画、YouTube動画セット可能です。

ヘッダースライダー

トップページヘッダースライダー

スライダーのキャッチフレーズは縦向き・横向きを変更可能で、静止画1枚のみでの利用はもちろん、複数のバナー画像をセットして、任意のリンク先もご登録いただけます。

英語版サイト

キャッチフレーズが横向きの英語版サイト

コンテンツビルダー

ヘッダースライダー下部のメインエリアは、以下のコンテンツを組み合わせて作成できる仕様です。

  • フリースペース(WordPressのエディタ)
  • ボックスコンテンツ
  • カルーセル
SERUMのトップページコンテンツビルダー

フリースペースのみを使ってゼロベースでお作りいただくこともできます。デモサイト通りのレイアウトであれば、付属のマニュアルからコピペして瞬時に作成可能です。

サイドバー

SERUMに予約システムの機能はありませんが、どのページでも表示されるサイドバーやフッターに、ご予約フォームやメール相談などのリンクを設置可能です。

予約やお問い合わせフォームのリンク設置箇所

それぞれ30種類のアイコンとテキストで任意のリンクを登録いただけます。

サイドバーでは、アイコン無しでサイトカラーを適用させることも可能です。他よりも目立たせたいボタンにご活用ください(デモサイトのWeb予約の部分)。

簡易的な予約フォームを自作される場合は、こちらのアプリが便利です。

アバウト・アクセスページ

クリニックの概要やアクセス情報を伝えるためのページは、WordPressの固定ページで作成します。

アバウトページ

アバウトページ

WordPressのエディタを使えるので、次のようなコンテンツを組み合わせて自由に作成可能です。

  • クリニックのコンセプト
  • ドクターやスタッフのモットー
  • 院内設備の写真
  • Googleマップ・住所
  • 車や公共交通機関(電車・バス)別の説明
  • 定休日・曜日ごとの診療時間

SERUMでは、必要な情報をワンタッチでセットできる基本情報と営業日」や「Googleマップ」のクイックタグを利用して、効率的に作成いただけます。

ニュース記事の配信

病院やクリニックの最新ニュースをお伝えするためのカスタム投稿「お知らせ」をご用意しています。

お知らせページ

お知らせページ

WordPressのブログ投稿機能とは分けて運用いただけます。

  • 新たな院内設備の導入
  • 一時的な営業時間の変更
  • 年末年始の休診日
  • 期間限定のキャンペーン情報

上記のようなタイムリーな情報発信に活用いただくことを想定した機能です。通常のブログとして使うのもアリですし、画像やテーブル(表)の挿入や装飾も可能です。

診療科目(サービス)の整理

診療科目を整理する機能として、カスタム投稿「診療案内」があります。医療機関のサービスをカテゴリーで整理してレイアウトします。

診療案内

診療案内ページ

デモサイトでは皮膚科専門のクリニックを例として作成していますが、次のような複数の診療科のある医療機関でもお使いいただけます。

診察科カテゴリー例

診療カテゴリーを設定することで、それらに紐づいた診療科目がページ内で綺麗に整理される仕様です。

診療科目のサンプル

診療科目は、病院・クリニックサイト特有のメインとなるコンテンツです。次のようなFAQ(よくある質問)コンテンツもぜひご活用ください。

FAQのサンプル

クリックで開閉するFAQは、質問と回答を登録してページ内のどこにでもセット可能です。

医師(スタッフ)紹介ページ

SERUMには、医師(スタッフ)紹介ページの作成機能が実装されています。

医師紹介ページ

医師紹介ページ

WordPressに登録したユーザープロフィールを固定ページ内に一覧表示する仕様です。

下記箇所に登録したユーザー情報をそのままスタッフ一覧に流用できるので、ページはすぐ完成します(ユーザーごとに表示非表示を選択可)。

WordPressユーザーの管理画面

スタッフ紹介ページを作る際に、各自ユーザー登録しておけば、複数人でもサイトを運営できて便利です。こちらのプラグインでユーザーごとに適切な権限を設定できますので、よろしければご覧ください。

ランディングページ

サイトの下層ページとは別で、ランディングページを作成できる機能を実装しています。

ランディングページサンプル

求人募集のランディングページ

キャンペーンページやお申し込みフォーム、求人情報ページなどへの利用を想定した機能です。ヘッダーやフッター・サイドバーを無くしたり、他のページとは異なるレイアウトで作成できます。

その他の例として、下記のデモページもご覧いただけます。

フッターの画像カルーセル

フッターには動き続ける画像カルーセルをセット可能で、ミニギャラリーとしてご利用いただけます。

フッター画像のカルーセル

院内や医師(スタッフ)の画像などをセットして、全ページに表示されるフッターでアピールします。

また、サイドバーの部分でもご紹介したように、画像カルーセルの下部にはアイコンバナーを表示して任意のリンク先も登録可能です。

画像カルーセルとアイコンバナーはそれぞれ非表示にもできます。

非表示にしたフッターの例

病院・クリニックのサイト制作なら「SERUM」

WordPressテーマ「SERUM」の機能概要をご紹介いたしました。

スプラッシュ画面やスクエアロゴ、サイドバーなどの特徴的な機能も含めて、見せ方や使い方の幅は広く、汎用度も高いテーマです。安心感を与える全体のデザインや導線設計を活かして、ぜひ病院やクリニックのサイト制作にご活用ください。

セラムのスマホモックアップ

WordPressテーマ「SERUM」