ファイルアップロードができないファイルをLPやショップに使用する方法を教えてください。
ecforceの管理画面のファイルアップロード機能は、アップロード可能なファイルサイズ、ファイルタイプに制限があります。(参考:ファイルアップロードの仕様と利用方法)
アップロードできない動画や5MB以上の画像ファイルを利用する場合は、アップロード先をショップ様にてご準備のうえ、アップロードする必要があります。
アップロード先(例)
・レンタルサーバ(Webサーバ)
・YouTube , vimeo など(動画の場合)
※アップロード先のWebサーバは SSL 対応のサービスを利用し、SSL証明書を設置してください。(証明書はショップにてご準備ください。詳しくはご契約のレンタルサーバ会社へお問い合わせください。)
ファイルアップロード制限緩和オプションのご案内
[オプション]動画ファイルアップロード機能では、ショップページやLPに動画やサイズの大きいファイルをサードパーティツールを利用せずともアップロードすることができます。
画像の場合
ecforce でファイルアップロードした画像を LP やショップで呼び出す記述方法
<img src="{{ file_root_path }}/hoge.jpg">
ご準備いただいたWebサーバにアップロードした画像を呼び出す記述方法
<img src="https://example.com/hoge.jpg">
アップロードした画像のURLの調べ方はレンタルサーバ会社により異なります。
ブラウザで正しく表示できるURLを確認したうえで、URLをコピーし、HTMLへペーストします。
上図の場合、img タグの記述方法は以下のとおりです。
<img src="https://support.ec-force.com/hc/article_attachments/4407327788569/thumb_goodskin.png">
画像が正常に表示されない場合
画像が正常に表示されない場合は以下をご確認ください。
- img タグが正常に記載されているか
- URLに誤りはないか(空白など余計な文字が混在していないか。全角文字が混在していないか。)
- URL のはじまりが http:// になっていないか
ecforceは常時SSLです。
ブラウザによってはHTML内に https と http が混在した場合、http での外部ファイルの呼び出しがブロックされることがあります(セキュリティのため)。
動画の場合
Webサーバにアップロードした動画ファイルのURL参照の方法は画像と同じです。
動画サイト にアップロードした動画をHTMLへ埋め込む際は、各サービスで埋め込み用のコードの取得方法が異なります。ご利用サービスのヘルプをご参照ください。
メニュー名など、予告なしに変わる場合があります。
- 埋め込みたい動画のページで「共有」をクリックします。
- 埋め込むをクリックします。
- 表示されたコードをコピーします。
以上が基本的な方法となります。
デザインや埋め込み方法・効果などの詳細は別途ご調整ください。
※具体的なコーディング方法についてはサポート対象外となります。
この記事の目次
このセクションの記事