人気ワード

Copy Title & URL

Bookmark

Feed

Share

HTMLテンプレートコンテンツを作成する方法

目次

  1. HTMLテンプレートとは
    1. コンテンツタイプ:HTMLテンプレート
  2. HTMLテンプレートコンテンツの作成
  3. HTMLテンプレートコンテンツの設定
    1. コンテンツ情報
    2. コンテンツ設定
    3. テンプレートHTML
      1. HTMLテンプレートでヘッダーを作成する【基本HTML】

HTMLテンプレートとは

コンテンツタイプ:HTMLテンプレート

HTMLテンプレートコンテンツページ

【HTMLテンプレート】コンテンツを作成すると、各コンテンツから呼び出すことのできるテンプレートを作成することができます。 ヘッダーやフッターなどの共通部分の作成などに活用できます。

ヘッダーやフッターなど共通項目の変数を用意しています。

HTMLテンプレートコンテンツの作成

管理者画面:コンテンツ管理 > コンテンツ作成

新規コンテンツ作成
図2-1:コンテンツ新規作成

コンテンツ作成画面のコンテンツタイプから「HTMLテンプレート」を選択すると、HTMLテンプレートのコンテンツを作成することができます。

コンテンツタイプ:HTMLテンプレート
図2-2:HTMLテンプレートの新規作成

コンテンツタイプ
「HTMLテンプレート」を選択し、HTMLテンプレートコンテンツを作成します。

「HTMLテンプレート」の具体的な設定方法は、以降の「HTMLテンプレートコンテンツの設定」から詳しく解説しています。

【デフォルトデザイン】
アフィリコード・システムは、あらかじめデフォルトデザイン(コンテンツID:header)を用意しています。

コンテンツ一覧(HTMLテンプレート)
図2-3:HTMLテンプレートの検索結果画面

サンプルデザインを複製・編集して、コンテンツを作成することも可能です。 コンテンツを新規作成する前にサンプルを一通り確認することで、スムーズにコンテンツの作成が行えます。

HTMLテンプレートコンテンツの設定

設定項目はコンテンツのタイプによって内容が異なります。 ここでは、「HTMLテンプレート」を作成する方法について解説します。

HTMLテンプレートの編集画面

1. コンテンツ情報

コンテンツ情報(HTMLテンプレート)

コンテンツタイプ
HTMLテンプレートを作成します。「HTMLテンプレート」と表示されていることを確認してください。

2. コンテンツ設定

コンテンツ設定(HTMLテンプレート)

コンテンツID
他のコンテンツ作成時、変数名として使用するIDです。

カテゴリー名
カテゴリー名を設定することで、コンテンツをカテゴリ単位で管理します。

コンテンツ名
コンテンツを管理する名称です。わかりやすい名称にしてください。

3. テンプレートHTML

「HTMLテンプレート」コンテンツでは以下の編集エリアを用意しています。

  • 基本HTML
コンテンツフロー(HTMLテンプレート)

HTMLテンプレートでヘッダーを作成する【基本HTML】

HTMLテンプレートでヘッダーのコンテンツを作成します。ここで入力するコードが、コンテンツのベースとなります。

HTMLテンプレートでヘッダーを挿入したページ
図4-1:HTMLテンプレートでヘッダーを表示したページ

共通部分として作成するので、個別にコンテンツを編集することなく一括更新が行えます。

HTMLテンプレート(ヘッダー)のフロント側の表示例
図4-2:HTMLテンプレート(ヘッダー)のフロント側の表示例

【基本HTML】

HTMLテンプレートのヘッダーの記述例
図4-2:HTMLテンプレートのヘッダーの記述例

作成したHTMLテンプレートは他コンテンツで変数として呼び出すことで利用できます。

製品情報

進化し続けるアフィリエイト広告配信システム「アフィリコード・システム」
製品アフィリコード・システム
概要自社アフィリエイト運用から本格的なASP運営まで対応できるアフィリエイト広告配信システム「アフィリコード・システム」
URLhttps://system.affilicode.jp/

関連記事