如何通過 3 種簡單方法將 HTML 文件上傳到 WordPress

已發表: 2022-09-14

如果您正在尋找如何將 HTML 文件上傳到 WordPress 的問題的理想答案，那麼今天的博客適合您。 讓我們通過以下說明為您帶來實現此任務的三種方法。

介紹

HTML 代表超文本標記語言，用於構建和重組網站中包含的元素。

HTML 不是一種編程語言，這意味著它不能執行動態功能。 HTML 代碼只是幫助您正確格式化文本和圖像。 當 HTML 與 CSS 和 JavaScript 結合時，您可以輕鬆創建一個堅實的網站基礎。

為了輕鬆格式化各種文本、圖像以及對字體和 Javascript 的支持，我們創建了 HTML 模板來執行此任務。 簡單地說，HTML 模板是一組預製的 HTML 代碼。 您可以將其上傳到您的網站並輕鬆使用。

但是，不要將 HTML 模板與 WordPress 主題混淆。 至於 HTML 模板，您可以理解它們是獨立的 zip 文件並單獨上傳到網站。 每個 HTML 模板只會影響您網站上單個頁面的外觀。 相比之下，WordPress 主題將負責更改您的整個網站。 換句話說，如果您使用 WordPress 主題，您網站上的所有頁面都會受到影響。

需要將 HTML 文件上傳到 WordPress 的原因

通常，您需要將 HTML 文件上傳到 WordPress，原因如下：

  • 您在舊網站上使用了一個完整且很棒的 HTML 模板。 您想在新網站上重複使用它。 將 HTML 文件上傳到您的新 WordPress 網站將為您提供一個與舊網頁完全相同的網頁。 這也可以節省您的時間。
  • 在許多情況下，您使用的 WordPress 主題不支持特定的頁面佈局。 這是您需要自定義頁面佈局的時候了。 您可以在將 HTML 文件上傳到 WordPress 網站後設計和自定義這些元素。

但是，需要注意的一件事是，您需要使用 Google HTML 驗證文件來確保您的 WordPress 網站經過驗證。

現在，你還在等什麼？ 讓我們開始在下面查看將 HTML 文件上傳到 WordPress 的 3 種方法！

將 HTML 文件上傳到 WordPress 的方法

解決方案 1：通過 WordPress Dashboard 將 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 -> Edit -> Past the code at the end of the file -> Save 。

現在，WordPress 接受上傳 HTML 文件。 因此，如果您正在使用 Gutenberg 編輯器並想將 HTML 文件添加到 WordPress 帖子或頁面，讓我們打開一個新帖子或頁面 -> 插入文件塊 -> 單擊上傳按鈕以上傳 HTML 文件。

如果您希望使用經典編輯器將 HTML 文件上傳到您的帖子/頁面，請按照以下步驟操作：

  • 在帖子/頁面中，按“添加媒體”按鈕 -> 單擊“上傳”按鈕以上傳您想要的 HTML 文件。
  • 選擇您已經上傳的 HTML 文件 -> 按在帖子中插入。 此步驟將幫助您將 HTML 文件的鏈接添加到帖子/頁面，並自動保存在媒體庫中。

將 Html 文件上傳到 Wordpress 1

解決方案 2：使用 FTP 客戶端上傳 HTML 文件

如果您只需要手動將 HTML 文件上傳到 WordPress，您可以通過 FTP 客戶端輕鬆完成。 現在，我們將向您展示如何使用 FTP 客戶端 (FileZilla) 上傳 HTML 文件。

第一步非常重要，即為您的網站創建備份以避免出現不良問題。 接下來，讓我們打開您的 FTP 客戶端 -> 填寫 Web 服務器詳細信息。

之後，在可以看到本地站點的屏幕左側，您需要在計算機上找到 HTML 文件。 在遠程站點所在的屏幕右側，只需導航到您希望上傳 HTML 文件的目錄。 最後，將 HTML 文件從左側窗格拖到右側窗格中，將 HTML 文件上傳到 WordPress。

將 Html 文件上傳到 Wordpress 2

解決方案3：訪問cPanel上傳HTML文件

將 HTML 文件上傳到 WordPress 網站的另一種方法是使用 cPanel。 讓我們看一下以下步驟：

  • 登錄到您的 cPanel -> 打開文件管理器。
  • 通過選擇新建文件夾選項創建一個新文件夾以上傳 HTML 文件 ->輸入新文件夾的名稱-> 單擊創建新文件夾按鈕。

將 Html 文件上傳到 Wordpress 3

  • 雙擊您之前生成的新文件夾-> 按Upload並選擇您要上傳的 HTML 文件。

將 Html 文件上傳到 Wordpress 4

  • 上傳成功後，該文件夾下會有一個壓縮後的HTML文件。 所以，讓我們用右鍵單擊和提取選項解壓縮它。
  • 將出現一個彈出窗口，您只需按提取文件即可完成文件解壓縮任務。

將 Html 文件上傳到 Wordpress 5

將 HTML 文件上傳到 WordPress 後檢查結果

由於您使用不同的方式將 HTML 文件上傳到 WordPress，因此有不同的方法可以檢查文件是否正常工作。

  • 如果您使用第一個解決方案，您只需在 Gutenberg Editor 或 Media Library 中打開文件。 之後，讓我們複製文件 URL，然後將其粘貼到瀏覽器中。 因此，該文件將加載供您檢查。
  • 如果您使用 FTP 客戶端或 CPanel，最好在瀏覽器中手動輸入 URL。 但是，讓我們確保它將包含在您已將文件上傳到的任何子目錄中。 例如：https://yoursitename/theHTMLfile.html 或 https://yoursitename/theHTMLfile.html/wp-content/uploads/theHTMLfile.html

結尾

簡而言之，這是將 HTML 文件上傳到 WordPress 的三種方法，您可以為網站的每個網頁執行這些操作。 如果您認為此博客有用，為什麼不與您的朋友和其他 WordPress 用戶分享呢？

此外，目前，我們的網站上提供了許多對 SEO 友好且有吸引力的免費 WordPress 主題，所以如果您需要為您的網站獲取一個新的神話般的主題，請不要錯過！ 感謝閱讀。