Smart Editingの使い方

モジュールを追加する

  1. Smart Editingの画面構成は以下の通りです。

  1. 左側のツールバー

No. ツールボタン ツール機能
1 Navigation Configuracion ナビゲーションの追加します。また、ナビゲーションの色等を変更できます。
2 Video 動画を追加します。
3 Marketing その他のお勧め製品等、マーケティング情報を追加します。
4 Image & Text 画像と文章を追加します。
5 Table 表を追加します。
6 Text 文章を追加します。
  1. 上のツールバー

No. ツールボタン ツール機能
1 PC版製品ページのスマート編集画面を表示します。
2 Mobile版製品ページのスマート編集画面を表示します。
  1. 右上のメニュー

No. ツールボタン ツール機能
1 Cancel 編集をやめて終了します。編集内容は保存されません。
2 Save 編集内容を一時保存します。
3 Finish 編集を完了し、製品ページ作成画面に戻ります。
  1. 左のツールバーから追加したいモジュールを選択します。

  2. 選択したモジュールを選択したまま、追加したい箇所(「Add more here」と書かれた個所)までドラッグアンドドロップします。

  3. モジュールが追加されます。

モジュールを移動・削除する

移動・編集したいモジュールをクリックします。

モジュールの左に「□」のメニューが4つ表示されます。

No. ツールボタン ツール機能
1 上に移動 モジュールの位置を一つ上に移動します。
2 下に移動 モジュールの位置を一つ下に移動します。
3 コピー 同じモジュールをコピーします。
4 削除 モジュールを削除します。

モジュールを編集する

主要モジュールである、「Image」「Text」「Table」の編集について説明します。

Imageモジュールの編集

 
No. ツールボタン ツール機能
1 PCから画像を設定 PC上に保存している画像ファイルを設定します。
2 Photo Bankから画像を設定 Photo Bankに保存している画像ファイルを設定します。
3 設定済み画像を編集する すでに設定している画像のサイズ調整を行います。
4 リンクを設定する 画像に他のページへのリンクを設定します。
PCから画像を設定する
  1. 「PCから画像を設定する」アイコンをクリックします。

  2. 画像を選択し「Upload Now」をクリックします。

Photo Bankから画像を設定する
  1. 「Photo Bankから画像を設定する」アイコンをクリックします。

  2. 画像を選択し「Upload Now」をクリックします。

設定済み画像を編集する
  1. 「設定済み画像を編集する」アイコンをクリックする

  2. 各種編集ツールが表示されます。

     
    No. ツールボタン ツール機能
    1 Adapt to width

    サイトに合わせて画像サイズを自動的に調整します。※サイズの小さな画像は画質が悪くなることもありますので、その場合は「Zoom out」を使用して手動での設定を推奨します。

    1 Original width 元の画像サイズに戻します。
    1 Zoom in クリックするたびに画像を拡大して表示します。
    1 Zoom out クリックするたびに画像を縮小して表示します。
    2 Crop width 画像表示枠のサイズを決定します。数字を直接入力するかアイコンをクリックして調整してください。
    3 リンク設定 画像中に別ページに移動するリンクを設定することができます。リンクは最大8個まで設定可能です。
    4 Complete クリックすると画像編集を完了します
    4 Reselect 画像を選択しなおします。
    4 Cancel 保存せずに画像編集をキャンセルします。
リンクを設定する
  1. 「リンクを設定する」アイコンをクリックします。

  2. 設定するリンクタイプを選択します。

     
    No. ツールボタン ツール機能
    1 Product Details Page

    ほかの製品ページへのリンクを設定します。

    2 Store pages Minisite内のほかのページへのリンクを設定します。
    3 Product list page after in-store search 貴社の特定のキーワード結果製品一覧ページへのリンクを設定します。
    4 In-store categorized product list page 特定の製品グループ製品一覧ページへのリンクを設定します。
    5 Set Custom URL 直接URLを入力してリンクを設定します。

Textモジュールの編集

  1. 画面中央、もしくは右の編集エリアで、テキストを修正します。

  2. ツールバーでフォントの変更や文字に色を付けてデザインを整えます。

Table(表)モジュールの編集

  1. 画面右「Table Editing」ボタンをクリックします。

  2. 表のデータやスタイルを編集します。

    No. ツールボタン ツール機能
    1 データ入力エリア ダブルクリックして文字を入力します。
    2 ツールバー フォントや文字サイズの変更、セルの結合、行/列の追加・削除を行います。
    3 スタイル設定 表に交互に色を付けたり(色の変更はできません)、タイトル行にハイライトを入れることができます。
    4 Mobile(携帯)版の表示設定 携帯バージョンで表の比率を保つか、携帯バージョンに合わせて比率を50%まで減らすかを選択することができます。
    5 完了/キャンセル 表の編集が完了したら「Complete」をクリックします。編集をやめる場合は「Cancel」をクリックします。

Table(表)モジュールでは、表の中に画像を設定することができません。表の中に画像を設定したい場合は、「Image&Text」から「Left Image-Right Table」モジュールをご選択ください。