ゼロから始めるWEBサイトの作り方 公開中 ▶︎Click

レベル4|薬局オンラインマニュアルのトップページの作成

レベル1〜レベル10の手順で作れる『ゼロから始める薬局オンラインマニュアルの作り方』。

今回はレベル4です。

前回のレベル3までは、できあがった薬局オンラインマニュアルを実際にWEBサイト上に作成していく手順までを具体的に解説してきました。

今回は、薬局オンラインマニュアルの閲覧者が最初に閲覧するトップページの作成について具体的に解説していきます。

では、始めていきましょう!

トップページ完成見本

レベル1でも紹介しましたが、下図のような薬局オンラインマニュアルのトップページを作っていきます。

薬局オンラインマニュアルのトップページは非常に重要です。

閲覧者全員が最初にアクセスするページなので、トップページにアクセスした人が、見やすく・簡単に・素早く目的のマニュアルを見つけやすい構造にしておく必要があります。

もちろん、必ずしもこの型にしなくても良いのですが、初心者が最初に薬局オンラインマニュアルを作る際にはおすすめの型なので、まずはこの型を真似てみてください。

WordPressは、本当にカスタマイズ性に優れたWEB作成ソフトなので、慣れてくればレイアウトをどんどんカスタマイズしていけば良いかと思います。

では作成の手順を具体的に解説していきます。

トップページの作り方の手順

まずは薬局オンラインマニュアルのトップページを作っていきます。

薬局オンラインマニュアルのトップページの作り方の手順については、『ゼロから始めるWEBサイト作り』のレベル14で紹介している手順に従って進めてください。

リンクと目次をつけておきます。

まずはこの手順に従って、薬局オンラインマニュアルのトップページを作成していきましょう。

その後に、先ほど示した完成見本のようにトップページの中に、『検索バー』などのコンテンツを設置していきます。

【Step1】検索バーの設置の仕方

薬局オンラインマニュアルのトップページができたので、

薬局オンラインマニュアルのトップページの見本にも記した通り、一番上には、マニュアル検索を行うことができるように下図のような『検索バー』を設置します。

検索バーの設置の仕方は下記の手順で行います。

STEP

①WordPressのブロック後ろの『+』をクリックし、②ポップアップに『検索』と入力し、③『検索』のアイコンをクリックします。

STEP

すると、下図のような『検索バー』が挿入されます。

STEP

検索バーの下に、『マニュアルの検索はこちらから』と文字を入力しておくと良いでしょう。

マニュアルをすぐに閲覧したい人、マニュアルを探してもなかなか見つけられない時のために、検索バーは必ず薬局オンラインマニュアルの一番上に配置しておきましょう。

【Step2】必ず見てもらいたい項目の設置

検索バーの設置が済んだら、その下は必ず全員に見てもらいたい項目を配置します。

ここでは下記の3つの項目を配置します。

3つの項目
  • スタートガイド
  • お知らせ
  • よくある質問

いずれもオンラインマニュアルでは必須の項目となっています。

下図のように少し目立つようなデザインにして、配置していきます。

では手順を紹介します。

STEP

①WordPressのブロック後ろの『+』をクリックし、②ポップアップに『プラン』と入力し、③『プラン比較(3カラム)』のアイコンをクリックする。

STEP

すると下図のようなカラムが挿入されます。

この後、下図の赤で囲んだ部分を書き直します。

STEP

青のカラムと同様の操作で、黄色のカラム、赤のカラムの文字も全て書き直します。

あとは、『詳しくはこちら』のボタンに、マニュアル記事のURLをリンクとして貼り付ければ完成です。

マニュアルのトップページは目立つように、上図の3つの項目を貼り付けておくと閲覧者にとっても使いやすく、運用がスムーズにいくのでおすすめです。

【Step3】業務別のカテゴリーの設置

そして最後のステップは、下図のような業務別に分類分けされたカテゴリーの設置です。

この方法については、冒頭でも紹介してきた『ゼロから始めるWEBサイト作り』のレベル14で紹介している手順に従って進めてください。

ここまでの設定ができれば、薬局オンラインマニュアルのトップページを含めた基本構造の出来上がりです。

あとは、画像・動画なども使用しながらマニュアル記事をどんどん作成していきましょう。

まとめ

ゼロから始める薬局オンラインマニュアルの作り方のレベル4について紹介してきました。

今回は、閲覧者が薬局オンラインマニュアルにアクセスした際に一番最初に閲覧するトップページの作成の仕方について具体的に解説してきました。

オンラインマニュアルのトップページは、閲覧者が迷わないように、見やすく、できるだけ簡単にマニュアルを探せるようなコンテンツの配置が重要です。

ここで紹介したトップページの型を参考に、ぜひあなたの薬局のオンラインマニュアル作りに役立ててください。

次のレベル5では、薬局オンラインマニュアルにアップロードする業務マニュアルの作り方(業務手順書・業務チェックリスト)について具体的に解説していきます。

NEXT > レベル5『薬局業務マニュアルの作り方(業務手順書・業務チェックリスト)』