WordPressでHTMLやJavaScriptを公開する方法
１，はじめに
本稿では、WordPressでHTMLやJavaScriptを使用して作成したアプリをホスティングする方法について述べます。
とはいえ、慣れた人なら、WordPressサイトではなく、ApacheなりNginxを使用して別途Webサーバーを作成したり、Heroku等を使用することが多いでしょう。
これは、あくまでも、技術力を伸ばしている段階の人向けの記事である事に留意してほしいです。
では、語らさせて頂きます。
２，HTMLファイルのアップロード方法
（１）概要
まずは、HTMLファイルをWordPressにアップロードし、公開する方法の概略を説明いたします。
それは、下記の通り行います。
- WordPressにログインし、ダッシュボードを表示
- メディアからHTMLファイルのアップロード
- アップロードしたHTMLファイルのURLを確認
- 公開
（２）WordPressにログインする
さて、本稿を読まれている方はWordPressにログインする、と聞いて何をするかわかりますでしょうか？
WordPressで記事を書いたりする画面が表示されていれば、ログインはできたといえます。
本稿の読者はそれを卒業したレベルの方だと思うので、割愛させていただきます。
（３）HTMLファイルのアップロード
では、HTMLファイルのアップロードを行いましょう。
（ア）ダッシュボード内のメディアをクリック
（イ）新規追加をクリック
（ウ）ファイルを選択ボタンをクリック
（エ）アップロードしたいファイルを選択
（オ）怒られる
（４）それでもHTMLファイルをアップロードする場合
なるほど、君がHTMLファイルをアップロードできなかったと言っていたわけが分かりました。
正攻法だと、FTPで放り込む、という方法があるのですが、まだ難しいでしょう。
（ア）プラグインを導入する
ネット上を検索したところ、同じようなことで悩まれた方の記事を発見しました。
方法２：プラグイン「WP Add Mime Types」を利用する
【WordPress】セキュリティ上の理由によりこのファイル形式は許可されていません。 | SEO白書
アップロードの頻度が多い場合は、プラグインを入れてしまうのが簡単でおすすめです。
では、 「WP Add Mime Types」の導入を行いましょう。
（イ）「プラグイン」をクリックする
（ウ）「新規追加」をクリックする
（エ）プラグインの検索で「WP Add Mime Types」を検索する。
（オ） 「今すぐインストール」をクリックする
（カ）接続情報を入力する
少し難しい操作になるので、補足しますね。
レンタルサーバーを契約した時に、FTPサーバーのホスト名やユーザー名などを教えてもらっているはずです。
その情報を、ここで入力します。
入力が完了したら「開始」ボタンをクリックします。
（キ）「有効化」ボタンをクリックする
（５）HTMLファイルをアップロードする
（ア） WP Add Mime Types の動作確認
メディアからファイルの選択までは、上記で述べたのと同じなので、割愛します。
WP Add Mime Typesをインストールしてもセキュリティエラーが出る。
これは、WP Add Mime Typesがうまく動いていないことが原因です。
（イ） WP Add Mime Types の不具合を直す
一度、設定から「設定を保存」ボタンを押さないと、うまく動作しないみたいです。
これで、WP Add Mime Typesが正常に動作するようになりました。
（ウ）HTMLファイルのアップロード
３，JavaScriptファイルのアップロード方法
（１）JavaScript をアップロードできるようにする
ダッシュボードの設定から、Mime Type設定をクリックする。
そして、追加の項目に「js = application/javascript」を記入し、設定を保存ボタンをクリックする。
（２）JavaScript ファイルのアップロード
プラグインの設定が完了したら、メディアの新規追加から、JavaScriptファイルをアップロードしよう。
４，アドレスの確認
アップロードしたHTMLファイル等をメディアからクリックしてみましょう。
このURLにアクセスすると、メディアファイルが表示されます。
５，おわりに
プラグインが動作しなかったのは焦ったが、動いてよかった。
Yahooジオシティーズが閉鎖されるので、2011年に作成したHTMLゲームを、本稿を書きながらこのサイトに持ってきました。
懐かしいものです。
最近のコメント