預設情況下，您可以在WordPress中構建頁面和建立內容，而無需上傳任何自定義HTML檔案。那是因為WordPress核心帶有內建的內容型別。此外，您使用的WordPress主題可能會有自己的一組預先設計的頁面模板，您可以利用這些模板來建立滿足您需求的獨特網站。
除此之外，還有許多WordPress登陸頁面外掛，您可以使用它們為網站訪問者建立自定義頁面模板，以便從搜尋結果、電子郵件活動甚至社交媒體登陸。
所以實際上，幾乎不需要將HTML檔案上傳到WordPress，因為通常情況下，您設定網站格式所需的一切都已經存在。也就是說，您想知道如何將 HTML 檔案上傳到 WordPress 的原因有很多，其中一些不僅僅是出於設計目的上傳模板。
這就是為什麼在這篇文章中，我將向您展示如何將HTML檔案上傳到WordPress。我還將詳細討論您為什麼想要擁有此技能，因此無論如何，您都已做好準備。
- 什麼是HTML檔案？
- 為什麼需要將HTML檔案上傳到WordPress
- 方法：如何在WordPress儀表盤中將HTML檔案上傳到WordPress
- 方法：如何使用FTP客戶端將HTML檔案上傳到WordPress
- 方法：如何使用cPanel將HTML檔案上傳到WordPress
什麼是HTML檔案？
HTML代表超文字標記語言，由Tim Berners-Lee於1990年首次開發。簡而言之，HTML是用於在Internet上建立電子文件的程式碼，也就是人們熟知的網頁。事實上，您在Internet上看到的每個網頁都是使用HTML程式碼編寫的。
您網站網頁上的HTML程式碼負責確保您的內容的文字和影象以正確的方式格式化。
如果沒有HTML，Web瀏覽器將無法理解為使用者直觀地顯示網站結構的方式。但是，通過正確的HTML程式碼為您的網頁建立基礎，以及用於新增一些設計元素的少量CSS程式碼，您的網站對於網站訪問者來說是完美的。
什麼是HTML模板？
因此，您知道HTML是負責在Internet上建立單個網頁結構的程式碼。
但什麼是HTML模板？
HTML模板是一組預先設計的HTML檔案，其中包括文字、影象以及字型樣式和Javascript支援檔案等內容。換句話說，HTML模板是一個預製的HTML程式碼包，您可以輕鬆地將其上傳到您的網站並使用。
當您在WordPress網站上使用HTML模板時，您上傳檔案並插入您希望模板在網站前端顯示的文字和影象。
重要的是要記住HTML模板與WordPress主題不同：
- WordPress主題：即使您將文字和影象插入到WordPress主題中，它們也會對整個網站的外觀和感覺負責。您網站主題中的許多元素更改是全域性性的，這意味著它們適用於您的整個網站。
- HTML模板：這些是您單獨上傳到網站的獨立zip檔案。它們只會影響您網站上單個網頁的外觀。換句話說，您對一個上傳的HTML模板所做的更改只會影響該網頁。
不幸的是，許多人不理解主題和HTML模板之間的區別，並交替使用術語“主題”和“模板”。
為什麼需要將HTML檔案上傳到WordPress
您可能想要將 HTML 檔案上傳到 WordPress 有幾個特定原因：
-
- 你有你的最愛：如果你在舊網站上使用了一個很棒的 HTML 模板，並想在你的新網站上使用它，你可能想要將模板上傳到你的新網站，而不是重新做整個事情。這將節省您的時間並確保它看起來完全一樣。
- 您想要自定義頁面佈局：如果您當前的 WordPress 主題不支援特定的頁面佈局，您可以上傳帶有您想要的設計的 HTML 檔案並根據需要對其進行自定義。
最後，您可能需要使用Google Search Console驗證您的WordPress網站，並希望使用推薦的上傳Google HTML驗證檔案的方法來執行此操作。
您的網站在搜尋引擎中的顯示方式，尤其是像Google這樣的大搜尋引擎，對您作為網站所有者的成功起著重要作用。
這就是Google Search Console等工具存在的原因。使用Google Search Console，您可以保證Google會在相關搜尋結果中對您的網站進行索引和排名，所有這些都是為了將其排在第一頁。
Google Search Console還為您提供有關當前SERP（搜尋引擎結果頁面）的資訊，以便您改進SEO工作並獲得更多網站點選率。
問題是，要使用Google Search Console，您需要驗證您的WordPress網站。碰巧這樣做的最佳方法之一是上傳Google HTML驗證檔案。
現在，讓我們來看看將HTML檔案上傳到WordPress的不同方法。
1.方法：如何在WordPress儀表板中將HTML檔案上傳到WordPress
我們將看到的將HTML檔案上傳到WordPress的第一種方法涉及WordPress儀表板。
您只需要網站後端和HTML模板即可完成此過程，因為您將通過文章、頁面或媒體庫直接上傳HTML檔案。
要通過文章或頁面上傳HTML檔案，請在古騰堡編輯器中插入一個“檔案”區塊。然後，單擊上傳以上傳HTML檔案。
在古騰堡上傳HTML檔案
如果您已禁用古騰堡並使用經典編輯器，則如下所示。只需點選新增媒體然後上傳即可上傳您的 HTML 檔案。
選擇您要上傳的HTML檔案，然後點選插入文章。這樣做會將檔案的連結插入到文章或頁面中，並自動將其儲存到您的媒體庫中。
在經典編輯器中上傳HTML檔案
您可以跳過將HTML檔案上傳到WordPress中的文章或頁面，並將其直接上傳到您的媒體庫。單擊WordPress儀表板中的媒體庫，然後單擊新增新檔案，然後從儲存HTML檔案的位置（例如，您的計算機、硬碟驅動器或外部儲存器）選擇HTML檔案。
請記住，在使用Gutenberg時上傳HTML檔案時可能會遇到錯誤。這是它的樣子：
不允許的檔案型別
在此處檢視有關如何修復“抱歉，出於安全原因不允許此檔案型別”錯誤的詳細說明。
2.方法：如何使用FTP客戶端將HTML檔案上傳到WordPress
通過WordPress儀表板上傳HTML檔案是最直接的方法。但是，對於由多個檔案組成的大型模板，最好使用FileZilla等FTP客戶端。
在將您所做的任何更改推送到實時站點之前，如果您希望在本地測試站點上工作，使用FTP客戶端也很有幫助。如果出現問題，這將防止任何不必要的停機。
首先，始終先建立網站的備份，因為當您將HTML檔案上傳到您的網站時，您永遠不知道它會做什麼。
接下來，開啟您的FTP客戶端。
現在您需要通過輸入您的 FTP 憑據連線到您的網路主機帳戶。此資訊通常可在您的網路託管帳戶中找到。如果您找不到它，請聯絡您的主機託管服務商並讓他們幫助您。
執行此操作時，您應該會在SFTP/SSH下看到您的憑據。您將需要您的使用者名稱、密碼和埠。
以下是您需要輸入 FileZilla 的資訊：
- 主機：一般為主機IP或者專門FTP地址。
- 使用者名稱：FTP賬號或者伺服器root賬號。
- 密碼：伺服器密碼或者專用的FTP賬號密碼。
- 埠：一般為22，或者指定埠。
這是FileZilla螢幕頂部的樣子：
登入FileZilla
輸入憑據後，單擊Quickconnect。
現在是時候將HTML檔案從您的計算機上傳到 WordPress。首先導航到您網站右側的根資料夾（其中包含wp-content資料夾、wp-config.php檔案等）。
然後，轉到左側並找到您儲存的HTML檔案。找到後，右鍵單擊它並選擇上傳以將其新增到您的網站。
上傳的HTML檔案
您會看到檔案已成功上傳到WordPress。要檢查以確保它在您的網站上可見，請在瀏覽器中輸入您網站的URL，並將HTML檔案的名稱新增到末尾。例如，它可能看起來像www.mywebsite.com/html-file。
執行此操作後，您將被重定向到使用HTML檔案建立的新網頁。
3.方法：如何使用cPanel將HTML檔案上傳到WordPress
我們要與您分享的最後一種方法是使用cPanel和檔案管理器將HTML檔案上傳到WordPress。
首先登入您的主機帳戶的cPanel並訪問檔案管理器。
cPanel中的檔案管理器
進入檔案管理器後，您有兩個選擇：
-
- 建立一個新資料夾：在您站點的根資料夾中建立一個新資料夾以將您的HTML檔案上傳到。
- 直接上傳到根資料夾：將HTML直接上傳到WordPress，而不是建立新資料夾。如果您想這樣做，請解壓縮儲存它的HTML檔案，將index.html資料夾更改為新資料夾，然後重新壓縮檔案以繼續上傳到WordPress。如果不這樣做，HTML模板將覆蓋您網站的主頁。
對於此示例，我們將建立一個新資料夾，因為執行此操作時會新增一些步驟。
建立一個新資料夾並將HTML檔案上傳到WordPress
首先，導航到您網站的根資料夾（其中包含wp-content資料夾、wp-config.php檔案等）。然後單擊新建資料夾。
為您的新資料夾命名，然後單擊Create New Folder。
在cPanel中建立一個新資料夾
雙擊您剛剛建立的資料夾，然後單擊上傳以選擇您的HTML檔案。
上傳按鈕
完成此操作後，您將在資料夾中看到壓縮的HTML檔案。
壓縮的HTML檔案
現在您需要通過右鍵單擊並選擇Extract來解壓縮HTML檔案。
提取HTML檔案
彈出模態視窗時，單擊“提取檔案”以完成解壓縮過程。解壓縮HTML檔案後，您將看到模板中包含的所有不同檔案。請記住，這意味著您將看到CSS、字型樣式檔案、影象和JavaScript之類的內容。
提取的HTML檔案
現在，您只需在瀏覽器中輸入您網站的URL並將新資料夾的名稱新增到末尾即可確保HTML模板和檔案已上傳。
如果您遇到404錯誤，請不要擔心。這是一個常見的WordPress錯誤，可以輕鬆解決。
如果您的伺服器不支援重定向，並且index.php檔案在您的瀏覽器中載入URL時未重定向，您將在上傳HTML檔案後看到404錯誤。
要解決此問題，請留在檔案管理器中並訪問您的 . htaccess檔案，雙擊它。然後，新增以下程式碼並儲存更改：
RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]
此程式碼將重定向您的index.php檔案並將其載入到瀏覽器中。
小結
WordPress是最常用的內容管理系統，因為它為網站所有者提供了建立從競爭中脫穎而出的獨特網站所需的靈活性。能夠使用上述任何一種方法將HTML檔案上傳到WordPress只是WordPress如何滿足網站所有者的需求並讓他們根據需要自由自定義網站的另一個例子。
另外，知道如何將HTML檔案上傳到WordPress是一項很好的技能，以備不時之需。畢竟，您永遠不知道什麼時候會遇到您喜歡的HTML模板或需要您的主題不支援的某種型別的頁面佈局。
評論留言