自由記入欄(又はフリーページ)に画像をHTMLにて記述したが、ショップサイトでは 『×』のマークが表示されてしまいます

2017-09-29 15:10

記載された画像URLに間違っている可能性があります。
例えば、該当画像のURLを下記のように記載されている場合、お客様のパソコンの「Cドライブ」を参照しています。
このため、他の閲覧者はその画像を見ることができません。

file:///C:/Documents~

お手元のパソコンにある画像をまず、おちゃのこネットのサーバーにアップロードする必要があります。

下記の手順により、画像をアップロードして、HTMLタグを記述してください。
※HTMLの記述につきましては、弊社サポート外となります。
----------------------------------------------------------------------------------------------
(1)「デザイン管理」→「画像専用管理画面」→『画像専用管理画面はこちら』を
 クリックします。
(2)画面中央のコンテンツフォルダをクリックするか「アップロード先選択」より
 コンテンツフォルダを選択します。
(3)右上の「画像アップロード」→「ファイル選択」をクリック後、お手元のパソコン上の
 アップロードしたい画像を指定後、『開く』をクリックします。
 ※既存ファイルに「全て上書きする」ボタンを選択している場合は上書きされます。
  ご注意ください。
(4)アップロードした画像の下部に表示される【URL】をクリックし、URLをコピー
 しておきます。
----------------------------------------------------------------------------------------------

画像専用管理画面の使用方法もご参照ください。


■トップページの自由記入欄に貼り付ける場合
○XHTMLテンプレートの場合
 「デザイン管理」→「画像とコメントの設定」→該当の【自由記入欄】
○HTML5テンプレートの場合
 「デザイン管理」→「配置/画像/コメント」→該当の【自由記入欄】
に上記(4)のURLを下記のようなHTMLタグにて記載後、画面下部の
『設定処理を完了する』をクリックします。

(例)
<img src="https://アカウントID.ocnk.net/data/アカウントID/image/○○○.jpg">
※アカウントIDが「demo」の場合
 <img src="https://demo.ocnk.net/data/demo/image/○○○.jpg">
※<>も含む形で登録してください。

■フリーページに貼り付ける場合
「コンテンツ管理」→「フリーページ設定」→該当のフリーページの『内容を変更する』→
【ページ内容】欄に自由記入欄記載時と同様に上記(4)のURLをHTMLタグにて記載後、
画面下部の『設定処理を完了する』をクリックします。

※フリーページの場合、【ページ内容(必須)】欄の『参照』または、
 『画像専用管理画面より画像を登録』より 画像を追加することも可能です。