下準備

土台のファイルの準備

土台にしたいデザインファイルを複製し、そちらでテストしていきます。
まず、CMSの土台とする為にindex.htmlだけを残し、他のhtmlは削除しておきます。

続いてindex.htmlのファイル名をindex_.html（※アンダーバーつき）に変更します。

CMS専用のcssと画像をダウンロード

tp-style.zipのダウンロード

tp-style.zipをダウンロード＆解凍します。
tp-style.cssはcssフォルダに、noimg.pngはimagesフォルダに移動して下さい。フォルダがない場合は新規で作って下さい。
index_.htmlにこのcssの読み込みタグを追加します。
以下は、tp-style.cssをcssフォルダに入れた場合の例です。

CMS試用版からファイルを移動

CMS試用版から以下ファイル・フォルダを持ってきます。
既に当サイトのCMSで運営中の場合は、サーバーからDLしてきたものを使って下さい。

• cms_files（フォルダ）
• data（フォルダ）
• icon（フォルダ）
• upload（フォルダ）
• user_data（フォルダ）
• calender.php（ファイル）
• index.php（ファイル）
• setup.php（ファイル）

CMS用の設定

リンク先の変更

index_.htmlを開き、リンク先を試用版に合わせて変更します。
既に当サイトのCMSで運営中の場合は、ご自身の環境に応じて変更して下さい。

<a href="./?act=list&kind=101">飲食店を探す</a>
<a href="./?act=list&kind=301">求人を探す</a>
<a href="./?act=list&kind=201">病院を探す</a>
<a href="./?act=list&kind=401">習い事を探す</a>
<a href="./?act=list&kind=1">売買物件を探す</a>
<a href="./?act=list&kind=2">賃貸物件を探す</a>
<a href="./?act=company">会社概要</a>
<a href="./?act=list&kind=1111&limit=1000">よく頂く質問</a>
<a href="./?act=list&kind=2222">カレンダー</a>
<a href="./?act=toiawase">お問い合わせ</a>

トップページ用のタグを記載

index_.htmlのメインコンテンツに、以下のコードをコピペして下さい。
<div class="tp-contents"> <h2>現在の情報数</h2> <p><a href="./?act=list&kind=101">飲食店：<!--{def total/101}-->{val total/101}<!--{/def}--><!--{ndef total/101}-->0<!--{/ndef}-->件</a> <a href="./?act=list&kind=301">求人情報：<!--{def total/301}-->{val total/301}<!--{/def}--><!--{ndef total/301}-->0<!--{/ndef}-->件</a> <a href="./?act=list&kind=201">病院：<!--{def total/201}-->{val total/201}<!--{/def}--><!--{ndef total/201}-->0<!--{/ndef}-->件</a> <a href="./?act=list&kind=401">習い事：<!--{def total/401}-->{val total/401}<!--{/def}--><!--{ndef total/401}-->0<!--{/ndef}-->件</a></p> <h2>現在の不動産情報数</h2> <p><a href="./?act=list&kind=1">不動産情報（売買）<!--{def total/1}-->{val total/1}<!--{/def}--><!--{ndef total/1}-->0<!--{/ndef}-->件</a> <a href="./?act=list&kind=2">不動産情報（賃貸）<!--{def total/2}-->{val total/2}<!--{/def}--><!--{ndef total/2}-->0<!--{/ndef}-->件</a></p> <h2>お知らせ</h2> <dl class="tp-new"> <!--{each newinfo}--> <dt>{val newinfo/rss_date}</dt> <!--{def newinfo/url}--> <dd><a href="{val newinfo/url}">{val newinfo/title}<br>{val newinfo/contents}</a><!--{def newinfo/new_flag}--><span>NEW</span><!--{/def}--></dd> <!--{/def}--> <!--{ndef newinfo/url}--> <dd>{val newinfo/title}<br>{val newinfo/contents}<!--{def newinfo/new_flag}--><span>NEW</span><!--{/def}--></dd> <!--{/ndef}--> <!--{/each}--> </dl> <h2>新着 不動産情報</h2> <h3>売買物件</h3> <div class="tp-list-grid"> <!--{each list1}--> <div class="tp-list"> <figure> <a href="?act=bukken&id={val list1/info_id}"> <!--{def list1/image1_file}--> <img src="user_data/{val list1/image1_file}" alt="{val list1/title}"> <!--{/def}--> <!--{ndef list1/image1_file}--> <img src="images/noimg.png" alt="{val list1/title}"> <!--{/ndef}--> </a> </figure> <div class="tp-text"> <h4 class="mb1rem"> <a href="?act=bukken&id={val list1/info_id}">{val list1/title}</a> <!--{def list1/new_flag}--><span>NEW</span><!--{/def}--> <!--{def list1/update_flag}--><span>UP</span><!--{/def}--> </h4> <div> <!--{def list1/contents}--><p class="tp-small">{val list1/contents}</p><!--{/def}--> <!--{def list1/info1/value}--><p class="tp-small"><a href="?act=list&ord=&html=list_user.html&top=0&page=&user_id={val list1/user_id}">{val list1/info1/value}</a></p><!--{/def}--> </div> </div> </div> <!--{/each}--> </div> <br> <h3>賃貸物件</h3> <div class="tp-list-grid"> <!--{each list2}--> <div class="tp-list"> <figure> <a href="?act=bukken&id={val list2/info_id}"> <!--{def list2/image1_file}--> <img src="user_data/{val list2/image1_file}" alt="{val list2/title}"> <!--{/def}--> <!--{ndef list2/image1_file}--> <img src="images/noimg.png" alt="{val list2/title}"> <!--{/ndef}--> </a> </figure> <div class="tp-text"> <h4 class="mb1rem"> <a href="?act=bukken&id={val list2/info_id}">{val list2/title}</a> <!--{def list2/new_flag}--><span>NEW</span><!--{/def}--> <!--{def list2/update_flag}--><span>UP</span><!--{/def}--> </h4> <div> <!--{def list2/contents}--><p class="tp-small">{val list2/contents}</p><!--{/def}--> <!--{def list2/info1/value}--><p class="tp-small"><a href="?act=list&ord=&html=list_user.html&top=0&page=&user_id={val list2/user_id}">{val list2/info1/value}</a></p><!--{/def}--> </div> </div> </div> <!--{/each}--> </div> <h2>新着 求人情報</h2> <!--{each list301}--> <h4 class="mb1rem"> <a href="?act=bukken&id={val list301/info_id}">{val list301/title}</a> <!--{def list301/new_flag}--><span>NEW</span><!--{/def}--> <!--{def list301/update_flag}--><span>UP</span><!--{/def}--> </h4> <!--{def list301/contents}--><p>{val list301/contents}</p><!--{/def}--> <!--{def list301/info1/value}--><p class="tp-small"><a href="?act=list&ord=&html=list_user.html&top=0&page=&user_id={val list301/user_id}">{val list301/info1/value}</a></p><!--{/def}--> <!--{/each}--> <h2>新着 飲食店情報</h2> <!--{each list101}--> <h4 class="mb1rem"> <a href="?act=bukken&id={val list101/info_id}">{val list101/title}</a> <!--{def list101/new_flag}--><span>NEW</span><!--{/def}--> <!--{def list101/update_flag}--><span>UP</span><!--{/def}--> </h4> <!--{def list101/contents}--><p>{val list101/contents}</p><!--{/def}--> <!--{def list101/info1/value}--><p class="tp-small"><a href="?act=list&ord=&html=list_user.html&top=0&page=&user_id={val list101/user_id}">{val list101/info1/value}</a></p><!--{/def}--> <!--{/each}--> <h2>新着 病院情報</h2> <!--{each list201}--> <h4 class="mb1rem"> <a href="?act=bukken&id={val list201/info_id}">{val list201/title}</a> <!--{def list201/new_flag}--><span>NEW</span><!--{/def}--> <!--{def list201/update_flag}--><span>UP</span><!--{/def}--> </h4> <!--{def list201/contents}--><p>{val list201/contents}</p><!--{/def}--> <!--{def list201/info1/value}--><p class="tp-small"><a href="?act=list&ord=&html=list_user.html&top=0&page=&user_id={val list201/user_id}">{val list201/info1/value}</a></p><!--{/def}--> <!--{/each}--> <h2>新着 習い事情報</h2> <!--{each list401}--> <h4 class="mb1rem"> <a href="?act=bukken&id={val list401/info_id}">{val list401/title}</a> <!--{def list401/new_flag}--><span>NEW</span><!--{/def}--> <!--{def list401/update_flag}--><span>UP</span><!--{/def}--> </h4> <!--{def list401/contents}--><p>{val list401/contents}</p><!--{/def}--> <!--{def list401/info1/value}--><p class="tp-small"><a href="?act=list&ord=&html=list_user.html&top=0&page=&user_id={val list401/user_id}">{val list401/info1/value}</a></p><!--{/def}--> <!--{/each}--> </div> <!--/.tp-contents-->

続いて、サブコンテンツ内に、以下のコードをコピペして下さい。
<div class="tp-contents"> <h3>管理者おすすめサイト</h3> <!--{each option12}--> <!--{def option12/image1_file}--> <figure> <a href="{val option12/info1/value}" target="_blank"><img src="user_data/{val option12/image1_file}" alt="{val option12/title}"></a> </figure> <!--{/def}--> <h4 class="mb1rem"><a href="{val option12/info1/value}" target="_blank">{val option12/title}</a></h4> <p class="tp-small">{val option12/contents}</p> <!--{def option12/new_flag}--><span>NEW</span><!--{/def}--> <!--{/each}--> <br> <h3>お知らせ</h3> <div class="tp-list-normal"> <!--{each option11}--> <div class="tp-list"> <!--{def option11/image1_file}--> <figure> <a href="?act=bukken&id={val option11/info_id}"><img src="user_data/{val option11/image1_file}" alt="{val option11/title}"></a> </figure> <!--{/def}--> <div class="tp-text tp-small"> <h4 class="mb1rem"> {val option11/title} <!--{def option11/new_flag}--><span>NEW</span><!--{/def}--> <!--{def option11/update_flag}--><span>UP</span><!--{/def}--> </h4> <p><a href="?act=bukken&id={val option11/info_id}">{val option11/contents}</a></p> <p class="tp-small"><a href="?act=list&ord=&html=list_user.html&top=0&page=&user_id={val option11/user_id}">{val option11/info1/value}</a></p> </div> </div> <!--{/each}--> </div> <p class="tp-c tp-mb30"><a href="./?act=list&kind=1001">お知らせ一覧</a></p> </div> <!--/.tp-contents-->

一覧ページ用（list.html）のタグを記載

index_.htmlファイルを複製し、ファイル名をlist.htmlに変更します。
list.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <h2> <!--{def user_info}-->『{val user_info/name}』の登録情報<!--{/def}--> {val title}<span><!--{def counter/total}-->（{val counter/total}件）<!--{/def}--><!--{ndef counter/total}-->（0件）<!--{/ndef}--></span> </h2> <ul class="tp-mb30"> <ul> <li>このページはテンプレート<span class="tp-color-check">list.html</span>を使用しています。list.htmlは一覧ページのデフォルトテンプレートなので管理画面での設定は不要です。</li> </ul> <form name="form1" method="get"> <input type="hidden" name="act" value="list"> <input type="hidden" name="ord" value="{val form/ord}"> <input type="hidden" name="kind" value="{val form/kind}"> <input type="hidden" name="limit" value="{val limit}"> <input type="hidden" name="html" value="{val html}"> <input type="hidden" name="top" value="{val top}"> <input type="hidden" name="page" value=""> <table class="tp-ta1"> <tr> <th>地名で検索</th> <td><input type="input" name="info3" value="{val form/info3}" class="tp-ws"><br> <span class="tp-small">検索させたい地名を入力して下さい。例：「新宿」「新宿 品川」など。</span></td> </tr> <!--{def form/special}--> <tr> <th>こだわりで検索</th> <td> <!--{each form/special}--> <label for="special{val form/special/no}"> <input type="checkbox" name="special{val form/special/no}" id="special{val form/special/no}" value="{val form/special/no}" <!--{def form/special/value}-->checked<!--{/def}-->> <!--{def form/special/icon}--> <img src="icon/{val form/special/icon}" alt="{val form/special/title}" title="{val form/special/title}"> <!--{/def}--> <!--{ndef form/special/icon}--> {val form/special/title} <!--{/def}--> </label> <!--input type="hidden" name="special{val form/special/value}" value="{val form/special/value}"--> <!--{/each}--> </td> </tr> <!--{/def}--> </table> <div class="tp-c tp-mb30"><input type="submit" value="この条件で検索する"> <input type="button" value="リセット" onClick="do_reset()"></div> </form> <div class="tp-c tp-mb30"> <!--{def counter/total}-->全{val counter/total}件中　{val counter/start}件目〜{val counter/end}件目を表示中<!--{/def}--> <!--{ndef counter/total}-->該当するデータが見つかりませんでした<br><a href="javascript:history.back()"><< 前のページに戻る</a><!--{/def}--> </div> <div class="tp-list-normal"> <!--{each list}--> <div class="tp-list"> <figure> <a href="?act=bukken&id={val list/info_id}"> <!--{def list/image1_file}--> <img src="user_data/{val list/image1_file}" alt="{val list/title}"> <!--{/def}--> <!--{ndef list/image1_file}--> <img src="images/noimg.png" alt="{val list/title}"> <!--{/ndef}--> </a> </figure> <div class="tp-text"> <h4 class="mb1rem"> <a href="?act=bukken&id={val list/info_id}">{val list/title}</a> <!--{def list/new_flag}--><span>NEW</span><!--{/def}--> <!--{def list/update_flag}--><span>UP</span><!--{/def}--> <!--{def list/recommend1}--><span>オプション１</span><!--{/def}--> <!--{def list/recommend2}--><span>オプション２</span><!--{/def}--> <!--{def list/pdf}--><span>PDF</span><!--{/def}--> </h4> <div> <!--{def list/contents}--><p>{val list/contents}</p><!--{/def}--> <!--{each list/special}--> <!--{def list/special/icon}--> <a href="?act=list&kind={val kind}&special{val list/special/value}={val list/special/value}"><img src="icon/{val list/special/icon}" alt="{val list/special/title}" title="{val list/special/title}"></a> <!--{/def}--> <!--{ndef list/special/icon}--> <span class="tp-icon tp-small"><a href="?act=list&kind={val kind}&special{val list/special/value}={val list/special/value}">{val list/special/title}</a></span> <!--{/ndef}--> <!--{/each}--> </div> <p class="tp-small">【登録日:{val list/regdate/0}/{val list/regdate/1}/{val list/regdate/2} {val list/regtime/0}:{val list/regtime/1}】 【更新日:{val list/update/0}/{val list/update/1}/{val list/update/2} {val list/uptime/0}:{val list/uptime/1}】</p> <!--{def list/info1/value}--> <p class="tp-small"><a href="?act=list&ord=&html=list_user.html&top=0&page=&user_id={val list/user_id}">{val list/info1/value}</a></p> <!--{/def}--> </div> </div> <!--{/each}--> </div> <!--/.tp-list-normal--> <!--{def pager}--> <div class="tp-pager"> <!--{def pager/prev}--> <a href="javascript:do_page({val pager/prev/no})"><< 前へ</a> <!--{/def}--> <!--{ndef pager/prev}--> <span><< 前へ</span> <!--{/ndef}--> <!--{def pager/prev_skip}--> <a href="javascript:do_page(0)">先頭</a> <!--{/def}--> <!--{each pager/list}--> <!--{def pager/list/link}--> <a href="javascript:do_page({val pager/list/no})">{val pager/list/name}</a> <!--{/def}--> <!--{ndef pager/list/link}--> <span>{val pager/list/name}</span> <!--{/ndef}--> <!--{/each}--> <!--{def pager/next_skip}--> <a href="javascript:do_page({val pager/last/no})">最後</a> <!--{/def}--> <!--{def pager/next}--> <a href="javascript:do_page({val pager/next/no})">次へ >></a> <!--{/def}--> <!--{ndef pager/next}--> <span>次へ >></span> <!--{/ndef}--> </div> <!--{/def}--> </div> <!--/.tp-contents-->

続いて、head内に以下のjavascriptコードも入れます。
<script> <!-- function do_search(ord) { document.form1.ord.value = ord; document.form1.submit(); } function do_reset() { var tags = document.getElementsByTagName('input'); for (j = 0; j < tags.length; j++) { if (tags[j].type == "checkbox") { tags[j].checked = false; } else if (tags[j].type == "text") { tags[j].value = ''; } } } function do_page(page) { document.form1.page.value = page; document.form1.submit(); } //--> </script>

一覧ページ用（list_faq.html）のタグを記載

list.htmlファイルを複製し、ファイル名をlist_faq.htmlに変更します。
list_faq.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <h2>{val title}</h2> <ul class="tp-mb30"> <li>このページはテンプレート<span class="tp-color-check">list_faq.html</span>を使用しています。list.html以外を一覧ページに使いたい場合は管理画面の「項目設定」でファイル名を指定する必要があります。</li> </ul> <form name="form1" method="get"> <input type="hidden" name="act" value="list"> <input type="hidden" name="ord" value="{val form/ord}"> <input type="hidden" name="kind" value="{val form/kind}"> <input type="hidden" name="limit" value="{val limit}"> <input type="hidden" name="html" value="{val html}"> <input type="hidden" name="top" value="{val top}"> <input type="hidden" name="page" value=""> </form> <dl class="tp-faq"> <!--{each list}--> <dt>{val list/title}</dt> <dd>{val list/contents}</dd> <!--{/each}--> </dl> <!--{def pager}--> <div class="tp-pager"> <!--{def pager/prev}--> <a href="javascript:do_page({val pager/prev/no})"><< 前へ</a> <!--{/def}--> <!--{ndef pager/prev}--> <span><< 前へ</span> <!--{/ndef}--> <!--{def pager/prev_skip}--> <a href="javascript:do_page(0)">先頭</a> <!--{/def}--> <!--{each pager/list}--> <!--{def pager/list/link}--> <a href="javascript:do_page({val pager/list/no})">{val pager/list/name}</a> <!--{/def}--> <!--{ndef pager/list/link}--> <span>{val pager/list/name}</span> <!--{/ndef}--> <!--{/each}--> <!--{def pager/next_skip}--> <a href="javascript:do_page({val pager/last/no})">最後</a> <!--{/def}--> <!--{def pager/next}--> <a href="javascript:do_page({val pager/next/no})">次へ >></a> <!--{/def}--> <!--{ndef pager/next}--> <span>次へ >></span> <!--{/ndef}--> </div> <!--{/def}--> </div> <!--/.tp-contents-->

一覧ページ用（list_fudosan_chintai.html）のタグを記載

list_faq.htmlファイルを複製し、ファイル名をlist_fudosan_chintai.htmlに変更します。
list_fudosan_chintai.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <h2>{val title}<!--{def counter/total}-->（{val counter/total}件）<!--{/ndef}--><!--{ndef counter/total}-->（0件）<!--{/ndef}--></h2> <ul class="tp-mb30"> <li>このページはテンプレート<span class="tp-color-check">list_fudosan_chintai.html</span>を使用しています。list.html以外を一覧ページに使いたい場合は管理画面の「項目設定」でファイル名を指定する必要があります。</li> <li>この賃貸物件ページのみ、日本地図配置タイプの検索ページで用意しています。<br> リンクの指定内容については<a href="https://q19cms.com/files_m/all_cms_portal/stepothers_list_url.html" target="_blank">マニュアル</a>をご覧下さい。</li> <li>売買物件と同じ検索ページにした場合は、管理ページの「項目設定」メニューから「不動産情報(賃貸物件)」の編集ボタンを押し、「一覧用HTML」の入力情報を「list_fudosan.html」に変更して下さい。<br> この場合、「list_fudosan_chintai.html」と「list_fudosan_chintai2.html」は使う必要がなくなるのでテンプレートから削除しておいて下さい。</li> </ul> <div class="tp-c tp-color-check">※試用版では、東京(9件)、千葉(3件)、神奈川(2件)のみデータが登録されています。</div> <div id="tp-map"> <div class="tp-kyusyu"> <a href="#" class="tp-okinawa">沖縄</a> <a href="#" class="tp-kagoshima">鹿児島</a> <a href="#" class="tp-kumamoto">熊本</a> <a href="#" class="tp-miyazaki">宮崎</a> <a href="#" class="tp-nagasaki">長崎</a> <a href="#" class="tp-oita">大分</a> <a href="#" class="tp-saga">佐賀</a> <a href="#" class="tp-fukuoka">福岡</a> </div> <div class="tp-shikoku"> <a href="#" class="tp-kochi">高知</a> <a href="#" class="tp-ehime">愛媛</a> <a href="#" class="tp-kagawa">香川</a> <a href="#" class="tp-tokushima">徳島</a> </div> <div class="tp-cyugoku"> <a href="#" class="tp-yamaguchi">山口</a> <a href="#" class="tp-hiroshima">広島</a> <a href="#" class="tp-okayama">岡山</a> <a href="#" class="tp-shimane">島根</a> <a href="#" class="tp-tottori">鳥取</a> </div> <div class="tp-kansai"> <a href="#" class="tp-hyogo">兵庫</a> <a href="#" class="tp-kyoto">京都</a> <a href="#" class="tp-shiga">滋賀</a> <a href="#" class="tp-osaka">大阪</a> <a href="#" class="tp-nara">奈良</a> <a href="#" class="tp-mie">三重</a> <a href="#" class="tp-wakayama">和歌山</a> </div> <div class="tp-tyubu"> <a href="#" class="tp-ishikawa">石川</a> <a href="#" class="tp-fukui">福井</a> <a href="#" class="tp-toyama">富山</a> <a href="#" class="tp-gifu">岐阜</a> <a href="#" class="tp-aichi">愛知</a> <a href="#" class="tp-nigata">新潟</a> <a href="#" class="tp-nagano">長野</a> <a href="#" class="tp-yamanashi">山梨</a> <a href="#" class="tp-shizuoka">静岡</a> </div> <div class="tp-kanto"> <a href="./?act=list&kind=2&info2=神奈川&html=list_fudosan_chintai2.html" class="tp-kanagawa">神奈川</a> <a href="./?act=list&kind=2&info2=東京&html=list_fudosan_chintai2.html" class="tp-tokyo">東京</a> <a href="#" class="tp-saitama">埼玉</a> <a href="#" class="tp-gunma">群馬</a> <a href="#" class="tp-tochigi">栃木</a> <a href="#" class="tp-ibaraki">茨城</a> <a href="./?act=list&kind=2&info2=千葉&html=list_fudosan_chintai2.html" class="tp-chiba">千葉</a> </div> <div class="tp-tohoku"> <a href="#" class="tp-fukushima">福島</a> <a href="#" class="tp-yamagata">山形</a> <a href="#" class="tp-miyagi">宮城</a> <a href="#" class="tp-akita">秋田</a> <a href="#" class="tp-iwate">岩手</a> <a href="#" class="tp-aomori">青森</a> </div> <div class="tp-hokkaido"> <a href="#">北海道</a> </div> </div> <!--/#map--> </div> <!--/.tp-contents-->

一覧ページ用（list_fudosan.html）のタグを記載

list_fudosan_chintai.htmlファイルを複製し、ファイル名をlist_fudosan.htmlに変更します。
list_fudosan.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <h2><!--{def user_info}-->{val user_info/name}の登録情報<!--{/def}--> {val title}<span><!--{def counter/total}-->（{val counter/total}件）<!--{/def}--><!--{ndef counter/total}-->（0件）<!--{/ndef}--></span> </h2> <ul class="tp-mb30"> <li>このページはテンプレート<span class="tp-color-check">list_fudosan.html</span>を使用しています。list.html以外を一覧ページに使いたい場合は管理画面の「項目設定」でファイル名を指定する必要があります。</li> </ul> <form name="form1" method="get"> <input type="hidden" name="act" value="list"> <input type="hidden" name="ord" value="{val form/ord}"> <input type="hidden" name="kind" value="{val form/kind}"> <input type="hidden" name="limit" value="{val limit}"> <input type="hidden" name="html" value="{val html}"> <input type="hidden" name="top" value="{val top}"> <input type="hidden" name="page" value=""> <table class="tp-ta1"> <tr> <th>地名で検索</th> <td><input type="input" name="info3" value="{val form/info3}" class="tp-ws"><br> <span class="tp-small">検索させたい地名を入力して下さい。例：「新宿」「新宿 品川」など。</span></td> </tr> <!--{def form/special}--> <tr> <th>こだわりで検索</th> <td> <!--{each form/special}--> <label for="special{val form/special/no}"> <input type="checkbox" name="special{val form/special/no}" id="special{val form/special/no}" value="{val form/special/no}" <!--{def form/special/value}-->checked<!--{/def}-->> <!--{def form/special/icon}--> <img src="icon/{val form/special/icon}" alt="{val form/special/title}" title="{val form/special/title}"> <!--{/def}--> <!--{ndef form/special/icon}--> {val form/special/title} <!--{/def}--> </label> <!--input type="hidden" name="special{val form/special/value}" value="{val form/special/value}"--> <!--{/each}--> </td> </tr> <!--{/def}--> </table> <div class="tp-c tp-mb30"><input type="submit" value="この条件で検索"> <input type="button" value="リセット" onClick="do_reset()"></div> </form> <h2>{val title}<!--{def counter/total}-->（{val counter/total}件）<!--{/ndef}--><!--{ndef counter/total}-->（0件）<!--{/ndef}--></h2> <div class="tp-c tp-mb30"> <!--{def counter/total}-->全{val counter/total}件中　{val counter/start}件目〜{val counter/end}件目を表示中<!--{/def}--> <!--{ndef counter/total}-->該当するデータが見つかりませんでした<br><a href="javascript:history.back()"><< 前のページに戻る</a><!--{/def}--> </div> <!--{def counter/total}--> <div class="tp-c tp-mb30">｜ <!--{def ord1}--> 高い順にソート <!--{/def}--> <!--{ndef ord1}--> <a href="javascript:do_search(1)">高い順にソート</a> <!--{/ndef}--> ｜ <!--{def ord2}--> 安い順にソート <!--{/def}--> <!--{ndef ord2}--> <a href="javascript:do_search(2)">安い順にソート</a> <!--{/ndef}--> ｜ <!--{def ord}--> 新着順にソート <!--{/def}--> <!--{ndef ord}--> <a href="javascript:do_search('')">新着順にソート</a> <!--{/ndef}--> ｜ </div> <!--{/def}--> <div class="tp-list-normal"> <!--{each list}--> <div class="tp-list"> <figure> <a href="?act=bukken&id={val list/info_id}"> <!--{def list/image1_file}--> <img src="user_data/{val list/image1_file}" alt="{val list/title}"> <!--{/def}--> <!--{ndef list/image1_file}--> <img src="images/noimg.png" alt="{val list/title}"> <!--{/ndef}--> </a> </figure> <div class="tp-text"> <h4 class="mb1rem"> <a href="?act=bukken&id={val list/info_id}">{val list/title}</a> <!--{def list/new_flag}--><span>NEW</span><!--{/def}--> <!--{def list/update_flag}--><span>UP</span><!--{/def}--> <!--{def list/recommend1}--><span>おすすめ</span><!--{/def}--> <!--{def list/recommend2}--><span>ご契約済</span><!--{/def}--> <!--{def list/recommend3}--><span>キャンペーン</span><!--{/def}--> <!--{def list/pdf}--><span>PDF</span><!--{/def}--> </h4> <div> <!--{def list/contents}--><p class="tp-small">{val list/contents}</p><!--{/def}--> <dl class="tp-line"> <!--{each list/list_item}--> <!--{each list/list_item/row}--> <dt>{val list/list_item/row/title}</dt> <dd>{val list/list_item/row/value}</dd> <!--{/each}--> <!--{/each}--> </dl> <!--{each list/special}--> <!--{def list/special/icon}--> <a href="?act=list&kind={val kind}&special{val list/special/value}={val list/special/value}"><img src="icon/{val list/special/icon}" alt="{val list/special/title}" title="{val list/special/title}"></a> <!--{/def}--> <!--{ndef list/special/icon}--> <span class="tp-icon tp-small"><a href="?act=list&kind={val kind}&special{val list/special/value}={val list/special/value}">{val list/special/title}</a></span> <!--{/ndef}--> <!--{/each}--> </div> <p class="tp-small">【登録日:{val list/regdate/0}/{val list/regdate/1}/{val list/regdate/2} {val list/regtime/0}:{val list/regtime/1}】 【更新日:{val list/update/0}/{val list/update/1}/{val list/update/2} {val list/uptime/0}:{val list/uptime/1}】</p> <!--{def list/info1/value}--> <p class="tp-name tp-small"><a href="?act=list&ord=&html=list_user.html&top=0&page=&user_id={val list/user_id}">{val list/info1/value}</a></p> <!--{/def}--> </div> </div> <!--{/each}--> </div> <!--/.tp-list-normal--> <!--{def pager}--> <div class="tp-pager"> <!--{def pager/prev}--> <a href="javascript:do_page({val pager/prev/no})"><< 前へ</a> <!--{/def}--> <!--{ndef pager/prev}--> <span><< 前へ</span> <!--{/ndef}--> <!--{def pager/prev_skip}--> <a href="javascript:do_page(0)">先頭</a> <!--{/def}--> <!--{each pager/list}--> <!--{def pager/list/link}--> <a href="javascript:do_page({val pager/list/no})">{val pager/list/name}</a> <!--{/def}--> <!--{ndef pager/list/link}--> <span>{val pager/list/name}</span> <!--{/ndef}--> <!--{/each}--> <!--{def pager/next_skip}--> <a href="javascript:do_page({val pager/last/no})">最後</a> <!--{/def}--> <!--{def pager/next}--> <a href="javascript:do_page({val pager/next/no})">次へ >></a> <!--{/def}--> <!--{ndef pager/next}--> <span>次へ >></span> <!--{/ndef}--> </div> <!--{/def}--> </div> <!--/.tp-contents-->

一覧ページ用（list_job.html）のタグを記載

list_fudosan.htmlファイルを複製し、ファイル名をlist_job.htmlに変更します。
list_job.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <h2>{val title}<!--{def counter/total}-->（{val counter/total}件）<!--{/ndef}--><!--{ndef counter/total}-->（0件）<!--{/ndef}--></h2> <ul class="tp-mb30"> <li>このページはテンプレート<span class="tp-color-check">list_job.html</span>を使用しています。list.html以外を一覧ページに使いたい場合は管理画面の「項目設定」でファイル名を指定する必要があります。</li> </ul> <form name="form1" method="get"> <input type="hidden" name="act" value="list"> <input type="hidden" name="ord" value="{val form/ord}"> <input type="hidden" name="kind" value="{val form/kind}"> <input type="hidden" name="limit" value="{val limit}"> <input type="hidden" name="html" value="{val html}"> <input type="hidden" name="top" value="{val top}"> <input type="hidden" name="page" value=""> <table class="tp-ta1"> <tr> <th>地名で検索</th> <td><input type="input" name="info3" value="{val form/info3}" class="tp-ws"><br> <span class="tp-small">検索させたい地名を入力して下さい。例：「新宿」「新宿 品川」など。</span></td> </tr> <!--{def form/special}--> <tr> <th>こだわりで検索</th> <td> <!--{each form/special}--> <label for="special{val form/special/no}"> <input type="checkbox" name="special{val form/special/no}" id="special{val form/special/no}" value="{val form/special/no}" <!--{def form/special/value}-->checked<!--{/def}-->> <!--{def form/special/icon}--> <img src="icon/{val form/special/icon}" alt="{val form/special/title}" title="{val form/special/title}"> <!--{/def}--> <!--{ndef form/special/icon}--> {val form/special/title} <!--{/def}--> </label> <!--input type="hidden" name="special{val form/special/value}" value="{val form/special/value}"--> <!--{/each}--> </td> </tr> <!--{/def}--> </table> <div class="tp-c tp-mb30"><input type="submit" value="この条件で検索"> <input type="button" value="リセット" onClick="do_reset()"></div> </form> <h2>{val title}<!--{def counter/total}-->（{val counter/total}件）<!--{/ndef}--><!--{ndef counter/total}-->（0件）<!--{/ndef}--></h2> <div class="tp-c tp-mb30"> <!--{def counter/total}-->全{val counter/total}件中　{val counter/start}件目〜{val counter/end}件目を表示中<!--{/def}--> <!--{ndef counter/total}-->該当するデータが見つかりませんでした<br><a href="javascript:history.back()"><< 前のページに戻る</a><!--{/def}--> </div> <!--{def counter/total}--> <div class="tp-c tp-mb30">｜ <!--{def ord1}--> 賃金の高い順にソート <!--{/def}--> <!--{ndef ord1}--> <a href="javascript:do_search(1)">賃金の高い順にソート</a> <!--{/ndef}--> ｜ <!--{def ord}--> 新着順にソート <!--{/def}--> <!--{ndef ord}--> <a href="javascript:do_search('')">新着順にソート</a> <!--{/ndef}--> ｜ </div> <!--{/def}--> <div class="tp-list-normal"> <!--{each list}--> <div class="tp-list"> <figure> <a href="?act=bukken&id={val list/info_id}"> <!--{def list/image1_file}--> <img src="user_data/{val list/image1_file}" alt="{val list/title}"> <!--{/def}--> <!--{ndef list/image1_file}--> <img src="images/noimg.png" alt="{val list/title}"> <!--{/ndef}--> </a> </figure> <div class="tp-text"> <h4 class="mb1rem"> <a href="?act=bukken&id={val list/info_id}">{val list/title}</a> <!--{def list/new_flag}--><span>NEW</span><!--{/def}--> <!--{def list/update_flag}--><span>UP</span><!--{/def}--> <!--{def list/pdf}--><span>PDF資料あり</span><!--{/def}--> </h4> <div> <p><!--{def list/contents}-->{val list/contents}<br><!--{/def}--> <!--{def list/info1/value}-->■{val list/info1/title}:{val list/info1/value}<br><!--{/def}--> <!--{def list/info2/value}-->■所在地:{val list/info2/value}{val list/info3/value}<br><!--{/def}--> <!--{def list/info4/value}-->■{val list/info4/title}:{val list/info4/value}<!--{/def}--></p> <!--{each list/special}--> <!--{def list/special/icon}--> <a href="?act=list&kind={val kind}&special{val list/special/value}={val list/special/value}"><img src="icon/{val list/special/icon}" alt="{val list/special/title}" title="{val list/special/title}"></a> <!--{/def}--> <!--{ndef list/special/icon}--> <span class="tp-icon tp-small"><a href="?act=list&kind={val kind}&special{val list/special/value}={val list/special/value}">{val list/special/title}</a></span> <!--{/ndef}--> <!--{/each}--> </div> <p class="tp-small">【登録日:{val list/regdate/0}/{val list/regdate/1}/{val list/regdate/2} {val list/regtime/0}:{val list/regtime/1}】 【更新日:{val list/update/0}/{val list/update/1}/{val list/update/2} {val list/uptime/0}:{val list/uptime/1}】</p> <!--{def list/info1/value}--> <p class="tp-small"><a href="?act=list&ord=&html=list_user.html&top=0&page=&user_id={val list/user_id}">{val list/info1/value}</a></p> <!--{/def}--> </div> </div> <!--{/each}--> </div> <!--/.tp-list-normal--> <!--{def pager}--> <div class="tp-pager"> <!--{def pager/prev}--> <a href="javascript:do_page({val pager/prev/no})"><< 前へ</a> <!--{/def}--> <!--{ndef pager/prev}--> <span><< 前へ</span> <!--{/ndef}--> <!--{def pager/prev_skip}--> <a href="javascript:do_page(0)">先頭</a> <!--{/def}--> <!--{each pager/list}--> <!--{def pager/list/link}--> <a href="javascript:do_page({val pager/list/no})">{val pager/list/name}</a> <!--{/def}--> <!--{ndef pager/list/link}--> <span>{val pager/list/name}</span> <!--{/ndef}--> <!--{/each}--> <!--{def pager/next_skip}--> <a href="javascript:do_page({val pager/last/no})">最後</a> <!--{/def}--> <!--{def pager/next}--> <a href="javascript:do_page({val pager/next/no})">次へ >></a> <!--{/def}--> <!--{ndef pager/next}--> <span>次へ >></span> <!--{/ndef}--> </div> <!--{/def}--> </div> <!--/.tp-contents-->

一覧ページ用（list_oshirase.html）のタグを記載

list_job.htmlファイルを複製し、ファイル名をlist_oshirase.htmlに変更します。
list_oshirase.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <h2>お知らせ<!--{def counter/total}-->（{val counter/total}件）<!--{/ndef}--><!--{ndef counter/total}-->（0件）<!--{/ndef}--></h2> <ul class="tp-mb30"> <li>このページはテンプレート<span class="tp-color-check">list_oshirase.html</span>を使用しています。list.html以外を一覧ページに使いたい場合は管理画面の「項目設定」でファイル名を指定する必要があります。</li> </ul> <form name="form1" method="get"> <input type="hidden" name="act" value="list"> <input type="hidden" name="ord" value="{val form/ord}"> <input type="hidden" name="kind" value="{val form/kind}"> <input type="hidden" name="limit" value="{val limit}"> <input type="hidden" name="html" value="{val html}"> <input type="hidden" name="top" value="{val top}"> <input type="hidden" name="page" value=""> </form> <div class="tp-c tp-mb30"> <!--{def counter/total}-->全{val counter/total}件中　{val counter/start}件目〜{val counter/end}件目を表示中<!--{/def}--> <!--{ndef counter/total}-->該当するデータが見つかりませんでした<br><a href="javascript:history.back()"><< 前のページに戻る</a><!--{/def}--> </div> <div class="tp-list-normal"> <!--{each list}--> <div class="tp-list"> <figure> <a href="?act=bukken&id={val list/info_id}"> <!--{def list/image1_file}--> <img src="user_data/{val list/image1_file}" alt="{val list/title}"> <!--{/def}--> <!--{ndef list/image1_file}--> <img src="images/noimg.png" alt="{val list/title}"> <!--{/ndef}--> </a> </figure> <div class="tp-text"> <h4 class="mb1rem"> <a href="?act=bukken&id={val list/info_id}">{val list/title}</a> <!--{def list/new_flag}--><span>NEW</span><!--{/def}--> <!--{def list/update_flag}--><span>UP</span><!--{/def}--> </h4> <div> <!--{def list/contents}--><p>{val list/contents}</p><!--{/def}--> </div> <p class="tp-small">【登録日:{val list/regdate/0}/{val list/regdate/1}/{val list/regdate/2} {val list/regtime/0}:{val list/regtime/1}】 【更新日:{val list/update/0}/{val list/update/1}/{val list/update/2} {val list/uptime/0}:{val list/uptime/1}】</p> <!--{def list/info1/value}--> <p class="tp-small"><a href="?act=list&ord=&html=list_user.html&top=0&page=&user_id={val list/user_id}">{val list/info1/value}</a></p> <!--{/def}--> </div> </div> <!--{/each}--> </div> <!--/.tp-list-normal--> <!--{def pager}--> <div class="tp-pager"> <!--{def pager/prev}--> <a href="javascript:do_page({val pager/prev/no})"><< 前へ</a> <!--{/def}--> <!--{ndef pager/prev}--> <span><< 前へ</span> <!--{/ndef}--> <!--{def pager/prev_skip}--> <a href="javascript:do_page(0)">先頭</a> <!--{/def}--> <!--{each pager/list}--> <!--{def pager/list/link}--> <a href="javascript:do_page({val pager/list/no})">{val pager/list/name}</a> <!--{/def}--> <!--{ndef pager/list/link}--> <span>{val pager/list/name}</span> <!--{/ndef}--> <!--{/each}--> <!--{def pager/next_skip}--> <a href="javascript:do_page({val pager/last/no})">最後</a> <!--{/def}--> <!--{def pager/next}--> <a href="javascript:do_page({val pager/next/no})">次へ >></a> <!--{/def}--> <!--{ndef pager/next}--> <span>次へ >></span> <!--{/ndef}--> </div> <!--{/def}--> </div> <!--/.tp-contents-->

一覧ページ用（list_user.html）のタグを記載

list_oshirase.htmlファイルを複製し、ファイル名をlist_user.htmlに変更します。
list_user.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <h2> <!--{def user_info}-->『{val user_info/name}』の登録情報<!--{/def}--> {val title}<span><!--{def counter/total}-->（{val counter/total}件）<!--{/def}--><!--{ndef counter/total}-->（0件）<!--{/ndef}--></span> </h2> <ul class="tp-mb30"> <li>このページはテンプレート<span class="tp-color-check">list_user.html</span>を使用しています。list.html以外を一覧ページに使いたい場合は管理画面の「項目設定」でファイル名を指定する必要があります。</li> </ul> <form name="form1" method="get"> <input type="hidden" name="act" value="list"> <input type="hidden" name="ord" value="{val form/ord}"> <input type="hidden" name="kind" value="{val form/kind}"> <input type="hidden" name="limit" value="{val limit}"> <input type="hidden" name="html" value="{val html}"> <input type="hidden" name="top" value="{val top}"> <input type="hidden" name="page" value=""> <input type="hidden" name="user_id" value="{val user_info/user_id}"> </form> <div class="tp-c tp-mb30"> <!--{def counter/total}-->全{val counter/total}件中　{val counter/start}件目〜{val counter/end}件目を表示中<!--{/def}--> <!--{ndef counter/total}-->該当するデータが見つかりませんでした<br><a href="javascript:history.back()"><< 前のページに戻る</a><!--{/def}--> </div> <div class="tp-list-normal"> <!--{each list}--> <div class="tp-list"> <figure> <a href="?act=bukken&id={val list/info_id}"> <!--{def list/image1_file}--> <img src="user_data/{val list/image1_file}" alt="{val list/title}"> <!--{/def}--> <!--{ndef list/image1_file}--> <img src="images/noimg.png" alt="{val list/title}"> <!--{/ndef}--> </a> </figure> <div class="tp-text"> <h4 class="mb1rem"> <a href="?act=bukken&id={val list/info_id}">{val list/title}</a> <!--{def list/new_flag}--><span>NEW</span><!--{/def}--> <!--{def list/update_flag}--><span>UP</span><!--{/def}--> </h4> <div> <!--{def list/contents}--><p>{val list/contents}</p><!--{/def}--> </div> <p class="tp-small">【登録日:{val list/regdate/0}/{val list/regdate/1}/{val list/regdate/2} {val list/regtime/0}:{val list/regtime/1}】 【更新日:{val list/update/0}/{val list/update/1}/{val list/update/2} {val list/uptime/0}:{val list/uptime/1}】</p> <!--{def list/info1/value}--> <p class="tp-small"><a href="?act=list&ord=&html=list_user.html&top=0&page=&user_id={val list/user_id}">{val list/info1/value}</a></p> <!--{/def}--> </div> </div> <!--{/each}--> </div> <!--/.tp-list-normal--> <!--{def pager}--> <div class="tp-pager"> <!--{def pager/prev}--> <a href="javascript:do_page({val pager/prev/no})"><< 前へ</a> <!--{/def}--> <!--{ndef pager/prev}--> <span><< 前へ</span> <!--{/ndef}--> <!--{def pager/prev_skip}--> <a href="javascript:do_page(0)">先頭</a> <!--{/def}--> <!--{each pager/list}--> <!--{def pager/list/link}--> <a href="javascript:do_page({val pager/list/no})">{val pager/list/name}</a> <!--{/def}--> <!--{ndef pager/list/link}--> <span>{val pager/list/name}</span> <!--{/ndef}--> <!--{/each}--> <!--{def pager/next_skip}--> <a href="javascript:do_page({val pager/last/no})">最後</a> <!--{/def}--> <!--{def pager/next}--> <a href="javascript:do_page({val pager/next/no})">次へ >></a> <!--{/def}--> <!--{ndef pager/next}--> <span>次へ >></span> <!--{/ndef}--> </div> <!--{/def}--> </div> <!--/.tp-contents-->

一覧ページ用（calender.html）のタグを記載

list_user.htmlファイルを複製し、ファイル名をcalender.htmlに変更します。
calender.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <h2>{val title}</h2> <ul class="tp-mb30"> <li>このページはテンプレート<span class="tp-color-check">calender.html</span>を使用しています。list.html以外を一覧ページに使いたい場合は管理画面の「項目設定」でファイル名を指定する必要があります。</li> <li>2023年<a href="./?act=list&kind=2222&y=2023&m=11">11月</a>と<a href="./?act=list&kind=2222&y=2023&m=12">12月</a>、2024年<a href="./?act=list&kind=2222&y=2024&m=01">1月</a>と<a href="./?act=list&kind=2222&y=2024&m=05">5月</a>にデモデータが入っています。<br> 詳細ページで使用可能な出力レイアウトのサンプル一式は<a href="?act=list&kind=2222&y=2024&m=04">2024年4月1日</a>のデータに入っています。</li> </ul> <!--{def week}--> <table class="tp-cal3"> <caption>{val m}月</caption> <!--{each week}--> <tr> <th>{val week/d}({val week/w})</th> <td>{val week/text}</td> </tr> <!--{/each}--> </table> <ul class="tp-cal-btn"> <li>< 前の週</li> <li>次の週 ></li> </ul> <!--{/def}--> <!--{def month}--> <table class="tp-cal2"> <caption>{val y}年{val m}月</caption> <tr> <th>日</th> <th>月</th> <th>火</th> <th>水</th> <th>木</th> <th>金</th> <th>土</th> </tr> <!--{each month/week}--> <tr> <!--{each month/week/day}--> <td>{val month/week/day/d}<br> <!--{each month/week/day/info}--> <a href="{val month/week/day/info/link}">{val month/week/day/info/text}</a> <!--{/each}--> </td> <!--{/each}--> </tr> <!--{/each}--> </table> <ul class="tp-cal-btn"> <!--{def prev_ym}--> <li><a href="{val prev_ym}">< 前月</a></li> <!--{/def}--> <!--{def next_ym}--> <li><a href="{val next_ym}">次月 ></a></li> <!--{/def}--> </ul> <!--{/def}--> <!--{def year}--> <!--{each year/month}--> <div style="float:left;margin:20px;width:300px;height:270px"> <table class="tp-cal1"> <caption>{val year/m}月</caption> <tr> <th>日</th> <th>月</th> <th>火</th> <th>水</th> <th>木</th> <th>金</th> <th>土</th> </tr> <!--{each year/week}--> <tr> <!--{each year/week/day}--> <td>{val year/week/day/d}</td> <!--{/each}--> </tr> <!--{/each}--> </table> </div> <!--{/each}--> <!--{/def}--> </div> <!--/.tp-contents-->

一覧ページ用（list_fudosan_chintai2.html）のタグを記載

calender.htmlファイルを複製し、ファイル名をlist_fudosan_chintai2.htmlに変更します。
list_fudosan_chintai2.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <form name="form1" method="get"> <input type="hidden" name="act" value="list"> <input type="hidden" name="ord" value="{val form/ord}"> <input type="hidden" name="kind" value="{val form/kind}"> <input type="hidden" name="limit" value="{val limit}"> <input type="hidden" name="html" value="{val html}"> <input type="hidden" name="top" value="{val top}"> <input type="hidden" name="page" value=""> <input type="hidden" name="info2" value="{val form/info2}"> <h2>『{val form/info2}』の{val title}<!--{def counter/total}-->（{val counter/total}件）<!--{/ndef}--><!--{ndef counter/total}-->（0件）<!--{/ndef}--></h2> <ul class="tp-mb30"> <li>このページはテンプレート<span class="tp-color-check">list_fudosan_chintai2.html</span>を使用しています。list.html以外を一覧ページに使いたい場合は管理画面の「項目設定」でファイル名を指定する必要があります。</li> </ul> <table class="tp-ta1"> <caption>『{val form/info2}』の検索をする</caption> <tr> <th>地名で検索</th> <td><input type="input" name="info3" value="{val form/info3}" class="tp-ws"><br> <span class="tp-small">検索させたい地名を入力して下さい。例：「新宿」「新宿 品川」など。</span></td> </tr> <!--{def form/special}--> <tr> <th>こだわりで検索</th> <td> <!--{each form/special}--> <label for="special{val form/special/no}"> <input type="checkbox" name="special{val form/special/no}" id="special{val form/special/no}" value="{val form/special/no}" <!--{def form/special/value}-->checked<!--{/def}-->> <!--{def form/special/icon}--> <img src="icon/{val form/special/icon}" alt="{val form/special/title}" title="{val form/special/title}"> <!--{/def}--> <!--{ndef form/special/icon}--> {val form/special/title} <!--{/def}--> </label> <!--input type="hidden" name="special{val form/special/value}" value="{val form/special/value}"--> <!--{/each}--> </td> </tr> <!--{/def}--> </table> <div class="tp-c tp-mb30"><input type="submit" value="この条件で検索"> <input type="button" value="リセット" onClick="do_reset()"></div> </form> <h2>{val title}<!--{def counter/total}-->（{val counter/total}件）<!--{/ndef}--><!--{ndef counter/total}-->（0件）<!--{/ndef}--></h2> <div class="tp-c tp-mb30"> <!--{def counter/total}-->全{val counter/total}件中　{val counter/start}件目〜{val counter/end}件目を表示中<!--{/def}--> <!--{ndef counter/total}-->該当するデータが見つかりませんでした<br><a href="javascript:history.back()"><< 前のページに戻る</a><!--{/def}--> </div> <!--{def counter/total}--> <div class="tp-c tp-mb30">｜ <!--{def ord1}--> 高い順にソート <!--{/def}--> <!--{ndef ord1}--> <a href="javascript:do_search(1)">高い順にソート</a> <!--{/ndef}--> ｜ <!--{def ord2}--> 安い順にソート <!--{/def}--> <!--{ndef ord2}--> <a href="javascript:do_search(2)">安い順にソート</a> <!--{/ndef}--> ｜ <!--{def ord}--> 新着順にソート <!--{/def}--> <!--{ndef ord}--> <a href="javascript:do_search('')">新着順にソート</a> <!--{/ndef}--> ｜ </div> <!--{/def}--> <div class="tp-list-normal"> <!--{each list}--> <div class="tp-list"> <figure> <a href="?act=bukken&id={val list/info_id}"> <!--{def list/image1_file}--> <img src="user_data/{val list/image1_file}" alt="{val list/title}"> <!--{/def}--> <!--{ndef list/image1_file}--> <img src="images/noimg.png" alt="{val list/title}"> <!--{/ndef}--> </a> </figure> <div class="tp-text"> <h4 class="mb1rem"> <a href="?act=bukken&id={val list/info_id}">{val list/title}</a> <!--{def list/new_flag}--><span>NEW</span><!--{/def}--> <!--{def list/update_flag}--><span>UP</span><!--{/def}--> <!--{def list/recommend1}--><span>おすすめ</span><!--{/def}--> <!--{def list/recommend2}--><span>ご契約済</span><!--{/def}--> <!--{def list/recommend3}--><span>キャンペーン</span><!--{/def}--> <!--{def list/pdf}--><span>PDF</span><!--{/def}--> </h4> <div> <!--{def list/contents}--><p class="tp-small">{val list/contents}</p><!--{/def}--> <dl class="tp-line"> <!--{each list/list_item}--> <!--{each list/list_item/row}--> <dt>{val list/list_item/row/title}</dt> <dd>{val list/list_item/row/value}</dd> <!--{/each}--> <!--{/each}--> </dl> <!--{each list/special}--> <!--{def list/special/icon}--> <a href="?act=list&kind={val kind}&special{val list/special/value}={val list/special/value}"><img src="icon/{val list/special/icon}" alt="{val list/special/title}" title="{val list/special/title}"></a> <!--{/def}--> <!--{ndef list/special/icon}--> <span class="tp-icon tp-small"><a href="?act=list&kind={val kind}&special{val list/special/value}={val list/special/value}">{val list/special/title}</a></span> <!--{/ndef}--> <!--{/each}--> </div> <p class="tp-small">【登録日:{val list/regdate/0}/{val list/regdate/1}/{val list/regdate/2} {val list/regtime/0}:{val list/regtime/1}】 【更新日:{val list/update/0}/{val list/update/1}/{val list/update/2} {val list/uptime/0}:{val list/uptime/1}】</p> <!--{def list/info1/value}--> <p class="tp-name tp-small"><a href="?act=list&ord=&html=list_user.html&top=0&page=&user_id={val list/user_id}">{val list/info1/value}</a></p> <!--{/def}--> </div> </div> <!--{/each}--> </div> <!--/.tp-list-normal--> <!--{def pager}--> <div class="tp-pager"> <!--{def pager/prev}--> <a href="javascript:do_page({val pager/prev/no})"><< 前へ</a> <!--{/def}--> <!--{ndef pager/prev}--> <span><< 前へ</span> <!--{/ndef}--> <!--{def pager/prev_skip}--> <a href="javascript:do_page(0)">先頭</a> <!--{/def}--> <!--{each pager/list}--> <!--{def pager/list/link}--> <a href="javascript:do_page({val pager/list/no})">{val pager/list/name}</a> <!--{/def}--> <!--{ndef pager/list/link}--> <span>{val pager/list/name}</span> <!--{/ndef}--> <!--{/each}--> <!--{def pager/next_skip}--> <a href="javascript:do_page({val pager/last/no})">最後</a> <!--{/def}--> <!--{def pager/next}--> <a href="javascript:do_page({val pager/next/no})">次へ >></a> <!--{/def}--> <!--{ndef pager/next}--> <span>次へ >></span> <!--{/ndef}--> </div> <!--{/def}--> </div> <!--/.tp-contents-->

続いて、head内に以下のjavascriptコードも入れます。
（※calender.htmlに入っていたhead内のコードは削除。）
<script> <!-- function do_search(ord) { document.form1.ord.value = ord; document.form1.submit(); } function do_reset() { var tags = document.getElementsByTagName('input'); for (j = 0; j < tags.length; j++) { if (tags[j].type == "checkbox") { tags[j].checked = false; } else if (tags[j].type == "text") { tags[j].value = ''; } } } function do_page(page) { document.form1.page.value = page; document.form1.submit(); } function do_check(v) { document.form1['special' + v].checked = true; document.form1.submit(); } //--> </script>

詳細ページ（item.html）用のタグを記載

list_fudosan_chintai2.htmlファイルを複製し、ファイル名をitem.htmlに変更します。
item.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <article> <h2>{val item/title}</h2> <ul> <li>このページはテンプレート<span class="tp-color-check">item.html</span>を使用しています。item.htmlは詳細ページのデフォルトテンプレートなので管理画面での設定は不要です。</li> </ul> <figure class="tp-c tp-mb30"> <!--{def item/image1_file}--> <img src="user_data/{val item/image1_file}" id="bukken_image" class="tp-mb30" alt=""><br> <p id="bukken_title">{val item/image1_title}</p> <!--{/def}--> <!--{def item/image1}--> <a href="javascript:set_image('user_data/{val item/image1_file}', '{val item/image1_title}');"><img src="user_data/{val item/image1_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image2}--> <a href="javascript:set_image('user_data/{val item/image2_file}', '{val item/image2_title}');"><img src="user_data/{val item/image2_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image3}--> <a href="javascript:set_image('user_data/{val item/image3_file}', '{val item/image3_title}');"><img src="user_data/{val item/image3_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image4}--> <a href="javascript:set_image('user_data/{val item/image4_file}', '{val item/image4_title}');"><img src="user_data/{val item/image4_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image5}--> <a href="javascript:set_image('user_data/{val item/image5_file}', '{val item/image5_title}');"><img src="user_data/{val item/image5_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image6}--> <a href="javascript:set_image('user_data/{val item/image6_file}', '{val item/image6_title}');"><img src="user_data/{val item/image6_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image7}--> <a href="javascript:set_image('user_data/{val item/image7_file}', '{val item/image7_title}');"><img src="user_data/{val item/image7_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image8}--> <a href="javascript:set_image('user_data/{val item/image8_file}', '{val item/image8_title}');"><img src="user_data/{val item/image8_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image9}--> <a href="javascript:set_image('user_data/{val item/image9_file}', '{val item/image9_title}');"><img src="user_data/{val item/image9_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image10}--> <a href="javascript:set_image('user_data/{val item/image10_file}', '{val item/image10_title}');"><img src="user_data/{val item/image10_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image11}--> <a href="javascript:set_image('user_data/{val item/image11_file}', '{val item/image11_title}');"><img src="user_data/{val item/image11_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image12}--> <a href="javascript:set_image('user_data/{val item/image12_file}', '{val item/image12_title}');"><img src="user_data/{val item/image12_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image13}--> <a href="javascript:set_image('user_data/{val item/image13_file}', '{val item/image13_title}');"><img src="user_data/{val item/image13_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image14}--> <a href="javascript:set_image('user_data/{val item/image14_file}', '{val item/image14_title}');"><img src="user_data/{val item/image14_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image15}--> <a href="javascript:set_image('user_data/{val item/image15_file}', '{val item/image15_title}');"><img src="user_data/{val item/image15_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image16}--> <a href="javascript:set_image('user_data/{val item/image16_file}', '{val item/image16_title}');"><img src="user_data/{val item/image16_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image17}--> <a href="javascript:set_image('user_data/{val item/image17_file}', '{val item/image17_title}');"><img src="user_data/{val item/image17_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image18}--> <a href="javascript:set_image('user_data/{val item/image18_file}', '{val item/image18_title}');"><img src="user_data/{val item/image18_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image19}--> <a href="javascript:set_image('user_data/{val item/image19_file}', '{val item/image19_title}');"><img src="user_data/{val item/image19_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image20}--> <a href="javascript:set_image('user_data/{val item/image20_file}', '{val item/image20_title}');"><img src="user_data/{val item/image20_file}" width="70" alt=""></a>　 <!--{/def}--> </figure> <table class="tp-ta1"> <tr> <th>タイトル</th> <td>{val item/title}</td> </tr> <!--{def item/contents}--> <tr> <th>コメント</th> <td>{val item/contents}</td> </tr> <!--{/def}--> <!--{each item/info}--> <tr> <th>{val item/info/title}</th> <td>{val item/info/value}</td> </tr> <!--{/each}--> <!--{def item/pdf}--> <tr> <th>PDF資料</th> <td> <a href="?act=get_file&id={val item/pdf}">{val item/pdf_file/title}</a><br></td> </tr> <!--{/def}--> <!--{def image}--> <!--{each image}--> <tr> <th>{val image/file/title}</th> <td> <img src="user_data/{val image/file_file/save_name}" alt="{val image/file_file/title}"> <p>{val image/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def audio}--> <!--{each audio}--> <tr> <th>{val audio/file/title}</th> <td> <audio controls="" src="user_data/{val audio/file_file/save_name}">{val audio/file_file/title}</audio> <p>{val audio/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def video}--> <!--{each video}--> <tr> <th>{val video/file/title}</th> <td> <video controls="" src="user_data/{val video/file_file/save_name}">{val video/file_file/title}</video> <p>{val video/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def panorama}--> <!--{each panorama}--> <tr> <th>{val panorama/file/title}</th> <td> <div class="tp-ofx"> <div id="panorama{val panorama/no}" class="tp-panorama-img"></div> </div> <script> pannellum.viewer('panorama{val panorama/no}' , { "type": "equirectangular", "panorama": "user_data/{val panorama/file_file/save_name}", "autoLoad": true }); </script> <p>{val panorama/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def other}--> <!--{each other}--> <tr> <th>{val other/file/title}</th> <td> <a href="?act=get_file&id={val other/file/value}">{val other/file_file/title}</a> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def item/latlon}--> <tr> <th>地図</th> <td> <iframe src="https://maps.google.co.jp/maps?hl=ja&ll={val item/latlon}&q={val item/latlon}&ie=UTF8&t=m&&z=14&output=embed" width="600" height="400" frameborder="0" style="border:0" allowfullscreen></iframe> </td> </tr> <!--{/def}--> <tr> <th>こだわり検索</th> <td> <!--{each item/special}--> <!--{def item/special/icon}--> <a href="?act=list&kind={val item/kind}&special{val item/special/value}={val item/special/value}"><img src="icon/{val item/special/icon}" alt="{val item/special/title}" title="{val item/special/title}"></a> <!--{/def}--> <!--{ndef item/special/icon}--> <a href="?act=list&kind={val item/kind}&special{val item/special/value}={val item/special/value}">{val item/special/title}</a>  <!--{/ndef}--> <!--{/each}--> </td> </tr> <tr> <th>更新日時</th> <td> 登録：{val item/regdate/0}年{val item/regdate/1}月{val item/regdate/2}日 {val item/regtime/0}時{val item/regtime/1}分<br> 更新：{val item/update/0}年{val item/update/1}月{val item/update/2}日 {val item/uptime/0}時{val item/uptime/1}分<br> </td> </tr> </table> <p class="tp-c"> <a href="?act=toiawase&id={val item/info_id}"><input type="submit" value="問い合わせ"></a> </p> </article> </div> <!--/.tp-contents-->

続いて、head内に以下のコードも入れます。
（※list_fudosan_chintai2.htmlに入っていたhead内のコードは削除。）
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css"> <script src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script> <script> function set_image(img, title) { document.getElementById('bukken_image').src = img; document.getElementById('bukken_title').innerHTML = title; } </script>

詳細ページ（item_fudosan.html）用のタグを記載

item.htmlファイルを複製し、ファイル名をitem_fudosan.htmlに変更します。
item_fudosan.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <article> <h2>不動産情報</h2> <ul class="tp-mb30"> <li>このページはテンプレート<span class="tp-color-check">item_fudosan.html</span>を使用しています。item.html以外を詳細ページに使いたい場合は管理画面の「項目設定」でファイル名を指定する必要があります。</li> </ul> <h3>{val item/title}<!--{def item/recommend2}-->　[ご契約済]<!--{/def}--></h3> <figure class="tp-c tp-mb30"> <!--{def item/image1_file}--> <img src="user_data/{val item/image1_file}" id="bukken_image" class="tp-mb30" alt=""><br> <p id="bukken_title">{val item/image1_title}</p> <!--{/def}--> <!--{def item/image1}--> <a href="javascript:set_image('user_data/{val item/image1_file}', '{val item/image1_title}');"><img src="user_data/{val item/image1_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image2}--> <a href="javascript:set_image('user_data/{val item/image2_file}', '{val item/image2_title}');"><img src="user_data/{val item/image2_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image3}--> <a href="javascript:set_image('user_data/{val item/image3_file}', '{val item/image3_title}');"><img src="user_data/{val item/image3_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image4}--> <a href="javascript:set_image('user_data/{val item/image4_file}', '{val item/image4_title}');"><img src="user_data/{val item/image4_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image5}--> <a href="javascript:set_image('user_data/{val item/image5_file}', '{val item/image5_title}');"><img src="user_data/{val item/image5_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image6}--> <a href="javascript:set_image('user_data/{val item/image6_file}', '{val item/image6_title}');"><img src="user_data/{val item/image6_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image7}--> <a href="javascript:set_image('user_data/{val item/image7_file}', '{val item/image7_title}');"><img src="user_data/{val item/image7_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image8}--> <a href="javascript:set_image('user_data/{val item/image8_file}', '{val item/image8_title}');"><img src="user_data/{val item/image8_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image9}--> <a href="javascript:set_image('user_data/{val item/image9_file}', '{val item/image9_title}');"><img src="user_data/{val item/image9_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image10}--> <a href="javascript:set_image('user_data/{val item/image10_file}', '{val item/image10_title}');"><img src="user_data/{val item/image10_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image11}--> <a href="javascript:set_image('user_data/{val item/image11_file}', '{val item/image11_title}');"><img src="user_data/{val item/image11_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image12}--> <a href="javascript:set_image('user_data/{val item/image12_file}', '{val item/image12_title}');"><img src="user_data/{val item/image12_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image13}--> <a href="javascript:set_image('user_data/{val item/image13_file}', '{val item/image13_title}');"><img src="user_data/{val item/image13_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image14}--> <a href="javascript:set_image('user_data/{val item/image14_file}', '{val item/image14_title}');"><img src="user_data/{val item/image14_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image15}--> <a href="javascript:set_image('user_data/{val item/image15_file}', '{val item/image15_title}');"><img src="user_data/{val item/image15_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image16}--> <a href="javascript:set_image('user_data/{val item/image16_file}', '{val item/image16_title}');"><img src="user_data/{val item/image16_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image17}--> <a href="javascript:set_image('user_data/{val item/image17_file}', '{val item/image17_title}');"><img src="user_data/{val item/image17_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image18}--> <a href="javascript:set_image('user_data/{val item/image18_file}', '{val item/image18_title}');"><img src="user_data/{val item/image18_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image19}--> <a href="javascript:set_image('user_data/{val item/image19_file}', '{val item/image19_title}');"><img src="user_data/{val item/image19_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image20}--> <a href="javascript:set_image('user_data/{val item/image20_file}', '{val item/image20_title}');"><img src="user_data/{val item/image20_file}" width="70" alt=""></a>　 <!--{/def}--> </figure> <table class="tp-ta1"> <tr> <th>物件ID</th> <td>No.{val item/info_id}</td> </tr> <tr> <th>物件名</th> <td>{val item/title}</td> </tr> <!--{def item/contents}--> <tr> <th>コメント</th> <td>{val item/contents}</td> </tr> <!--{/def}--> <!--{each item/info}--> <tr> <th>{val item/info/title}</th> <td>{val item/info/value}</td> </tr> <!--{/each}--> <!--{def item/pdf}--> <tr> <th>PDF資料</th> <td> <a href="?act=get_file&id={val item/pdf}">{val item/pdf_file/title}</a><br></td> </tr> <!--{/def}--> <!--{def image}--> <!--{each image}--> <tr> <th>{val image/file/title}</th> <td> <img src="user_data/{val image/file_file/save_name}" alt="{val image/file_file/title}"> <p>{val image/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def audio}--> <!--{each audio}--> <tr> <th>{val audio/file/title}</th> <td> <audio controls="" src="user_data/{val audio/file_file/save_name}">{val audio/file_file/title}</audio> <p>{val audio/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def video}--> <!--{each video}--> <tr> <th>{val video/file/title}</th> <td> <video controls="" src="user_data/{val video/file_file/save_name}">{val video/file_file/title}</video> <p>{val video/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def panorama}--> <!--{each panorama}--> <tr> <th>{val panorama/file/title}</th> <td> <div class="tp-ofx"> <div id="panorama{val panorama/no}" class="tp-panorama-img"></div> </div> <script> pannellum.viewer('panorama{val panorama/no}' , { "type": "equirectangular", "panorama": "user_data/{val panorama/file_file/save_name}", "autoLoad": true }); </script> <p>{val panorama/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def other}--> <!--{each other}--> <tr> <th>{val other/file/title}</th> <td> <a href="?act=get_file&id={val other/file/value}">{val other/file_file/title}</a> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def item/latlon}--> <tr> <th>地図</th> <td> <iframe src="https://maps.google.co.jp/maps?hl=ja&ll={val item/latlon}&q={val item/latlon}&ie=UTF8&t=m&&z=14&output=embed" width="600" height="400" frameborder="0" style="border:0" allowfullscreen></iframe> </td> </tr> <!--{/def}--> <tr> <th>こだわり検索</th> <td> <!--{each item/special}--> <!--{def item/special/icon}--> <a href="?act=list&kind={val item/kind}&special{val item/special/value}={val item/special/value}"><img src="icon/{val item/special/icon}" alt="{val item/special/title}" title="{val item/special/title}"></a> <!--{/def}--> <!--{ndef item/special/icon}--> <a href="?act=list&kind={val item/kind}&special{val item/special/value}={val item/special/value}">{val item/special/title}</a>  <!--{/ndef}--> <!--{/each}--> </td> </tr> <tr> <th>更新日時</th> <td> 登録：{val item/regdate/0}年{val item/regdate/1}月{val item/regdate/2}日 {val item/regtime/0}時{val item/regtime/1}分<br> 更新：{val item/update/0}年{val item/update/1}月{val item/update/2}日 {val item/uptime/0}時{val item/uptime/1}分<br> </td> </tr> </table> <p class="tp-c"> <a href="?act=toiawase&id={val item/info_id}"><input type="submit" value="『{val item/title}』の問い合わせ"></a> </p> </article> </div> <!--/.tp-contents-->

詳細ページ（item_fudosan2.html）用のタグを記載

item_fudosan.htmlファイルを複製し、ファイル名をitem_fudosan2.htmlに変更します。
item_fudosan2.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <article> <h2>不動産情報</h2> <ul class="tp-mb30"> <li>このページはテンプレート<span class="tp-color-check">item_fudosan2.html</span>を使用しています。item.html以外を詳細ページに使いたい場合は管理画面の「項目設定」でファイル名を指定する必要があります。</li> </ul> <h3>{val item/title}<!--{def item/recommend2}-->　[ご契約済]<!--{/def}--></h3> <figure class="tp-c tp-mb30"> <!--{def item/image1_file}--> <img src="user_data/{val item/image1_file}" id="bukken_image" class="tp-mb30" alt=""><br> <p id="bukken_title">{val item/image1_title}</p> <!--{/def}--> <!--{def item/image1}--> <a href="javascript:set_image('user_data/{val item/image1_file}', '{val item/image1_title}');"><img src="user_data/{val item/image1_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image2}--> <a href="javascript:set_image('user_data/{val item/image2_file}', '{val item/image2_title}');"><img src="user_data/{val item/image2_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image3}--> <a href="javascript:set_image('user_data/{val item/image3_file}', '{val item/image3_title}');"><img src="user_data/{val item/image3_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image4}--> <a href="javascript:set_image('user_data/{val item/image4_file}', '{val item/image4_title}');"><img src="user_data/{val item/image4_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image5}--> <a href="javascript:set_image('user_data/{val item/image5_file}', '{val item/image5_title}');"><img src="user_data/{val item/image5_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image6}--> <a href="javascript:set_image('user_data/{val item/image6_file}', '{val item/image6_title}');"><img src="user_data/{val item/image6_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image7}--> <a href="javascript:set_image('user_data/{val item/image7_file}', '{val item/image7_title}');"><img src="user_data/{val item/image7_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image8}--> <a href="javascript:set_image('user_data/{val item/image8_file}', '{val item/image8_title}');"><img src="user_data/{val item/image8_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image9}--> <a href="javascript:set_image('user_data/{val item/image9_file}', '{val item/image9_title}');"><img src="user_data/{val item/image9_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image10}--> <a href="javascript:set_image('user_data/{val item/image10_file}', '{val item/image10_title}');"><img src="user_data/{val item/image10_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image11}--> <a href="javascript:set_image('user_data/{val item/image11_file}', '{val item/image11_title}');"><img src="user_data/{val item/image11_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image12}--> <a href="javascript:set_image('user_data/{val item/image12_file}', '{val item/image12_title}');"><img src="user_data/{val item/image12_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image13}--> <a href="javascript:set_image('user_data/{val item/image13_file}', '{val item/image13_title}');"><img src="user_data/{val item/image13_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image14}--> <a href="javascript:set_image('user_data/{val item/image14_file}', '{val item/image14_title}');"><img src="user_data/{val item/image14_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image15}--> <a href="javascript:set_image('user_data/{val item/image15_file}', '{val item/image15_title}');"><img src="user_data/{val item/image15_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image16}--> <a href="javascript:set_image('user_data/{val item/image16_file}', '{val item/image16_title}');"><img src="user_data/{val item/image16_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image17}--> <a href="javascript:set_image('user_data/{val item/image17_file}', '{val item/image17_title}');"><img src="user_data/{val item/image17_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image18}--> <a href="javascript:set_image('user_data/{val item/image18_file}', '{val item/image18_title}');"><img src="user_data/{val item/image18_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image19}--> <a href="javascript:set_image('user_data/{val item/image19_file}', '{val item/image19_title}');"><img src="user_data/{val item/image19_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image20}--> <a href="javascript:set_image('user_data/{val item/image20_file}', '{val item/image20_title}');"><img src="user_data/{val item/image20_file}" width="70" alt=""></a>　 <!--{/def}--> </figure> <table class="tp-ta1"> <tr> <th>物件ID</th> <td>No.{val item/info_id}</td> </tr> <tr> <th>物件名</th> <td>{val item/title}</td> </tr> <!--{def item/contents}--> <tr> <th>コメント</th> <td>{val item/contents}</td> </tr> <!--{/def}--> <!--{each item/info}--> <tr> <th>{val item/info/title}</th> <td>{val item/info/value}</td> </tr> <!--{/each}--> <!--{def item/pdf}--> <tr> <th>PDF資料</th> <td> <a href="?act=get_file&id={val item/pdf}">{val item/pdf_file/title}</a><br></td> </tr> <!--{/def}--> <!--{def image}--> <!--{each image}--> <tr> <th>{val image/file/title}</th> <td> <img src="user_data/{val image/file_file/save_name}" alt="{val image/file_file/title}"> <p>{val image/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def audio}--> <!--{each audio}--> <tr> <th>{val audio/file/title}</th> <td> <audio controls="" src="user_data/{val audio/file_file/save_name}">{val audio/file_file/title}</audio> <p>{val audio/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def video}--> <!--{each video}--> <tr> <th>{val video/file/title}</th> <td> <video controls="" src="user_data/{val video/file_file/save_name}">{val video/file_file/title}</video> <p>{val video/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def panorama}--> <!--{each panorama}--> <tr> <th>{val panorama/file/title}</th> <td> <div class="tp-ofx"> <div id="panorama{val panorama/no}" class="tp-panorama-img"></div> </div> <script> pannellum.viewer('panorama{val panorama/no}' , { "type": "equirectangular", "panorama": "user_data/{val panorama/file_file/save_name}", "autoLoad": true }); </script> <p>{val panorama/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def other}--> <!--{each other}--> <tr> <th>{val other/file/title}</th> <td> <a href="?act=get_file&id={val other/file/value}">{val other/file_file/title}</a> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def item/latlon}--> <tr> <th>地図</th> <td> <iframe src="https://maps.google.co.jp/maps?hl=ja&ll={val item/latlon}&q={val item/latlon}&ie=UTF8&t=m&&z=14&output=embed" width="600" height="400" frameborder="0" style="border:0" allowfullscreen></iframe> </td> </tr> <!--{/def}--> <tr> <th>こだわり検索</th> <td> <!--{each item/special}--> <!--{def item/special/icon}--> <a href="?act=list&kind={val item/kind}&special{val item/special/value}={val item/special/value}"><img src="icon/{val item/special/icon}" alt="{val item/special/title}" title="{val item/special/title}"></a> <!--{/def}--> <!--{ndef item/special/icon}--> <a href="?act=list&kind={val item/kind}&special{val item/special/value}={val item/special/value}">{val item/special/title}</a>  <!--{/ndef}--> <!--{/each}--> </td> </tr> <tr> <th>更新日時</th> <td> 登録：{val item/regdate/0}年{val item/regdate/1}月{val item/regdate/2}日 {val item/regtime/0}時{val item/regtime/1}分<br> 更新：{val item/update/0}年{val item/update/1}月{val item/update/2}日 {val item/uptime/0}時{val item/uptime/1}分<br> </td> </tr> </table> <p class="tp-c"> <a href="?act=toiawase&id={val item/info_id}"><input type="submit" value="『{val item/title}』の問い合わせ"></a> </p> </article> </div> <!--/.tp-contents-->

詳細ページ（item_job.html）用のタグを記載

item_fudosan2.htmlファイルを複製し、ファイル名をitem_job.htmlに変更します。
item_job.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <article> <h2>求人情報</h2> <ul class="tp-mb30"> <li>このページはテンプレート<span class="tp-color-check">item_job.html</span>を使用しています。item.html以外を詳細ページに使いたい場合は管理画面の「項目設定」でファイル名を指定する必要があります。</li> </ul> <h3>{val item/title}</h3> <!--{def item/contents}--> <p>{val item/contents}</p> <!--{/def}--> <figure class="tp-c tp-mb30"> <!--{def item/image1_file}--> <img src="user_data/{val item/image1_file}" id="bukken_image" class="tp-mb30" alt=""><br> <p id="bukken_title">{val item/image1_title}</p> <!--{/def}--> <!--{def item/image1}--> <a href="javascript:set_image('user_data/{val item/image1_file}', '{val item/image1_title}');"><img src="user_data/{val item/image1_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image2}--> <a href="javascript:set_image('user_data/{val item/image2_file}', '{val item/image2_title}');"><img src="user_data/{val item/image2_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image3}--> <a href="javascript:set_image('user_data/{val item/image3_file}', '{val item/image3_title}');"><img src="user_data/{val item/image3_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image4}--> <a href="javascript:set_image('user_data/{val item/image4_file}', '{val item/image4_title}');"><img src="user_data/{val item/image4_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image5}--> <a href="javascript:set_image('user_data/{val item/image5_file}', '{val item/image5_title}');"><img src="user_data/{val item/image5_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image6}--> <a href="javascript:set_image('user_data/{val item/image6_file}', '{val item/image6_title}');"><img src="user_data/{val item/image6_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image7}--> <a href="javascript:set_image('user_data/{val item/image7_file}', '{val item/image7_title}');"><img src="user_data/{val item/image7_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image8}--> <a href="javascript:set_image('user_data/{val item/image8_file}', '{val item/image8_title}');"><img src="user_data/{val item/image8_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image9}--> <a href="javascript:set_image('user_data/{val item/image9_file}', '{val item/image9_title}');"><img src="user_data/{val item/image9_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image10}--> <a href="javascript:set_image('user_data/{val item/image10_file}', '{val item/image10_title}');"><img src="user_data/{val item/image10_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image11}--> <a href="javascript:set_image('user_data/{val item/image11_file}', '{val item/image11_title}');"><img src="user_data/{val item/image11_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image12}--> <a href="javascript:set_image('user_data/{val item/image12_file}', '{val item/image12_title}');"><img src="user_data/{val item/image12_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image13}--> <a href="javascript:set_image('user_data/{val item/image13_file}', '{val item/image13_title}');"><img src="user_data/{val item/image13_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image14}--> <a href="javascript:set_image('user_data/{val item/image14_file}', '{val item/image14_title}');"><img src="user_data/{val item/image14_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image15}--> <a href="javascript:set_image('user_data/{val item/image15_file}', '{val item/image15_title}');"><img src="user_data/{val item/image15_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image16}--> <a href="javascript:set_image('user_data/{val item/image16_file}', '{val item/image16_title}');"><img src="user_data/{val item/image16_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image17}--> <a href="javascript:set_image('user_data/{val item/image17_file}', '{val item/image17_title}');"><img src="user_data/{val item/image17_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image18}--> <a href="javascript:set_image('user_data/{val item/image18_file}', '{val item/image18_title}');"><img src="user_data/{val item/image18_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image19}--> <a href="javascript:set_image('user_data/{val item/image19_file}', '{val item/image19_title}');"><img src="user_data/{val item/image19_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image20}--> <a href="javascript:set_image('user_data/{val item/image20_file}', '{val item/image20_title}');"><img src="user_data/{val item/image20_file}" width="70" alt=""></a>　 <!--{/def}--> </figure> <table class="tp-ta1"> <caption>店舗情報</caption> <tr> <th>登録ID</th> <td>{val item/info_id}</td> </tr> <!--{def item/info1/value}--> <tr> <th>{val item/info1/title}</th> <td>{val item/info1/value}</td> </tr> <!--{/def}--> <!--{def item/info2/value}--> <tr> <th>{val item/info2/title}</th> <td>{val item/info2/value}</td> </tr> <!--{/def}--> <!--{def item/info3/value}--> <tr> <th>{val item/info3/title}</th> <td>{val item/info3/value}</td> </tr> <!--{/def}--> <!--{def item/info4/value}--> <tr> <th>{val item/info4/title}</th> <td>{val item/info4/value}</td> </tr> <!--{/def}--> <!--{def item/info5/value}--> <tr> <th>{val item/info5/title}</th> <td>{val item/info5/value}</td> </tr> <!--{/def}--> <!--{def item/info6/value}--> <tr> <th>{val item/info6/title}</th> <td>{val item/info6/value}</td> </tr> <!--{/def}--> <!--{def item/info7/value}--> <tr> <th>{val item/info7/title}</th> <td>{val item/info7/value}</td> </tr> <!--{/def}--> <!--{def item/info8/value}--> <tr> <th>{val item/info8/title}</th> <td>{val item/info8/value}</td> </tr> <!--{/def}--> <!--{def item/info9/value}--> <tr> <th>{val item/info9/title}</th> <td>{val item/info9/value}</td> </tr> <!--{/def}--> <!--{def item/info10/value}--> <tr> <th>{val item/info10/title}</th> <td>{val item/info10/value}</td> </tr> <!--{/def}--> </table> <table class="tp-ta1"> <caption>企業情報</caption> <!--{def item/info11/value}--> <tr> <th>{val item/info11/title}</th> <td>{val item/info11/value}</td> </tr> <!--{/def}--> <!--{def item/info12/value}--> <tr> <th>{val item/info12/title}</th> <td>{val item/info12/value}</td> </tr> <!--{/def}--> <!--{def item/info13/value}--> <tr> <th>{val item/info13/title}</th> <td>{val item/info13/value}</td> </tr> <!--{/def}--> <!--{def item/info14/value}--> <tr> <th>{val item/info14/title}</th> <td>{val item/info14/value}</td> </tr> <!--{/def}--> <!--{def item/info15/value}--> <tr> <th>{val item/info15/title}</th> <td>{val item/info15/value}</td> </tr> <!--{/def}--> <!--{def item/info16/value}--> <tr> <th>{val item/info16/title}</th> <td>{val item/info16/value}</td> </tr> <!--{/def}--> <!--{def item/info17/value}--> <tr> <th>{val item/info17/title}</th> <td>{val item/info17/value}</td> </tr> <!--{/def}--> <!--{def item/info18/value}--> <tr> <th>{val item/info18/title}</th> <td>{val item/info18/value}</td> </tr> <!--{/def}--> <!--{def item/info19/value}--> <tr> <th>{val item/info19/title}</th> <td>{val item/info19/value}</td> </tr> <!--{/def}--> <!--{def item/info20/value}--> <tr> <th>{val item/info20/title}</th> <td>{val item/info20/value}</td> </tr> <!--{/def}--> <!--{def item/latlon}--> <tr> <th>地図</th> <td> <iframe src="https://maps.google.co.jp/maps?hl=ja&ll={val item/latlon}&q={val item/latlon}&ie=UTF8&t=m&&z=14&output=embed" width="600" height="400" frameborder="0" style="border:0" allowfullscreen></iframe> </td> </tr> <!--{/def}--> <tr> <th>こだわり検索</th> <td> <!--{each item/special}--> <!--{def item/special/icon}--> <a href="?act=list&kind={val item/kind}&special{val item/special/value}={val item/special/value}"><img src="icon/{val item/special/icon}" alt="{val item/special/title}" title="{val item/special/title}"></a> <!--{/def}--> <!--{ndef item/special/icon}--> <a href="?act=list&kind={val item/kind}&special{val item/special/value}={val item/special/value}">{val item/special/title}</a>  <!--{/ndef}--> <!--{/each}--> </td> </tr> <!--{def item/pdf}--> <tr> <th>PDF資料</th> <td> <a href="?act=get_file&id={val item/pdf}">{val item/pdf_file/title}</a><br></td> </tr> <!--{/def}--> <!--{def image}--> <!--{each image}--> <tr> <th>{val image/file/title}</th> <td> <img src="user_data/{val image/file_file/save_name}" alt="{val image/file_file/title}"> <p>{val image/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def audio}--> <!--{each audio}--> <tr> <th>{val audio/file/title}</th> <td> <audio controls="" src="user_data/{val audio/file_file/save_name}">{val audio/file_file/title}</audio> <p>{val audio/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def video}--> <!--{each video}--> <tr> <th>{val video/file/title}</th> <td> <video controls="" src="user_data/{val video/file_file/save_name}">{val video/file_file/title}</video> <p>{val video/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def panorama}--> <!--{each panorama}--> <tr> <th>{val panorama/file/title}</th> <td> <div class="tp-ofx"> <div id="panorama{val panorama/no}" class="tp-panorama-img"></div> </div> <script> pannellum.viewer('panorama{val panorama/no}' , { "type": "equirectangular", "panorama": "user_data/{val panorama/file_file/save_name}", "autoLoad": true }); </script> <p>{val panorama/file_file/title}</p> </td> </tr> <!--{/each}--> <!--{/def}--> <!--{def other}--> <!--{each other}--> <tr> <th>{val other/file/title}</th> <td> <a href="?act=get_file&id={val other/file/value}">{val other/file_file/title}</a> </td> </tr> <!--{/each}--> <!--{/def}--> <tr> <th>更新日時</th> <td> 登録：{val item/regdate/0}年{val item/regdate/1}月{val item/regdate/2}日 {val item/regtime/0}時{val item/regtime/1}分<br> 更新：{val item/update/0}年{val item/update/1}月{val item/update/2}日 {val item/uptime/0}時{val item/uptime/1}分<br> </td> </tr> </table> <p class="tp-c"> <a href="?act=toiawase&id={val item/info_id}"><input type="submit" value="『{val item/title}』に問い合わせ"></a> </p> </article> </div> <!--/.tp-contents-->

詳細ページ（item_oshirase.html）用のタグを記載

item_job.htmlファイルを複製し、ファイル名をitem_oshirase.htmlに変更します。
item_oshirase.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <article> <h2>{val item/title}</h2> <ul class="tp-mb30"> <li>このページはテンプレート<span class="tp-color-check">item_oshirase.html</span>を使用しています。item.html以外を詳細ページに使いたい場合は管理画面の「項目設定」でファイル名を指定する必要があります。</li> </ul> <!--{def item/contents}--> <h3>{val item/contents}</h3> <!--{/def}--> <ul> <li>{val item/info1/value}</li> <!--{def item/info2/value}--><li><a href="{val item/info2/value}" target="_blank">{val item/info2/value}</a></li><!--{/def}--> <!--{def item/info3/value}--><li>連絡先：{val item/info3/value}</li><!--{/def}--> </ul> <figure class="tp-c tp-mb30"> <!--{def item/image1_file}--> <img src="user_data/{val item/image1_file}" id="bukken_image" class="tp-mb30" alt=""><br> <p id="bukken_title">{val item/image1_title}</p> <!--{/def}--> <!--{def item/image1}--> <a href="javascript:set_image('user_data/{val item/image1_file}', '{val item/image1_title}');"><img src="user_data/{val item/image1_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image2}--> <a href="javascript:set_image('user_data/{val item/image2_file}', '{val item/image2_title}');"><img src="user_data/{val item/image2_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image3}--> <a href="javascript:set_image('user_data/{val item/image3_file}', '{val item/image3_title}');"><img src="user_data/{val item/image3_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image4}--> <a href="javascript:set_image('user_data/{val item/image4_file}', '{val item/image4_title}');"><img src="user_data/{val item/image4_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image5}--> <a href="javascript:set_image('user_data/{val item/image5_file}', '{val item/image5_title}');"><img src="user_data/{val item/image5_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image6}--> <a href="javascript:set_image('user_data/{val item/image6_file}', '{val item/image6_title}');"><img src="user_data/{val item/image6_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image7}--> <a href="javascript:set_image('user_data/{val item/image7_file}', '{val item/image7_title}');"><img src="user_data/{val item/image7_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image8}--> <a href="javascript:set_image('user_data/{val item/image8_file}', '{val item/image8_title}');"><img src="user_data/{val item/image8_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image9}--> <a href="javascript:set_image('user_data/{val item/image9_file}', '{val item/image9_title}');"><img src="user_data/{val item/image9_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image10}--> <a href="javascript:set_image('user_data/{val item/image10_file}', '{val item/image10_title}');"><img src="user_data/{val item/image10_file}" width="70" alt=""></a> <!--{/def}--> <!--{def item/image11}--> <a href="javascript:set_image('user_data/{val item/image11_file}', '{val item/image11_title}');"><img src="user_data/{val item/image11_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image12}--> <a href="javascript:set_image('user_data/{val item/image12_file}', '{val item/image12_title}');"><img src="user_data/{val item/image12_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image13}--> <a href="javascript:set_image('user_data/{val item/image13_file}', '{val item/image13_title}');"><img src="user_data/{val item/image13_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image14}--> <a href="javascript:set_image('user_data/{val item/image14_file}', '{val item/image14_title}');"><img src="user_data/{val item/image14_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image15}--> <a href="javascript:set_image('user_data/{val item/image15_file}', '{val item/image15_title}');"><img src="user_data/{val item/image15_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image16}--> <a href="javascript:set_image('user_data/{val item/image16_file}', '{val item/image16_title}');"><img src="user_data/{val item/image16_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image17}--> <a href="javascript:set_image('user_data/{val item/image17_file}', '{val item/image17_title}');"><img src="user_data/{val item/image17_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image18}--> <a href="javascript:set_image('user_data/{val item/image18_file}', '{val item/image18_title}');"><img src="user_data/{val item/image18_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image19}--> <a href="javascript:set_image('user_data/{val item/image19_file}', '{val item/image19_title}');"><img src="user_data/{val item/image19_file}" width="70" alt=""></a>　 <!--{/def}--> <!--{def item/image20}--> <a href="javascript:set_image('user_data/{val item/image20_file}', '{val item/image20_title}');"><img src="user_data/{val item/image20_file}" width="70" alt=""></a>　 <!--{/def}--> </figure> <p class="tp-c"> <a href="?act=toiawase&id={val item/info_id}"><input type="submit" value="問い合わせ"></a> </p> </article> </div> <!--/.tp-contents-->

詳細ページ（kiji.html）用のタグを記載

item_oshirase.htmlファイルを複製し、ファイル名をkiji.htmlに変更します。
kiji.htmlのメインコンテンツのコードを以下に置き換えます。
<div class="tp-contents"> <ul class="tp-mb30"> <li>このページはテンプレート<span class="tp-color-check">kiji.html</span>を使用しています。item.html以外を詳細ページに使いたい場合は管理画面の「項目設定」でファイル名を指定する必要があります。</li> </ul> <!--{each kiji}--> <!-- 1 上画像＋記事 --> <!--{def kiji/func1}--> <section> <!--{def kiji/title}--> <h2>{val kiji/title}</h2> <!--{/def}--> <!--{def kiji/image}--> <figure><img src="user_data/{val kiji/image}" alt=""></figure> <!--{/def}--> <!--{def kiji/subtitle}--> <h3>{val kiji/subtitle}</h3> <!--{/def}--> <!--{each kiji/contents}--> <p>{val kiji/contents}</p> <!--{/each}--> </section> <!--{/def}--> <!-- 2 記事＋下画像 --> <!--{def kiji/func2}--> <section> <!--{def kiji/title}--> <h2>{val kiji/title}</h2> <!--{/def}--> <!--{def kiji/subtitle}--> <h3>{val kiji/subtitle}</h3> <!--{/def}--> <!--{each kiji/contents}--> <p>{val kiji/contents}</p> <!--{/each}--> <!--{def kiji/image}--> <figure><img src="user_data/{val kiji/image}" alt=""></figure> <!--{/def}--> </section> <!--{/def}--> <!-- 3 左画像＋記事 --> <!--{def kiji/func3}--> <section> <!--{def kiji/title}--> <h2>{val kiji/title}</h2> <!--{/def}--> <div class="tp-list-half"> <div class="tp-list"> <div class="tp-text"> <!--{def kiji/subtitle}--> <h4 class="mb1rem">{val kiji/subtitle}</h4> <!--{/def}--> <!--{each kiji/contents}--> <p>{val kiji/contents}</p> <!--{/each}--> </div> <!--{def kiji/image}--> <div class="tp-image-l"> <figure><img src="user_data/{val kiji/image}" alt=""></figure> </div> <!--{/def}--> </div> </div> </section> <!--{/def}--> <!-- 4 記事＋右画像 --> <!--{def kiji/func4}--> <section> <!--{def kiji/title}--> <h2>{val kiji/title}</h2> <!--{/def}--> <div class="tp-list-half"> <div class="tp-list"> <div class="tp-text"> <!--{def kiji/subtitle}--> <h4 class="mb1rem">{val kiji/subtitle}</h4> <!--{/def}--> <!--{each kiji/contents}--> <p>{val kiji/contents}</p> <!--{/each}--> </div> <div class="tp-image-r"> <figure><img src="user_data/{val kiji/image}" alt=""></figure> </div> </div> </div> </section> <!--{/def}--> <!-- 5 箇条書き --> <!--{def kiji/func5}--> <section> <!--{def kiji/title}--> <h2>{val kiji/title}</h2> <!--{/def}--> <ul> <!--{each kiji/contents}--> <li>{val kiji/contents}</li> <!--{/each}--> </ul> </section> <!--{/def}--> <!-- 6 横長 --> <!--{def kiji/func6}--> <section> <!--{def kiji/title}--> <h2>{val kiji/title}</h2> <!--{/def}--> <div class="tp-list-normal"> <div class="tp-list"> <!--{def kiji/image}--> <figure><img src="user_data/{val kiji/image}" alt=""></figure> <!--{/def}--> <div> <!--{def kiji/subtitle}--> <h4 class="mb1rem">{val kiji/subtitle}</h4> <!--{/def}--> <!--{each kiji/contents}--> <p>{val kiji/contents}</p> <!--{/each}--> </div> </div> </div> </section> <!--{/def}--> <!-- 7 横長表 --> <!--{def kiji/func7}--> <section> <!--{def kiji/title}--> <h2>{val kiji/title}</h2> <!--{/def}--> <div class="tp-list-normal"> <div class="tp-list"> <!--{def kiji/image}--> <figure><img src="user_data/{val kiji/image}" alt=""></figure> <!--{/def}--> <div> <!--{def kiji/subtitle}--> <h4 class="mb1rem">{val kiji/subtitle}</h4> <!--{/def}--> <dl class="tp-line"> <!--{each kiji/contents}--> <dt>{val kiji/contents/0}</dt> <dd>{val kiji/contents/1}</dd> <!--{/each}--> </dl> </div> </div> </div> </section> <!--{/def}--> <!-- 8 表 --> <!--{def kiji/func8}--> <section> <!--{def kiji/title}--> <h2>{val kiji/title}</h2> <!--{/def}--> <table class="tp-ta1"> <!--{def kiji/subtitle}--> <caption>{val kiji/subtitle}</caption> <!--{/def}--> <!--{each kiji/contents}--> <tr> <th>{val kiji/contents/0}</th> <td>{val kiji/contents/1}</td> </tr> <!--{/each}--> </table> </section> <!--{/def}--> <!--{/each}--> </div> <!--/.tp-contents-->

フォーム用（toiawase.html）のタグを記載

kiji.html（※どのhtmlでも構いません）を複製し、ファイル名をtoiawase.htmlに変更します。
toiawase.htmlのメインコンテンツに、以下のコードをコピペして下さい。
（head内にCMS用のコードがある場合は不要なので、削除しておきます。）
<div class="tp-contents"> <h2> <!--{def item/info_id}-->『{val item/title}』に関する問い合わせ<!--{/def}--> <!--{ndef item/info_id}-->お問い合わせフォーム<!--{/ndef}--> </h2> <!--{ndef mode}--> <p>お問い合わせ内容を送信しました。</p> <!--{/ndef}--> <!--{def mode}--> <!--{ndef confirm}--> <p class="tp-color-check">全項目入力必須です。</p> <!--{/ndef}--> <!--{def message}--> <p class="tp-color-check">{val message}</p> <!--{/def}--> <form name="form1" method="post" action="?act=toiawase"> <input type="hidden" name="mode" value="{val mode}"> <input type="hidden" name="id" value="{val item/info_id}"> <table class="tp-ta1"> <!--{def item/info_id}--> <tr> <th>情報ID</th> <td>{val item/info_id}</td> </tr> <tr> <th>タイトル</th> <td>{val item/title}</td> </tr> <!--{/def}--> <tr> <th>お名前</th> <td> <!--{def confirm}--> {val form/name} <!--{/def}--> <!--{ndef confirm}--> <input type="text" name="name" size="30" class="tp-ws" value="{val form/name}"> <!--{/ndef}--> </td> </tr> <tr> <th>メールアドレス</th> <td> <!--{def confirm}--> {val form/email} <!--{/def}--> <!--{ndef confirm}--> <input type="text" name="email" size="50" class="tp-ws" value="{val form/email}"> <!--{/ndef}--> </td> </tr> <!--{def mailitem/tel}--> <tr> <th>電話番号</th> <td> <!--{def confirm}--> {val form/tel} <!--{/def}--> <!--{ndef confirm}--> <input type="text" name="tel" size="50" class="ws" value="{val form/tel}"> <!--{/ndef}--> </td> </tr> <!--{/def}--> <tr> <th>お問い合わせ詳細</th> <td> <!--{def confirm}--> {val form/comment} <!--{/def}--> <!--{ndef confirm}--> <textarea name="comment" cols="60" rows="8" class="tp-wl">{rval form/comment}</textarea> <!--{/ndef}--> </td> </tr> </table> <div class="tp-c"> <!--{def confirm}--> <input type="submit" value="この内容で送信する"> <input type="button" value="戻る" onClick="document.form1.action='?act=toiawase_reinput';document.form1.mode.value='';document.form1.submit()"> <!--{/def}--> <!--{ndef confirm}--> <input type="submit" value="確認する"> <!--{/ndef}--> </div> </form> <!--{/def}--> </div> <!--/.tp-contents-->

会社概要ページ用（company.html）のタグを記載

toiawase.html（※どのhtmlでも構いません）を複製し、ファイル名をcompany.htmlに変更します。
company.htmlのメインコンテンツに、以下のコードをコピペして下さい。
（head内にCMS用のコードがある場合は不要なので、削除しておきます。）
<div class="tp-contents"> <h2>会社概要</h2> <table class="tp-ta1"> <caption>大見出しが必要ならここを使います</caption> <tr> <th>見出し</th> <td>ここに説明など入れて下さい。サンプルテキスト。</td> </tr> <tr> <th>見出し</th> <td>ここに説明など入れて下さい。サンプルテキスト。</td> </tr> <tr> <th>見出し</th> <td>ここに説明など入れて下さい。サンプルテキスト。</td> </tr> <tr> <th>見出し</th> <td>ここに説明など入れて下さい。サンプルテキスト。</td> </tr> <tr> <th>見出し</th> <td>ここに説明など入れて下さい。サンプルテキスト。</td> </tr> </table> </div> <!--/.tp-contents-->

設定は以上です

サーバーにアップロードしプレビュー確認をして下さい。
フォームの動作はsetup.phpファイルの設定が必要なので、マニュアルをご覧下さい。
詳しい使い方もマニュアルに解説があります。