3 つの簡単な方法で HTML ファイルを WordPress にアップロードする方法

公開: 2022-09-14

HTML ファイルを WordPress にアップロードする方法の質問に対する理想的な答えを探している場合は、今日のブログが最適です。 次の手順に従って、このタスクを実装する 3 つの方法を紹介します。

序章

HTML は Hypertext Markup Language の略で、Web サイトに含まれる要素を構築および再構築するために使用されます。

HTML はプログラミング言語ではないため、動的な機能を実行できません。 HTML コードは、テキストと画像を適切にフォーマットするのに役立ちます。 HTML を CSS および JavaScript と組み合わせると、強固な Web サイト基盤を簡単に作成できます。

さまざまなテキスト、画像、およびフォントと Javascript のサポートを簡単にフォーマットするために、このタスクを実行するための HTML テンプレートが作成されています。 簡単に言えば、HTML テンプレートは、事前に作成された HTML コードのバンドルです。 Web サイトにアップロードして、簡単に使用できます。

ただし、HTML テンプレートと WordPress テーマを混同しないでください。 HTML テンプレートに関しては、スタンドアロンの zip ファイルであり、個別に Web サイトにアップロードされていることがわかります。 各 HTML テンプレートは、Web サイトの 1 つのページの外観にのみ影響します。 対照的に、WordPress のテーマは、Web サイト全体を変更する責任があります。 つまり、WordPress テーマを使用すると、Web サイトのすべてのページが影響を受けます。

HTMLファイルをWordPressにアップロードする必要がある理由

通常、次の理由により、HTML ファイルを WordPress にアップロードする必要があります。

  • あなたは古いウェブサイトで完全で素晴らしい HTML テンプレートを使用しています。 新しいサイトで再利用したい。 HTML ファイルを新しい WordPress Web サイトにアップロードすると、古い Web ページとまったく同じように見える Web ページが作成されます。 これにより、時間も節約できます。
  • 多くの場合、使用している WordPress テーマは特定のページ レイアウトをサポートしていません。 これは、カスタム ページ レイアウトが必要なときです。 また、HTML ファイルを WordPress サイトにアップロードした後、これらの要素を設計およびカスタマイズできます。

ただし、WordPress サイトが検証済みであることを確認するには、Google HTML 検証ファイルを使用する必要があることに注意してください。

さて、あなたは何を待っていますか？ HTMLファイルをWordPressにアップロードする3つの方法を以下でチェックしてみましょう!

HTMLファイルをWordPressにアップロードする方法

解決策 1: WordPress ダッシュボードから HTML ファイルを WordPress にアップロードする

Gutenberg Block Editor を使用して HTML ファイルを WordPress にアップロードする場合は、wp-config.php ファイルを少し調整する必要があります。 これは、WordPress メディア ライブラリがアップロードされた HTML ファイルを受け入れることを許可する必要があることを意味します。

WordPress はデフォルトで HTML ファイル、.php ファイル、または .js ファイルのアップロードを受け入れないため、次のコードを wp-config.php ファイルに追加する必要があります。

define('ALLOW_UNFILTERED_UPLOADS', true);

これを行うには、 cPanel または FTP クライアントにアクセスしてから、 public_html ディレクトリに接続します。 その後、 wp-config.php を見つけます -> 編集 -> 上記のコードをファイルの最後に貼り付けます -> 保存します。

現在、WordPress で HTML ファイルのアップロードが許可されています。 したがって、Gutenberg エディターを使用していて、WordPress の投稿またはページに HTML ファイルを追加する場合は、新しい投稿またはページを開きましょう -> ファイル ブロックを挿入します -> [アップロード] ボタンをクリックして HTML ファイルをアップロードします。

クラシック エディターを使用して HTML ファイルを投稿/ページにアップロードする場合は、次の手順に従います。

  • 投稿/ページで、[メディアの追加] ボタンを押します -> [アップロード] ボタンをクリックして、必要な HTML ファイルをアップロードします。
  • アップロード済みの HTML ファイルを選択 -> [投稿に挿入]をクリックします。 この手順は、HTML ファイルのリンクを投稿/ページに追加するのに役立ち、メディア ライブラリに自動的に保存されます。

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

解決策 2: FTP クライアントを使用して HTML ファイルをアップロードする

HTML ファイルを手動で WordPress にアップロードする必要がある場合は、FTP クライアントを使用して簡単にアップロードできます。 ここでは、FTP クライアント (FileZilla) を使用して HTML ファイルをアップロードする方法を紹介します。

最初のステップは非常に重要です。つまり、Web サイトのバックアップを作成して、問題を回避します。 次に、 FTP クライアントを開きます -> Web サーバーの詳細を入力します。

その後、ローカル サイトが表示される画面の左側で、コンピューター上の HTML ファイルを見つける必要があります。 画面の右側にあるリモート サイトで、HTML ファイルをアップロードしたいディレクトリに移動します。 最後に、HTML ファイルを左側のペインから右側のペインにドラッグして、 HTML ファイルを WordPress にアップロードします。

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

解決策 3: cPanel にアクセスして HTML ファイルをアップロードする

HTML ファイルを WordPress Web サイトにアップロードする別の方法は、cPanel を使用することです。 次の手順を見てみましょう。

  • cPanel にログイン-> File Managerを開きます。
  • [新しいフォルダー] オプションを選択して、HTML ファイルをアップロードするための新しいフォルダーを作成します ->新しいフォルダーの名前を入力します-> [新しいフォルダーの作成] ボタンをクリックします。

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

  • 前に生成した新しいフォルダーをダブルクリックします-> [アップロード] を押して、アップロードする HTML ファイルを選択します。

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

  • アップロードが正常に完了すると、このフォルダーに圧縮された HTML ファイルが作成されます。 ということで、右クリックのExtractオプションで解凍してみましょう。
  • ポップアップが表示されたら、[ファイルの抽出] を押すだけで、ファイルの解凍タスクを完了できます。

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

HTMLファイルをWordPressにアップロードして結果を確認する

HTMLファイルをWordPressにアップロードするさまざまな方法を使用しているため、ファイルが機能しているかどうかを確認するさまざまな方法があります.

  • 最初の解決策を使用する場合は、ファイルを Gutenberg エディターまたはメディア ライブラリで開くだけです。 その後、ファイルの URL をコピーして、ブラウザに貼り付けましょう。 そのため、チェックするためにファイルが読み込まれます。
  • FTP クライアントまたは CPanel を使用する場合は、ブラウザに URL を手動で入力することをお勧めします。 ただし、ファイルを既にアップロードしたサブディレクトリに含まれるようにしましょう。 例: https://yoursitename/theHTMLfile.html または https://yoursitename/theHTMLfile.html/wp-content/uploads/theHTMLfile.html

エンディング

つまり、サイトの各 Web ページに対して実行できる HTML ファイルを WordPress にアップロードする 3 つの方法です。 このブログが役立つと思われる場合は、友人や他の WordPress ユーザーと共有してみませんか?

さらに、現在、SEO に適した魅力的な無料の WordPress テーマが多数、当社の Web サイトで利用可能です。サイト用の新しい素晴らしいテーマを入手する必要がある場合は、お見逃しなく! 読んでくれてありがとう。