WordPressを使っていると、
- HTMLだけで作ったランディングページを公開したい
- JavaScriptだけのツールを設置したい
- AIに作ってもらったHTMLを試したい
と思うことはありませんか？
私も「WordPressではHTMLだけを公開できない」と思い込んでいたのですが、実はWordPressのディレクトリ内に新しいフォルダを作ってHTMLをアップロードするだけで公開できます。
今回は、FileZillaを使った方法を初心者向けに解説します。
WordPressでもHTMLファイルは公開できる！
WordPressがインストールされているサーバーには、このような構成になっていることが多いです。
public_html/
├── wp-admin
├── wp-content
├── wp-includes
├── index.php
├── wp-config.php実は、この階層に新しいフォルダを追加しても問題ありません。
例えば「sample」というフォルダを作ると、
public_html/
├── wp-admin
├── wp-content
├── wp-includes
├── sampleという構成になります。
FileZillaでアップロードする手順
今回はFileZillaを使用した例で説明します。
① サーバーへ接続する
FileZillaでレンタルサーバーへ接続します。
WordPressを設置しているフォルダ（public_htmlなど）を開きます。
② 新しいフォルダを作成する
WordPressと同じ階層で右クリックし、
「ディレクトリを作成」
を選択します。
例えば
x-templateという名前にします。
すると
public_html/
├── wp-admin
├── wp-content
├── wp-includes
├── x-templateになります。
③ HTMLファイルをアップロードする
作成したフォルダを開き、
index.htmlをアップロードします。
④ ブラウザでアクセスする
アップロードが完了したら、
https://example.com/x-template/へアクセスするとHTMLが表示されます。
ポイントは、ファイル名をindex.htmlにすることです。
これによりURLにファイル名を書かなくても表示されます。
CSSやJavaScriptがある場合は？
HTMLだけではなくCSSやJavaScriptがある場合は、一緒にアップロードします。
例えば
x-template/
├── index.html
├── style.css
├── script.jsという構成になります。
HTML内で
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>となっていれば、そのまま動作します。
画像を使う場合
画像も同じように配置します。
例えば
x-template/
├── index.html
├── style.css
└── images/
├── sample1.png
└── logo.pngHTML側で
<img src="images/logo.png">と書かれていれば表示されます。
WordPressには影響する？
基本的には影響ありません。
WordPressは
- wp-admin
- wp-content
- wp-includes
などのフォルダを利用しています。
その横に新しくフォルダを作るだけなので、WordPress本体を変更するわけではありません。
ただし、既にWordPressで使っているスラッグ（URL）と同じ名前のフォルダは避けるようにしましょう。
例えば
https://example.com/about/という固定ページがある場合、
aboutというフォルダ名を付けると競合する可能性があります。
この方法がおすすめなケース
この方法は次のような用途におすすめです。
WordPressのテーマやプラグインを触らずに設置できるため、気軽に試せます。
まとめ
私はこれまで「HTMLだけを公開するには別のサーバーが必要なのかな」と思っていました。
しかし実際には、WordPressのディレクトリに新しいフォルダを作成し、その中へindex.htmlをアップロードするだけで公開できます。
AIでHTMLを作る機会も増えているので、この方法を知っていると、ランディングページや便利ツール、社内向けページなどを素早く公開できるようになります。
WordPressを運営している方は、ぜひ一度試してみてください。
