Sample Page
このページはstyle Bのサイト運営サービスのサンプルページです。
投稿や固定ページを作成する際の参考にしてください。
このサイトで使用しているシステムについて

このサービスは『Wordpress』というシステムを使って運用しています。
特別な知識がなくても、サイトの編集や新しいコンテンツの投稿ができる、とても便利なシステムです。
日記や症例など、日々更新していくページについては『投稿』を、お問い合わせやプロフィール紹介などは『固定ページ』を使ってコンテンツを作っていきましょう。
ずっと単調な文字では読みにくいので、適切に見出しをつけて内容を区切り、装飾を使って読みやすいページを作っていきます。
ただし、過度に装飾を使い過ぎると、どこが大事な内容なのか分かりにくくなるので、適度な装飾にとどめましょう。
使用する色についても同様に、たくさんの色を使いすぎないように注意しましょう。
ブロックエディタの使い方

基本的な作業は、このブロックエディタを使って文章を書くことになります。
新しくページを作成し、画面左上の『+』ボタンを押すと、ページの作成に使える様々な項目が出てきます。
また、文章や画像を挿入したい箇所をクリックすると、右側に『+』ボタンが現れるので、そこからブロックを追加することも可能です。
段落
最も多く使うブロックはこの段落になります。
通常のWordと同じように、文章を書いていきEnterで改行をすると、次の段落ブロックが作られます。
見出し
見出しを適切に使うことで文章構成がまとまり、伝えたいことを順序よく伝えることができます。
見出し1はタイトルで使用しているので、ページで使用する場合は見出し2から4を使って書いていきましょう。
長い症例を書くなどの場合、先に見出し案から決めてしまうと、そのあとが書きやすくなるので、おすすめです。
リスト
- 治療院のサイトを作りたい
- 症例をまとめたい
- 問い合わせフォームを設置したい
リストは上記の様に、箇条書きを使いたい時に使用します。
テーブル
| 月 | 火 | 水 | 木 | 金 | 土 | 日 | |
|---|---|---|---|---|---|---|---|
| 午前 | ◯ | ◯ | ◯ | ◯ | ◯ | ◯ | X |
| 午後 | ◯ | ◯ | ◯ | ◯ | ◯ | X | X |
テーブルを挿入すると表が作れます。
画像
画像の挿入は『+』ボタンから画像を選択するか、ドラッグ&ドロップで画像を追加することもできます。
主に使うブロックのまとめ
- 見出し
- 段落
- リスト
- テーブル
- 画像
これだけあれば、基本的な投稿や固定ページの作成は問題なく行えます。
次に装飾の方法を紹介しますが、先にここまで紹介したブロックをしっかり作り、そこから見やすさを考えて装飾を加えていくのがおすすめです。
ページに装飾を加える
上の見出しは『見出し2』ですが、背景をグレーに装飾しています。
エディターの右側にテキストの色や、背景画像を変更するボタンがあり、自由に装飾を加えることができます。
文字の色を変える
見出し・段落・リスト・テーブルなどのブロックの中でこの様に変更が可能です。
文章の中で一部の文字だけ色を変更したい場合は、変更したい部分を選択し『ハイライト』で色を変えると、ブロックの中で一部分だけ色を変更することができます。
リンクを貼る
自身のサイトの中の別のページや、外部のサイトにリンクを貼りたい場合は、リンクを貼りたいテキストを選択して、『リンク』ボタンを押し、URLを入力するとリンクを設置することができます。
ボタンを設置する
リンクを貼る場合の応用編として、『+』ボタンからボタンを設置することができます。
『お問い合わせはこちら』『治療を受けるにはこちら』など、強く目立たせたいリンクを貼りたい場合はボタンを使います。
ボタンはリンク先のURLや文字・背景の色、角の丸みを自由に選んで設置できます。