ページエディタ | サポートサイト

目次

1.機能概要
2.本機能導入にあたってのご留意事項や利用制限
3.動画資料：ページエディタについて
4.ショップ管理ツールに追加される項目

1.機能概要

登録されているパーツをドラッグ＆ドロップで配置・並べ替えする直感的な操作だけで、特設ページの作成・更新ができる機能です。
HTMLやm:idが苦手なかたや、デザイナーでないかたでも、簡単にページを作成・更新できます。
ページそのものに表示期間や表示対象ユーザーを指定することもできるため、
特定のエンドユーザーだけに見せる限定ページを作成することも可能です。

2.本機能導入にあたってのご留意事項や利用制限

3.動画資料：ページエディタについて

4.ショップ管理ツールに追加される項目

本機能を導入すると、ショップ管理ツールに以下のメニューおよびCSSファイルが追加されます。

コンテンツ管理 ＞ ページエディタ ＞ ページ新規登録／一覧

ページ登録・編集画面で登録したページを一覧で表示します。
また本画面から、ページの新規登録・編集・コピーを行うことができます。

コンテンツ管理 ＞ ページエディタ ＞ ページ新規登録／一覧 ＞ ページ登録・編集

ページエディタで作成するページ（以下ページ）の新規登録・編集を行います。
登録したページは、ページ新規登録／一覧画面で確認できます。

「コンテンツ管理」 → 「テンプレート管理」 → 「view」 → 「userweb」 → 「page」 → 「css」 → 「page.css」

ページエディタ導入時に追加されるCSSファイルには、以下の内容が含まれています。
ページ作成時には、下記の内容が出力されるため、店舗様でデザインを変更される場合は「page.css」を編集してください。

タグ	適用結果
<h2>大見出し</h2>
<h3>中見出し</h3>
<h4>小見出し</h4>
<strong>強調文が入ります。</strong>
<blockquote>引用文が入ります。</blockquote>
<table>    <tr>       <th>見出し1</th>       <td>内容1</td>    </tr>    <tr>       <th>見出し2</th>      <td>内容2</td>    </tr>    <tr>      <th>見出し3</th>      <td>内容3</td>    </tr> </table>
<a href="#" class="button positive medium">大ボタン（赤）</a>
<a href="#" class="button normal medium">大ボタン（白）</a>
<a href="#" class="button negative medium">大ボタン（黒）</a>
<a href="#" class="button not_click medium">大ボタン（グレー）</a>
<a href="#" class="button positive small">小ボタン（赤）</a>
<a href="#" class="button normal small">小ボタン（白）</a>
<a href="#" class="button negative small">小ボタン（黒）</a>
<a href="#" class="button not_click small">小ボタン（グレー）</a>
<div class="wrap">    <div class="clm-2 left">       <p>カラム1の本文が入ります。...</p>    </div>    <div class="clm-2 right">       <p>カラム2の本文が入ります。...</p>    </div> </div>
<ul>    <li>番号なしリストの項目1</li>    <li>番号なしリストの項目2</li>    <li>番号なしリストの項目3</li> </ul>
<ol>    <li>番号付きリストの項目1</li>    <li>番号付きリストの項目2</li>    <li>番号付きリストの項目3</li> </ol>
<dl>    <dt>リストの定義語1</dt>    <dd>リストの定義語1の説明</dd>    <dt>リストの定義語2</dt>    <dd>リストの定義語2の説明</dd> </dl>