オリジナルテンプレートの説明
テンプレートのデモサイト
https://original.seisaku-demo.com/
目次
cssディレクトリ
fontawesome.min.css | スマホのハンバーガー用のCSSです。 |
---|---|
reset.css | リセットCSSです。 |
sp.css | スマホ用のCSSです。 |
style.css | PC用のCSSです。 |
top.css | トップページだけに当てたいCSSを記述するです。 |
faviconディレクトリ
real favicon generatorで生成したfaviconファイルを格納するディレクトリです。
デフォルトで設置方法のフローのスクショのpngが入っています。
imagesディレクトリ
jsディレクトリ
※jsファイルは、SEO対策のため、なるべく1つにまとめるようにしてください。
(複数のjsファイルを読み込むと時間がかかるため、読み込みスピードで低評価を受ける可能性があるからです)
slick | ・TOPページのフッター手前にある横に流れる写真スライダー ・院内写真のスライダー 上記に当てています。 |
---|---|
jquery.bgswitcher.js | TOPページのMVのスライダー |
jquery-3.5.1.min.js | 基本のライブラリ |
main.js | ・telリンク処理(PC時にtelリンクをクリックできないようにする) ・pagetop(topに戻るボタン) ・fixHeader(ヘッダー固定) ・spMenu2(スマホのハンバーガー、スクロール等の処理。108行目の「●●●●●●●●●●●●」にはドメイン名を入れる) ※テスト環境の場合はhero1160xx(該当のサーバー番号).xsrv.jpを、本番環境は独自ドメイン名を入れてください。 ・アンカーリンクへスムーズにジャンプする処理 ・echo.js(画像を遅く読み込ませるjsで、SEOに有効です。使い方はこちらを参照) |
Libraryディレクトリ
contents_right.lbi | 診療案内ページのサイドカラム用のテンプレートです。 |
---|---|
schedule.lbi | 診療時間表のテンプレートです。 |
medicalディレクトリ
このディレクトリは、歯科の文例集に沿った内容が入っています。
レイアウトの参考等に使用してください。
denture.html | 入れ歯のページ |
---|---|
esthetic.html | 審美歯科・ホワイトニングのページ |
general.html | むし歯(一般歯科)のページ |
implant.html | インプラントのページ |
index.html | 診療案内のインデックスページ |
occlusion.html | 噛み合わせのページ |
oralsurgery.html | 口腔外科のページ |
orthodontics.html | 矯正歯科のページ |
pedodontics.html | 小児歯科のページ |
periodontal.html | 歯周病のページ |
preventive.html | 予防歯科のページ |
mpcloudディレクトリ
※触るファイルは下記の2つのディレクトリのみ!
configディレクトリ
env.php | ドメインを指定し、アカウントのデータを読み込むファイルです。 |
---|
newsディレクトリ
css.php | MPクラウドのお知らせに使用されているcssのファイルです。 |
---|---|
news01.php | TOPページのお知らせを表示させるファイルです。表示されるお知らせの数を調整することができます。 日付、カテゴリ、タイトル(リンク付き)が表示されるようになっています。 |
news01_honbun.php | ※お知らせの一覧ページがない場合はこちらを使用する TOPページのお知らせを表示させるファイルです。表示されるお知らせの数を調整することができます。 こちらは日付、カテゴリ、タイトル(リンクなし)、本文が表示されるようになっています。 |
news02.php | お知らせ一覧ページ用のファイルです。基本的に触らなくて大丈夫です。 |
Templatesディレクトリ
全ページ共通のヘッダー・フッター要素のテンプレートファイルが入っています。
webfontsディレクトリ
fontawesomeのデータを入れています。
直下にあるhtmlファイル
access.html | アクセスのページ |
---|---|
class一覧:layout.html | デフォルトで入っているレイアウト(list、table、layout)の見本ページ |
clinic.html | 医院案内のページ(医院概要、院内写真) |
doctor.html | 院長紹介のページ |
facilities.html | 設備紹介のページ |
first.html | 初診の方へのページ |
google478b16d13526ee10.html | ※消さないでください! 公開時にSearch Consoleに登録する際に必ず必要になるファイルです。 |
index.html | TOPページ |
news.html | お知らせの一覧ページ |
price.html | 料金表のページ |
qa.html | よくある質問のページ |