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

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

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

汎用CMS(企業向け)マニュアル

STEP5. テンプレートの準備

  1. 「スタッフ紹介」用のテンプレートを準備します。ループ出力させたい場合は必ず「ループ出力タイプ」のhtmlを土台に使って下さい。
    今回は、「スタッフ日記」ページのhtmlを土台にしてみようと思います。
    以下がdiary.htmlです。「画像1」と「名称」と「説明」が出力されています。
    「項目1(趣味)」「項目2(特技)」が出力されていませんが、それは後のステップで追加します。
  2. diary.htmlを複製し、ファイル名をstaff.htmlに変更します。
  3. そのまま一旦staff.htmlをアップロードしてみましょう。
    アップロードしたら、一旦スタッフ日記ページにアクセスします。
  4. アドレスバーは「http://〜〜〜/diary_list.html」となっていますので、これを直接「http://〜〜〜/staff_list.html」に打ち直して下さい。

    リンク先アドレスの注意点。※ループ出力タイプの場合のみ。
    「ループ出力」ページにリンクする場合は必ずリンクのurlは「ファイル名+_list」にして下さい。
    例:「profile.html」というループ出力ページを作る場合は、「profile_list.html」がリンク先となります。
    <a href="./profile_list.html">プロフィール</a>

  5. Enter(リターン)キーを押すと、以下のように直接イベントページが開きます。
  6. 「項目1(趣味)」と「項目2(特技)」」の出力タグをstaff.htmlに追加します。
    タグの詳しい使い方についてはタグ解説(上級者向け)をご参照下さい。
    よく見ると、項目1の出力タグはすでに日記ページにあるようですね。これに少し手を加えて「項目2」も追加してみましょう。

    今回は直接「趣味」「特技」と見出しを入力しましたが、管理ページの項目を直接出力させることもできます。
    どちらも出力内容は同じになります。

  7. 再度、staff.htmlをアップロードし、ページを再読み込みしてみましょう。
    以下のように「項目1」「項目2」の情報が出力されていればOKです。
  8. 最後にメニューを編集します。
    今回追加したページはさほど重要ではないと思いますので、サブメニューに追加しようと思います。
    ご利用環境に応じてメインメニューやフッターメニューに追加するなど配置場所を考えてみて下さい。

    リンク先アドレスの注意点。※ループ出力タイプの場合のみ。
    「ループ出力」ページにリンクする場合は必ずリンクのurlは「ファイル名+_list」にして下さい。
    例:「profile.html」というループ出力ページを作る場合は、「profile_list.html」がリンク先となります。
    <a href="./profile_list.html">プロフィール</a>

  9. 完成です。
    「スタッフ紹介」メニューをクリックしてちゃんとページが開くか確認しましょう。

<< マニュアルトップに戻る