無料ホームページテンプレート Template Party

汎用CMS(企業向け)のご紹介

>> CMSバージョン履歴(2019/08/21更新) <<

サービスページの詳細説明

※レイアウトを変更しやすいよう可能な範囲で解説しておりますが、限度があります。
マニュアル以上に掘り下げたご要望には対応できない可能性が高いのでご了承下さい。

まずはじめに。当ページで共通して使うタグ(list)の説明。

ループ出力タイプで共通して使うタグにlistがあります。

「トップページ」や「会社概要ページ」などの一覧出力ではないタイプのページでは、listの代わりにinfoを使い、詳細ページではitemを使いますので間違えないよう注意して下さい。

1つ目(title)の出力パーツの説明。

サービスのご案内ページの1つ目(title)の出力パーツです。

{val title}と指定すると、setup.phpで直接入力したテキスト情報(↓)がそのまま出ます。

一覧出力ページタイプのパーツの説明。

出力パーツです。

①について
<!--{each list}-->
と一番下の
<!--{/each}-->
は、データをループして表示させる設定です。この設定により、1つのhtmlパーツだけでサービスページのデータを全て表示させる事が可能になります。

②について
ここはリンクの指定です。詳細ページに飛ぶ指定なので変更せずこのまま使用して下さい。
./?act=info&id={val list/info_id}

③について
管理画面の「名称」と「データ番号」を読み込むタグです。

④について
ここはNEWアイコンの表示設定です。
<span class="newicon">NEW</span>
がアイコン文字です。好きに変更してもらっても構いません。
前後に入っている<!--{def list/new_flag}-->〜〜<!--{/def}-->は管理ページで「新着」のプルダウンを選択した場合に表示させるタグです。

⑤について
ここはPDF資料の表示場所です。
《PDF資料あり》は単純な文字情報なので直接変更してもらって構いません。
前後の<!--{def list/pdf}-->〜〜<!--{/def}-->も今までの説明同様、「PDFがアップロードされている場合に表示」という意味となります。

⑥について
ここは画像データの読み込み箇所です。
user_data/{val list/image1_file}は画像の読み込みタグです。ここの{val list/image1_file}部分は管理ページの「画像1」に登録した画像を指します。「画像2」ならimage2_fileです。user_dataは画像データが格納されているフォルダ名です。
altで読み込んでいる{val list/title}は上の③(名称)と同じタグです。
前後の行に入っている
<!--{def list/image1_file}-->
<!--{/def}-->

は、「image1_fileファイルがアップされている場合に表示する」の意味です。

⑦について
こちらも画像の読み込みなのですが、defでなくndefがついているので、「image1画像がアップロードされていない場合」に優先されるタグです。
image1画像がない場合、変わりに「noimg.png」を表示します。noimg.png以外に変更していただいてももちろん構いません。

⑧について
ここはtableタグに流し込まれるパーツです。管理ページの「項目設定」メニューで登録した「項目1〜項目10」までが自動表示されます。

⑨について
《オプション1》は④のNEWと同じ単純な文字列です。ここの文字情報はservice.htmlで直接変更して下さい。
前後に入っている<!--{def list/recommend1}-->〜〜<!--{/def}-->は管理ページの「おすすめ」のプルダウンから「オプション1(1つ目)」を選択した場合に表示させるタグです。2つ目なら「recommend2」になります。

⑩について
{val list/contents}
は管理ページの「説明」を表示するタグです。ここではレイアウト上あまり関係ないので{def list〜を使っていません。もし説明が空の場合、<p></p>とだけ出力されます。

管理画面では以下が該当します。

この管理画面はサービス詳細ページ(service_item.html)と共通で使っています。

<< 1つ前のページに戻る