開店ガイド
運用サポート(平日10:00~17:00) 06-6485-6485

ロゴ表示のパーツを作成する

このパートでは、初期で入っているロゴを、自社のロゴ画像に差し替えていきます。

ロゴ画像をアイテムに登録する

  1. [アイテム]をクリックし、画面左下にある[+アイテムをアップロードする]をクリックします。

    アイテムに画像をアップロードする

    ここでは「shoplogo.jpg」を登録します。

    ロゴ画像を自分のPC内で選択
  2. [アイテム名]と[パス]を確認して、[保存する]をクリックします。

    アイテムにアップする画像の確認

    管理タグについて詳しく知りたい場合はマニュアルをご確認ください。
    マニュアル:管理タグについて

    [同じフォルダやファイルは上書きする]を使う用途
    過去にアップロードした画像を修正したい場合に使います。同じ画像ファイル名で画像をアップロードして、[同じフォルダやファイルは上書きする]にチェックを入れて保存すると、過去にアップした画像が上書きされ、修正が完了します。
  3. 置換文字をコピーする

    [アイテム]内に、ロゴ画像が登録できました。 右端のをクリックすると[置換文字をコピー]できます。

    アイテムの置換文字をコピーする

    コピーしたら、テキストファイルを開いて貼り付けておきます。

    test

ロゴパーツを複製する

  1. サイドメニューの[パーツ]をクリックし、[キーワード]に「ロゴ」と入れて検索します。

    ロゴパーツを検索する
  2. 検索結果に表示された[ECサイトロゴ]パーツのを押します。

    ロゴパーツを複製する
  3. [パーツ名]と[置換文字]を入れて[パーツを複製する]をクリックします。

    ロゴパーツの複製情報を入力する

    パーツ名には「ショップロゴ」等のパーツ名を付けます。
    置換文字には「shoplogo」等のわかりやすい文字を入れておきます。

ロゴパーツを編集する

  1. 複製した「ショップロゴ」パーツの[パーツを変更]をクリックして編集画面に入ります。

    ロゴパーツの変更ボタンをクリックする
  2. [表示内容]の枠内を変更します

    ロゴパーツ内の置換文字を修正する

    {% items[/fs_starting/sampleShop_logo.png] %} と記載されている部分を、1-3でコピーした置換文字に差し替えます。(もしくは、[アイテムを読み込む]をクリックして、ロゴ画像を選ぶことで置換文字を読み込むこともできます。)

    {% items[/fs_starting/sampleShop_logo.png] %}
     ↓
    {% items[/shoplogo.jpg] %}

  3. [保存する]をクリックします

    ロゴパーツの修正を保存する

関連マニュアル

以上で貴社のロゴ画像が入ったロゴパーツが完成しました。

次のパートでは、レイアウト内に配置されているロゴパーツを新しいものに差し替えていく方法をご紹介します。