治療院ワードプレステンプレートについて 著作権情報 : このテンプレートはビズベクトルさんの無償テンプレートを寺田さん 浜田さんが治療院様用にカスタマイズしたものです 導入サポートはついておりませんが ビズベクトルさんのHPにワードプレスのインストール方法 有償サポートが掲載されておりますのでご参照

Transcription

1 ご注意と免責事項このテンプレートは 既存のホームページにはインポートしないでください すでにあるコンテンツがすべて上書きされ 元に戻せなくなります インポートはまっさらな状態のワードプレスにお願いします このテンプレートの使用における一切のトラブルに責任を負いかねますのでご了承ください 1

2 治療院ワードプレステンプレートについて 著作権情報 : このテンプレートはビズベクトルさんの無償テンプレートを寺田さん 浜田さんが治療院様用にカスタマイズしたものです 導入サポートはついておりませんが ビズベクトルさんのHPにワードプレスのインストール方法 有償サポートが掲載されておりますのでご参照ください 本マニュアルは ワードプレスにテンプレートをインポートするプラグインを導 入するところからの作業を解説しております 2

3 本テンプレートの再配布 転用 転載は禁止させていただきます 本テンプレートはSEO 順位を保証するものではありません 念のため ワードプレス設置をサポートされている寺田さん 浜田さんの連絡先を記載しておきます ( 有償 ) 寺田様 info@boseki.net 浜田様 hamadaweb1016@gmail.com 3

4 プラグイン All-in-One WP Migration のインストール 画像説明もあります 1. 左メニューの プラグイン から 新規追加 を選択 右上の キーワード の箇所に All-in-one と入力し 検索します 2. そうすると All-in-one と名の付くプラグインが一覧で表示されますので その中から All-in-One WP Migration を選択し 今すぐインストール ボタンを押して インストールします 3. インストールが完了したら 有効化 ボタンが現れますので押します 4. 有効化が成功すると 左メニューの設定の上に All-in-One WP Migration の項目が出現するようになります 4

5 5

6 6

7 7

8 プラグイン All-in-One WP Migration のインポート方法 8

9 インポートの前にもう一度ご確認ください ご注意事項このテンプレートは 既存のホームページにはインポートしないでください すでにあるコンテンツ ( 固定ページ ブログ記事 ログイン情報すべて ) が上書きされ 元に戻せなくなります インポート作業は まっさらな状態のワードプレスにして下さい ご不安な方は杉原まで事前にご相談ください 9

10 インポートするファイル 10

11 11

12 12

13 13

14 14

15 ユーザー名またはメールアドレス tiryouin パスワード 3geti9cx 15

16 ユーザーの追加 左メニューのユーザーから新規追加を選択 ユーザー名 ( 必須 ) メールアドレス ( 必須 ) パスワード 権限グループを 管理者 に設定して 最後に 新規ユーザーを追加 ボタンを押してユーザーを追加します また セキュリティを考慮して 既存のユーザー名 tiryouin は パスワードの 変更 またはユーザーごと削除しておきます 16

17 ヘッダー画像の変更方法 17

18 18

19 19

20 20

21 21

22 22

23 画像の挿入方法 23

24 24

25 25

26 26

27 27

28 共通フッターの編集方法 全ページ共通のフッターは プラグイン Header and footer を使用して表示しています 28

29 Posts は ブログ投稿ページに表示されます 29

30 Pages は 固定ページに表示されます 30

31 特定のページ ( 例えばお客様の声など ) のみ免責事項を入れるというような事は 仕様上 できませんので 予めご了承下さい 免責事項につきましては 全ての投稿ページ に お客様の声に関しましては 得られ る結果には個人差があります と表示されるような設定を行っております 31

32 スマホ用お問い合わせ表示の編集方法 32

33 スマホで見た時に 常時 フッターに 電話がかけられるボタン が表示されるようになっ ており その表示プラグインとして Really Simple Click To Call を使用しています 設定画面では ボタンの文言や文字の色 背景の色などを変更することができます Really Simple Click To Call の詳細な使い方はこちらが参考になると思います 33

34 文字の大きさを変える方法 本テンプレートはビジュアルエディタも使用できますが テキスト (HTML) モードで文字を変更する際に 下記のように記述していただくことで 文字の大きさを変えることができます 記述例 : <span class= f24 > 文字 </span> 設定可能な文字サイズは下記のサイズです f の後の数値がサイズに対応しています f11 f12 f14 f16 f18 f20 f22 f24 f28 f32 f36 f40 f42 f48 f60 f72 未設定 ( 初期設定 ) の場合では f16 で表示されています 34

35 文字の色を変える方法 記述例 : <span class= red > 文字 </span> 表示例 : 文字 下記は設定可能な class 名です red blue grn yell pink sky lime ora gry wht blk レッドブルーグリーンイエロー ( 背景色あり ) ピンク水色ライムオレンジグレーホワイトブラック 35

36 .red {color:#ff0000;}.blue {color:#3399ff;}.grn {color:#339900;}.yell {color:#000;background-color:#f7ff72;}.pink {color:#f39;}.sky {color:#00ccff;}.lime {color:#32cd32;}.ora {color:#ff9900;}.gry {color:#999;}.wht {color:#fff;}.blk {color:#000;} 36

37 文字の大きさと色を一度に変える方法 一度に文字の大きさと色を変更するには下記のように記述します 記述例 : <span class= f24 red > 文字 </span> 文字の大きさが 24px で文字の色は赤で表示されるようになります F24 と red の間は 必ず 半角スペース で区切ってください 全角スペースでは反映されませんのでご注意下さい 37

38 重要 : お問い合わせフォームのメールアドレス入力 当テンプレートでは問い合わせフォームに Contact Form を使用していますが 初期設定の状態ではメールアドレスが入力されておりませんので この Contact Form を使う方は 下記の画像を参考にご自身のメールアドレスを入力してください 38

39 39