【クリニックホームページ作成】top画面の表示と「お知らせ」の設置

今回は、クリニックに欠かせない、「お知らせ」の設置です。

wordpressのデフォルトでは投稿は一種類しかなく、ここを「お知らせ」として機能させようと思います。(実は増やせるのですが、難しくなるのでここでは話しません)

クリニックは、臨時・年末年始大型連休時の休診やワクチン関連、診療時間変更など「お知らせ」は必須です。

この「お知らせ」くらい、自分で更新できないと、毎回業者から編集費用として請求されてしまいます。

正直、サイト作成についてあまり勉強したくない人も、このお知らせだけはいじれるようにしておかないと、なにかあったときの対応・通知をするツールを一つ失うことになります。

top画面の表示

top画面は、「固定ページ」で表示させるべきです。

固定ページで表示させる方法は、

  1. 固定ページからtopページを作成する
  2. このとき、「トップページ用1カラム(タイトルなど出力なし)」を選択
  3. さらに、「シェアボタン非表示」を選択




と、ここまでで、固定ページを作成します。

つぎに、この固定ページを最初に表示するデフォルトのページにするために、wordpressの設定を変更します。

設定>表示設定>ホームページの表示>ホームページタブに「トップページ」にすると、ホームページのトップが、指定した固定ページになります。


topページを一瞬で作成する

topページデザインは、SANGO LANDからテンプレートのコピペで一瞬で作成可能です。

詳しくは、こちら

まずは、大まかにtopページの構成を作成してしまいます。

「お知らせ」の設置

クリニックには欠かせない「お知らせ」の設置です。

wordpressはもともとブログを想定して作成されていますので、「投稿」という機能があります。

これを、「お知らせ」に使用します。

「お知らせ」の新しいものはtop画面に表示された方がユーザーにとって気づかれやすい設定になるため、topに4件ほど表示して、残りはお知らせ一覧ページに飛ばすという流れにしました。

先ほど、SANGO LANDOから作成したtopページのデザインテンプレートを編集して、作成します。

まずは、カテゴリーを作成します。

カテゴリー作成は、wordpressの編集画面の投稿の下のカテゴリーから作成します。

ここに、「お知らせ」というカテゴリーを追加。

次に、先ほどコピペしたデザインの中から、投稿一覧を表示していそうなブロックを選択して、タイトルを「お知らせ」に変更します。

さらに右の編集画面から、topページに出力する記事数を選択(今回は「4」にしました)

次に、テストとして投稿からいくつか「お知らせ」の記事を作成します。この際に、必ずカテゴリーを「お知らせ」にしておきます。

すると、topページの先程のブロックに投稿した記事が出現します。

基本的にはこのままでもいいのですが、例えば、「お知らせ」以外にもカテゴリーを作成して記事を作成している場合に、このブロックに「お知らせ」カテゴリーの記事のみを出力したい時があるかと思います。

その際には、編集画面の右からカテゴリーに「お知らせ」と記載しておけば、投稿した記事の中の「お知らせ」カテゴリーの記事のみを出力することができます。



「お知らせ」一覧のページ作成

流れとしては、

  1. 固定ページを新規に作成して、「お知らせ一覧」の専用ページとします。
  2. top画面のお知らせブロックの下にボタンを設置してそこからURLをリンクさせる
  3. 過去のお知らせを知りたい人はそこから見にいく形にする
といった感じでしょうか・・・。

固定ページの作成方法は、固定ページ>新規追加で行います。

今回は、右の編集部分から、「1カラム表示(サイドバー無し)」を選択します。

shareボタンも基本的には不要と思いますので、ここで非表示を選択します。

つぎに、固定ページを編集します。

「SANGOには記事一覧表示」という機能がありますので、この機能を用いて、固定ページ内に「お知らせ」カテゴリーの記事をを一覧表示させます。

方法の詳細はこちら

簡単にいうと、固定ページでブロック追加、検索窓が出るので、「sango記事一覧」とうって、選択して、記事のカテゴリーを選択するだけです。

「お知らせ一覧」のボタン設置

お知らせ一覧の固定ページリンクさせたボタンをtopページに作成する必要があります。

これも、Gutenbergなら楽勝で、ボタンを設置してデザインを選択してURLリンク先を決めるだけです。


わからないこと、質問などあれば下記のコメントフォームからお願いします

そもそも、「作って欲しい!!」と言う方は、こちらからご連絡ください!現在、モニター募集しています!!!

次の記事。
【クリニックホームページ作成】お問い合わせ+reCAPTCHAの設定

コメント・質問はこちらから

    メールアドレスが公開されることはありません。*印が付いているものは必須です。


    新着記事

    【保存版】顎骨壊死を懸念してビスホスホネート製剤の予防的休薬は不要!? 【レビュー】大画面!echo show 15を早速購入! 【納得】家事もしない。趣味もない。そんな男性は骨粗鬆症リスク大