トップページのカスタマイズ

最終更新日時
現在のページ:
目次

概要

本システムでは以下の機能を利用することで、トップページをカスタマイズして多彩な表現を実現できます。

  • TOPページ部品作成機能・・・任意の内容(HTML)を作成してTOPページに埋め込みます。有効期間、表示位置・順序、簡易プラン表示を設定できます。
  • 静的ページ作成機能・・・任意の内容(HTML)を作成してアクセス可能なURLを発行します。例えばTOPページ部品に設置したバナー画像に静的ページへのリンクを設置することで、TOPページからキャンペーン詳細ページに誘導することができます。
  • カスタムCSS機能・・・すべてのページの<head>タグ内に出力されるCSSを定義できます。これによりシステム標準のスタイルを上書きできます。
  • プラン自動表示・・・公開されているプランを自動的に抽出、整形して表示します。出店者様ごとに均等になるように表示件数・順序を自動調整します。口コミ件数が多いプランを優先的に表示します。自動表示の有効無効は機能の有効無効設定で切替できます。

表示例

サムネイル画像と簡易説明付きリンク

表示例)サムネイルと簡易説明つきリンク

任意のテキスト表示

バナー表示例1

複数枚の画像を横並び(スマホ表示では一列)にしたり大きな画像を行全体に表示したり自由に表示できます。表示有効期限を設定できるので事前に準備しておけば任意の日に表示開始して、任意の日に非表示にできるので運用も容易です。

バナー表示例1

バナー表示例2

バナー表示例2

簡易プラン表示

極めて簡単な指定(プランIDを指定するだけ)で整形済みの任意のプラン一覧を表示できます。以下が指定例と表示例です。

HOTEL_PLAN_DISPLAY_IDS=43,236,246,250,157,246,204,258,243
簡易プラン表示例

カスタムCSS機能による標準スタイルの変更

標準カスタムCSSによるスタイル上書き後
標準のナビリンク CSSによるスタイル上書き後のナビリンク
標準の見出し(h3) CSSによるスタイル上書き後の見出し(h3)
MENU