治療院向けのサイト作成サービス

Sample Page

このページはstyle Bのサイト運営サービスのサンプルページです。

投稿や固定ページを作成する際の参考にしてください。

このサイトで使用しているシステムについて

このサービスは『Wordpress』というシステムを使って運用しています。

特別な知識がなくても、サイトの編集や新しいコンテンツの投稿ができる、とても便利なシステムです。

日記や症例など、日々更新していくページについては『投稿』を、お問い合わせやプロフィール紹介などは『固定ページ』を使ってコンテンツを作っていきましょう。

ずっと単調な文字では読みにくいので、適切に見出しをつけて内容を区切り、装飾を使って読みやすいページを作っていきます。

ただし、過度に装飾を使い過ぎると、どこが大事な内容なのか分かりにくくなるので、適度な装飾にとどめましょう。

使用する色についても同様に、たくさんの色を使いすぎないように注意しましょう。

ブロックエディタの使い方

基本的な作業は、このブロックエディタを使って文章を書くことになります。

新しくページを作成し、画面左上の『+』ボタンを押すと、ページの作成に使える様々な項目が出てきます。

また、文章や画像を挿入したい箇所をクリックすると、右側に『+』ボタンが現れるので、そこからブロックを追加することも可能です。

段落

最も多く使うブロックはこの段落になります。

通常のWordと同じように、文章を書いていきEnterで改行をすると、次の段落ブロックが作られます。

見出し

見出しを適切に使うことで文章構成がまとまり、伝えたいことを順序よく伝えることができます。

見出し1はタイトルで使用しているので、ページで使用する場合は見出し2から4を使って書いていきましょう。

長い症例を書くなどの場合、先に見出し案から決めてしまうと、そのあとが書きやすくなるので、おすすめです。

リスト

  • 治療院のサイトを作りたい
  • 症例をまとめたい
  • 問い合わせフォームを設置したい

リストは上記の様に、箇条書きを使いたい時に使用します。

テーブル

 
午前
午後

テーブルを挿入すると表が作れます。

画像

画像の挿入は『+』ボタンから画像を選択するか、ドラッグ&ドロップで画像を追加することもできます。

主に使うブロックのまとめ

  • 見出し
  • 段落
  • リスト
  • テーブル
  • 画像

これだけあれば、基本的な投稿や固定ページの作成は問題なく行えます。

次に装飾の方法を紹介しますが、先にここまで紹介したブロックをしっかり作り、そこから見やすさを考えて装飾を加えていくのがおすすめです。

ページに装飾を加える

上の見出しは『見出し2』ですが、背景をグレーに装飾しています。

エディターの右側にテキストの色や、背景画像を変更するボタンがあり、自由に装飾を加えることができます。

文字の色を変える

文章の中で一部の文字だけ色を変更したい場合は、変更したい部分を選択し『ハイライト』で色を変えると、ブロックの中で一部分だけ色を変更することができます。

リンクを貼る

自身のサイトの中の別のページや、外部のサイトにリンクを貼りたい場合は、リンクを貼りたいテキストを選択して、『リンク』ボタンを押し、URLを入力するとリンクを設置することができます。

style B – バランス療法のサイトはこちら

ボタンを設置する

リンクを貼る場合の応用編として、『+』ボタンからボタンを設置することができます。

『お問い合わせはこちら』『治療を受けるにはこちら』など、強く目立たせたいリンクを貼りたい場合はボタンを使います。

ボタンはリンク先のURLや文字・背景の色、角の丸みを自由に選んで設置できます。