HTMLファイルをアップロードする

該当ページ:ページ管理 > HTMLファイルアップロード

外部で作成したHTMLのソースコードをLeadGridにアップロードしてページとして公開したい方向けのページです。アップロードの手順と注意事項を説明します。

この機能はプロフェッショナルプラン以上のクライアントのみ使用できます。


アップロード画面が表示されます。[名前] に任意のページ名を入力します。

[+クリックしてフォルダをアップロード]をクリックし、ページのソースコードが入ったフォルダを選択してアップロードします。

アップロードの注意点

  • 1フォルダの上限サイズは 100MBまで

  • フォルダの最上位(ルート)に必ず index.html を配置してください

  • HTMLフォルダの許容階層数は 4階層まで

  • 複数ページを含むフォルダは、ページごとに個別にアップロードが必要

  • 使用できる拡張子:txt pdf jpg jpeg png gif svg html css js mp4

  • フォルダ内の一部のみの上書きには対応していません

  • サイト設定で行ったSEO設定はHTMLアップロードページには適用されません。個別にHTMLに直接記述してください

フォルダ構成の例:

Plaintext
└── index.html         ← ルートに必須
└── style.css
└── script.js
└── img/
    └── image.png

アップロード後、フォルダの階層を確認してファイルに不備がないかチェックできます。

URLに使用するパスを入力します。

パスのフィールドに「/」を入れることで階層を設定できます。例)/lp/campaign

公開 / 予約公開 / 非公開 からステータスを選択し、[保存] をクリックして完了です。

保存前に [確認] をクリックすると、別タブでプレビューを確認できます。保存後はプレビューができなくなります。

プレビューページにはIP制限がかかっています。プレビューを開いたIPアドレスと同じIPからのみ閲覧可能です。

保存済みのアップロードファイルは、[ダウンロード] からフォルダごとダウンロードできます。


HTMLアップロードでファイルをアップしたところ、画像がうまく表示されません。

ファイル内に書かれた「画像やデザインファイルを読み込むための指定(パス)」が、実際のファイルの場所と異なっている可能性があります。

まずは、以下の3点をご確認ください。

  • ファイル名が間違っていないか(大文字・小文字、全角・半角の違いなど)

  • 指定した場所にファイルがアップロードされているか

  • フォルダの階層(場所)の指定がずれていないか

なお、弊社ではHTMLコードの記述方法や修正に関する個別サポートは行っておりません。 お手数をおかけしますが、上記のポイントを参考に、お客様にてコードの見直しをお願いいたします。

アップロードしたいフォルダが複数ページを含む場合はどうすればいいですか?

現在、複数ページ(フォルダごと)を一度にまとめてアップロードする機能はございません。

お手数をおかけしますが、1ページずつ個別にアップロードをお願いいたします。

アップロードできるファイルの形式(拡張子)に制限はありますか?

アップロードできるファイル形式は、以下の通りです。

  • 文書・ページ:.html, .css, .js, .txt, .pdf

  • 画像:.jpg, .jpeg, .png, .gif, .svg

  • 動画:.mp4

上記以外のファイル形式(例:.zipやExcelファイルなど)は、フォルダ内に含まれていても適用されませんのでご注意ください。

フォルダ内のファイルの置き方に決まりはありますか?

はい、ございます。

アップロードするフォルダの一番上の階層(フォルダを開いてすぐの場所)に、必ず「index.html」という名前のファイルを配置してください。

また、その他のHTMLファイルを別のフォルダの中に入れて配置することはできません。

【正しい配置の例】

フォルダを開いた直後に「index.html」がある状態にしてください。

Plaintext
フォルダ名
├── index.html(★必ずこの場所に配置)
├── style.css
├── script.js
└── img(画像などはフォルダに入れてもOK)
    ├── photo.jpg
    └── icon.png