当サイトのCMS専用テンプレートではなく、オリジナルデザインに組み込む方法のご紹介です。CMSが使えるかの確認からCMSがあなたのサーバーで動くか、試用版ページをご覧頂き事前に動作確認をしておいて下さい。試用版が動作しない場合は、弊社CMSは使えません。下準備あなたのサイトの文字コードをhtml側のhead内で確認して下さい。「<meta〜〜charset="UTF-8"」のように「UTF-8(utf-8でも可)」という文字があれば問題ありません。文字コードに問題なければ、試用版ページから試用版プログラムをダウンロードします。続いて、original_sampleset.zipをダウンロードします。cssファイルは、オリジナルデザインにCMSを組み込みやすくする為に弊社で用意したものです。後で変更して頂いて構いません。ダウンロードしたファイルを解凍し、中のファイル・フォルダをあなたのサイトフォルダに移動して下さい。index.htmlと同じ最上層においておけばOKです。※同じファイル名やフォルダ名がすでに存在していないか必ず確認します。以下より、あなたのサイトの編集作業に入ります。全ページ共通の編集作業に入ります既存サイトをコピーし、コピーしたもので作業を行なって下さい。本サイトで設定すると問題が出た場合に復旧しづらくなります。全てのhtmlファイルの<head>内に以下のスタイル読み込みタグを追加。できれば既存サイトのcss読み込み行より下に配置して下さい。※cssファイル名は任意のものに変更して頂いても構いません。変更の際は、cssファイル本体のファイル名も変更しておきましょう。他、例えばcssフォルダがある場合は「css/stylestyle.css」としてもらっても構いません。この場合も、指定した階層に移動するのを忘れず。href="./">」に変更。CMS出力用のメニューとリンクを設定。liタグを使うなど、今使っているサイトのコーディングに合わせて調整して下さい。※以下は試用版を試すための設定です。求人項目は変更できます。1カラムレイアウトの場合はメインコンテンツ内でも構いません。<!--{/each}-->▼出力イメージです。※スタイルはテスト確認後にそちらで整えて下さい。トップページの編集に入りますトップページ(通常はindex.html)のファイル名をindex_.htmlとアンダーバー入りに変更。index_.htmlのファイル名は変更しないで下さい。プログラムがこのファイルをトップページとして読み込んで出力しますので、ファイル名は変更しないで下さい。他にindex.htmlがあるとそちらが優先表示されてしまいますので、作らないように。index_.htmlというファイル名ですが、実際にこのファイルにアクセスする事はありません。通常のindex.html同様、http://〜〜〜/で開きます。index_.htmlを開き、現在の求人数を出力するタグを追加。total/4}件)</a>▼出力イメージです。※スタイルはテスト確認後にそちらで整えて下さい。新着求人情報のタグを追加。<!--{/each}-->▼出力イメージです。※スタイルはテスト確認後にそちらで整えて下さい。お知らせ欄の出力タグを追加。<!--{/each}-->▼出力イメージです。※スタイルはテスト確認後にそちらで整えて下さい。続いて求人一覧ページの準備に入ります既存ファイルをコピペし、list.htmlというファイル名のファイルを作成します。メインコンテンツ内は空にしておいて下さい。list.htmlのhead内に以下のタグを追加します。</script>list.htmlのメインブロック内に以下のタグを貼り付けます。class="c">情報はありません。<!--{/def}-->実際の一覧ページの出力サンプルを見る場合はこちら。続いて求人詳細ページの準備に入ります既存ファイルをコピペし、item.htmlというファイル名のファイルを作成します。メインコンテンツ内は空にしておいて下さい。item.htmlのhead内に以下のタグを追加します。上のlist.htmlをベースにする場合、list.htmlのheadに入れたタグは削除して以下を追加して下さい。</script>メインブロック内に以下のタグを貼り付けます。重要な説明もそのまま入っていますが、実際の利用時には説明箇所は削除して下さい。</div>実際の詳細ページの出力サンプルを見る場合はこちら。最後に、求人専用フォームの準備に入ります既存ファイルをコピペし、toiawase.htmlというファイル名のファイルを作成します。list.htmlやitem.htmlを土台にする場合は、head内に追加したタグは削除しておいて下さい。メインコンテンツ内は空にしておいて下さい。メインブロック内に以下のタグを貼り付けます。重要な説明もそのまま入っていますが、実際の利用時には説明箇所は削除して下さい。<p>※「求人専用フォーム」と「一般問い合わせフォーム」の兼用テンプレートです。class="color1">お問い合わせ内容を送信しました。class="color1">全項目入力必須です。<!--{/def}-->実際の出力サンプルを見る場合はこちら。フォームに関する補足toiawase.htmlは「一般のお問い合わせフォーム」としての利用もできます。求人フォームの場合、詳細ページからリンクをつなぐことで自動的に求人IDと名称が入りますが、toiawase.htmlへのリンクを以下のurlでつなぐと、一般フォームとして開きます。当然ですが、仮フォルダを作ってそちらで動作確認をして下さい。本番サイトへの上書きはしないように。動作に問題なければcssなどお好みに合わせて調整しなおして下さい。CMS出力ではないページにはサブコンテンツの人気コーナーは出力されません。情報が空になるので、気になる場合は該当するhtmlから直接人気ブロックを削除して下さい。既存サイトのスタイルより優先順位が低い場合、スタイルが反映されません。!importantを加えてみて下さい。強制的に適用されます。!important;既存サイトのレイアウトが崩れている場合CMS用で読み込んでいるcssファイルに同じスタイルがある可能性があるので確認して下さい。CMSのマニュアル・FAQについてはマニュアルはこちら。うまくいかない場合サポート掲示板からご質問下さい。無償サポートの範囲内で対応させて頂きます。通常のhtmlとcssファイルで構成された無料のホームページテンプレートです。システム開発業者様にCMSを開発依頼。弊社の無料テンプレートをセットしました。外したい方マニュアルよく頂く質問サポート掲示板お問合せ返信メールが届かない方へ。