ファイルや画像、商品のアップロードとリンク

　

ウェブエディタを使用して画像を配置

管理 > 環境設定 > ウェブエディタ > 編集するページ

｢画像挿入｣ツールをクリックします。

ポップアップ内の｢参照...｣ボタンをクリックし、アップロードする画像を選択します。

｢upload｣ボタンをクリックします。

アップロードした画像のサムネールが枠内に表示されます。｢挿入｣ボタンをクリックします。

ページに画像が配置されました。

この画像は、アップロードセクション（管理 > システム > アップロード）に保存されます。

　
　

アップロードセクションへの画像のアップロード

クライアント側で、HTMLを使用してカスタムページを作成する場合、そのページからリンクさせるすべてのファイルや画像は、｢アップロード｣セクションにアップロードします。

管理 > システム > アップロード

このセクションにアップロードしたファイルおよび画像のパスは、/client/upload/ファイル名となります。

（例）＜link href="/clientinc/upload/import.css" type="text/css" rel="stylesheet" /＞

（例）＜script type="text/javascript" src="/clientinc/upload/smartRollover.js"＞＜/script＞

（例）/clientinc/upload/school/school_01.jpg

　

■ ファイルのアップロード

「ファイルをアップロード」をクリック　＞　「参照」ボタンをクリックしてファイルを選択し、「現在のフォルダにファイルをアップロードする」をクリックします。

　

■ フォルダの作成

新規フォルダを作成する場合は、「フォルダ作成」をクリックします。

すでにあるフォルダ内にファイルをアップロードする際は、フォルダ名をクリックしてから、ファイルのアップロードを行います。

　

■ ファイルの入れ替え

ページ内に表示されているファイル横の｢X｣をクリックし、まず最初にファイルを削除してから、新しいファイルをアップロードします。

　
　

スタイルシートの編集

■ システムの基本スタイルシート

管理 > 環境設定 > テーマ＆スキン > CSSエディタ

ここに表示されるスタイルが、システムの基本スタイルシートです。管理および会員ページのテーブルやリンクテキストの色を変更するには、このCSSを変更します。（このページ上で直接編集することも、外部エディタにすべてをコピーして、編集後に差し替えることもできます。）

　

■ カスタム（一般公開）ページのスタイルシート

管理 > システム > アップロード

クライアント側で編集し、アップロードされたスタイルシートを編集するには、編集するCSSファイルを選択し、ページ上で直接編集するか、外部エディタで編集したスタイルと差し替えます。

（ご注意）システムの基本スタイルシートが優先されますので、指定したスタイルが思い通りに反映されない場合があります。その際は、基本スタイルシートをご確認の上、調整をしてください。

　

システムページのヘッダーおよびメニュー画像の変更

管理 > 環境設定 > テーマ＆スキン > 画像エディタ

システムページのヘッダおよびメニュー部分のスタイルを変更するには、INS画像Zipファイルをダウンロードし、ご自分の画像をそれぞれのファイルと入れ替えます。

ただし差し替えるファイルは、既存のファイルとすべて同じサイズ、同じ名前でなくてはなりません。サイズや名前が違うと、ページが正しく表示されませんのでご注意ください。

アップロードできる画像のサイズは、合計200KBまでです。

ヘッダ部分は、header_left.jpg、header_stretch.jpg、header_right.jpg　という３つのファイルから構成されていますので、ご自分の画像をこれら3つのパーツに分けてください。また、header_stretch.jpgファイルは、中央に繰り返して配置することで、画面サイズの変化によるページ幅を調整していますので、左右の画像とマッチする部分を切り取って作成してください。

--------------------

- カスタムページの追加または編集、新規ページの作成

- ページの編集、言語バージョンの追加、ページ間のリンク

- カートの特定商品へのページ内リンク、商品やカテゴリーへの外部サイトからのリンク

- 商品やカテゴリーへのシステムページからのリンク、ショッピングカートのカテゴリー内商品にリンクするメニューの作成

- ツリーメニュー作成方法 - 1

- ツリーメニュー作成方法 - 2

- 画像の追加、商品のアップロードとリンク、スタイルシートの編集、システムページ内画像の変更

-------------

使用ガイドのトップへ戻る