中古車販売業者テーマ(通常版)
自社デザインにCMSを組み込む
※初めてCMSをご利用になられる場合
初めて当サイトのCMSをご利用になられる場合、必ず試用版を使ってご自身の環境でCMSが動作するか事前に確認しておいて下さい。
※上級者向けの解説です。
htmlやcssを把握されているお客様向けの解説になります。スタイルはレイアウトが崩れない為の必要最低限の設定しか入っていませんので、ご自身での調整が必要となります。
下準備
土台のファイルの準備
土台にしたいデザインファイルを複製し、そちらでテストしていきます。
今回はtemplate partyさんのtp_school4_navyに組み込む解説をさせて頂きます。
土台ファイルを整理
とりあえず、CMSの土台とする為にindex.htmlだけを残し、他のhtmlは削除しておきます。
(※必要に応じて元ファイル全体のバックアップをとっておいて下さい。)
続いてindex.htmlのファイル名をindex_.html(※アンダーバーつき)に変更します。
CMS専用のcssをダウンロード
tp-style.cssをダウンロード&解凍し、任意の場所に移動。
index_.htmlにこのcssの読み込みタグを追加します。
以下は、tp-style.cssをcssフォルダに入れた場合の例です。
試用版からファイルを移動
試用版から以下ファイル・フォルダを持ってきます。
既に当サイトのCMSで運営中の場合は、サーバーからDLしてきたものを使って下さい。
- data(フォルダ)
- user_data(フォルダ)
- index.php(ファイル)
- setup.php(ファイル)
CMS用の設定
リンク先の変更
index_.htmlを開き、リンク先を試用版に合わせて変更します。
既に当サイトのCMSで運営中の場合は、ご自身の環境に応じて変更して下さい。
<a href="./">ホーム</a>
<a href="./?act=list&kind=1">中古車カテゴリーA</a>
<a href="./?act=list&kind=2">中古車カテゴリーB</a>
<a href="./?act=list&kind=3">中古車カテゴリーC</a>
トップページ用のタグを記載
index_.htmlのメインコンテンツに、以下のコードをコピペして下さい。
「お知らせ」と「新着中古車情報」ブロック用のタグになります。
続いて、サブコンテンツに「おすすめ中古車情報」のタグも追加します。
(サブコンテンツ専用のタグではありませんので、html内のどこにコピペされても構いませんがcssなどの調整はお客様側で行って下さい。)
「おすすめ中古車情報」は、トップページ、一覧ページ、詳細ページに出力できます。フォームには出力されないのでご注意下さい。
一覧ページ用のタグを記載
index_.htmlファイルを複製し、ファイル名をlist.htmlに変更します。
list.htmlのメインコンテンツのコードを以下に置き換えます。
続いて、head内に以下のjavascriptコードも入れます。
詳細ページ用のタグを記載
list.htmlファイルを複製し、ファイル名をitem.htmlに変更します。
item.htmlのメインコンテンツのコードを以下に置き換えます。
続いて、head内に以下のコードも入れます。
(上のlist.htmlで入れたコードは削除。)
フォーム用のタグを記載
item.html(※どのhtmlでも構いません)を複製し、ファイル名をtoiawase.htmlに変更します。
toiawase.htmlのメインコンテンツに、以下のコードをコピペして下さい。
head内のコードは不要なので、削除しておきます。
設定は以上です
サーバーにアップロードしプレビュー確認をして下さい。
フォームの動作はsetup.phpファイルの設定が必要なので、マニュアルをご覧下さい。
詳しい使い方もマニュアルに解説があります。