建站
咨詢
售后
建站咨詢
新聞中心
站在用戶的角度思考問題，與客戶深入溝通，找到溫江網(wǎng)站設(shè)計(jì)與溫江網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名申請(qǐng)、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋溫江地區(qū)。
默認(rèn)情況下，您可以在wordpress中構(gòu)建頁面和創(chuàng)建內(nèi)容，而無需上傳任何自定義HTML文件。那是因?yàn)閃ordPress核心帶有內(nèi)置的內(nèi)容類型。此外，您使用的WordPress主題可能會(huì)有自己的一組預(yù)先設(shè)計(jì)的頁面模板，您可以利用這些模板來創(chuàng)建滿足您需求的獨(dú)特網(wǎng)站。
除此之外，還有許多WordPress登陸頁面插件，您可以使用它們?yōu)榫W(wǎng)站訪問者創(chuàng)建自定義頁面模板，以便從搜索結(jié)果、電子郵件活動(dòng)甚至社交媒體登陸。
所以實(shí)際上，幾乎不需要將HTML文件上傳到WordPress，因?yàn)橥ǔＧ闆r下，您設(shè)置網(wǎng)站格式所需的一切都已經(jīng)存在。也就是說，您想知道如何將 HTML 文件上傳到 WordPress 的原因有很多，其中一些不僅僅是出于設(shè)計(jì)目的上傳模板。
這就是為什么在這篇文章中，我將向您展示如何將HTML文件上傳到WordPress。我還將詳細(xì)討論您為什么想要擁有此技能，因此無論如何，您都已做好準(zhǔn)備。
什么是HTML文件？
HTML代表超文本標(biāo)記語言，由Tim Berners-Lee于1990年首次開發(fā)。簡(jiǎn)而言之，HTML是用于在Internet上創(chuàng)建電子文檔的代碼，也就是人們熟知的網(wǎng)頁。事實(shí)上，您在Internet上看到的每個(gè)網(wǎng)頁都是使用HTML代碼編寫的。
您網(wǎng)站網(wǎng)頁上的HTML代碼負(fù)責(zé)確保您的內(nèi)容的文本和圖像以正確的方式格式化。
如果沒有HTML，Web瀏覽器將無法理解為用戶直觀地顯示網(wǎng)站結(jié)構(gòu)的方式。但是，通過正確的HTML代碼為您的網(wǎng)頁創(chuàng)建基礎(chǔ)，以及用于添加一些設(shè)計(jì)元素的少量CSS代碼，您的網(wǎng)站對(duì)于網(wǎng)站訪問者來說是完美的。
什么是HTML模板？
因此，您知道HTML是負(fù)責(zé)在Internet上創(chuàng)建單個(gè)網(wǎng)頁結(jié)構(gòu)的代碼。
但什么是HTML模板？
HTML模板是一組預(yù)先設(shè)計(jì)的HTML文件，其中包括文本、圖像以及字體樣式和Javascript支持文件等內(nèi)容。換句話說，HTML模板是一個(gè)預(yù)制的HTML代碼包，您可以輕松地將其上傳到您的網(wǎng)站并使用。
當(dāng)您在WordPress網(wǎng)站上使用HTML模板時(shí)，您上傳文件并插入您希望模板在網(wǎng)站前端顯示的文本和圖像。
重要的是要記住HTML模板與WordPress主題不同：
- WordPress主題：即使您將文本和圖像插入到WordPress主題中，它們也會(huì)對(duì)整個(gè)網(wǎng)站的外觀和感覺負(fù)責(zé)。您網(wǎng)站主題中的許多元素更改是全局性的，這意味著它們適用于您的整個(gè)網(wǎng)站。
- HTML模板：這些是您單獨(dú)上傳到網(wǎng)站的獨(dú)立zip文件。它們只會(huì)影響您網(wǎng)站上單個(gè)網(wǎng)頁的外觀。換句話說，您對(duì)一個(gè)上傳的HTML模板所做的更改只會(huì)影響該網(wǎng)頁。
不幸的是，許多人不理解主題和HTML模板之間的區(qū)別，并交替使用術(shù)語“主題”和“模板”。
為什么需要將HTML文件上傳到WordPress
您可能想要將 HTML 文件上傳到 WordPress 有幾個(gè)特定原因：
最后，您可能需要使用Google Search Console驗(yàn)證您的WordPress網(wǎng)站，并希望使用推薦的上傳Google HTML驗(yàn)證文件的方法來執(zhí)行此操作。
您的網(wǎng)站在搜索引擎中的顯示方式，尤其是像Google這樣的大搜索引擎，對(duì)您作為網(wǎng)站所有者的成功起著重要作用。
這就是Google Search Console等工具存在的原因。使用Google Search Console，您可以保證Google會(huì)在相關(guān)搜索結(jié)果中對(duì)您的網(wǎng)站進(jìn)行索引和排名，所有這些都是為了將??其排在第一頁。
Google Search Console還為您提供有關(guān)當(dāng)前SERP（搜索引擎結(jié)果頁面）的信息，以便您改進(jìn)SEO工作并獲得更多網(wǎng)站點(diǎn)擊率。
問題是，要使用Google Search Console，您需要驗(yàn)證您的WordPress網(wǎng)站。碰巧這樣做的最佳方法之一是上傳Google HTML驗(yàn)證文件。
現(xiàn)在，讓我們來看看將HTML文件上傳到WordPress的不同方法。
1.方法：如何在WordPress儀表板中將HTML文件上傳到WordPress
我們將看到的將HTML文件上傳到WordPress的第一種方法涉及WordPress儀表板。
您只需要網(wǎng)站后端和HTML模板即可完成此過程，因?yàn)槟鷮⑼ㄟ^文章、頁面或媒體庫直接上傳HTML文件。
要通過文章或頁面上傳HTML文件，請(qǐng)?jiān)诠膨v堡編輯器中插入一個(gè)“文件”區(qū)塊。然后，單擊上傳以上傳HTML文件。
在古騰堡上傳HTML文件
如果您已禁用古騰堡并使用經(jīng)典編輯器，則如下所示。只需點(diǎn)擊添加媒體然后上傳即可上傳您的 HTML 文件。
選擇您要上傳的HTML文件，然后點(diǎn)擊插入文章。這樣做會(huì)將文件的鏈接插入到文章或頁面中，并自動(dòng)將其保存到您的媒體庫中。
在經(jīng)典編輯器中上傳HTML文件
您可以跳過將HTML文件上傳到WordPress中的文章或頁面，并將其直接上傳到您的媒體庫。單擊WordPress儀表板中的媒體庫，然后單擊添加新文件，然后從保存HTML文件的位置（例如，您的計(jì)算機(jī)、硬盤驅(qū)動(dòng)器或外部存儲(chǔ)器）選擇HTML文件。
請(qǐng)記住，在使用Gutenberg時(shí)上傳HTML文件時(shí)可能會(huì)遇到錯(cuò)誤。這是它的樣子：
不允許的文件類型
在此處查看有關(guān)如何修復(fù)“抱歉，出于安全原因不允許此文件類型”錯(cuò)誤的詳細(xì)說明。
2.方法：如何使用FTP客戶端將HTML文件上傳到WordPress
通過WordPress儀表板上傳HTML文件是最直接的方法。但是，對(duì)于由多個(gè)文件組成的大型模板，最好使用FileZilla等FTP客戶端。
在將您所做的任何更改推送到實(shí)時(shí)站點(diǎn)之前，如果您希望在本地測(cè)試站點(diǎn)上工作，使用FTP客戶端也很有幫助。如果出現(xiàn)問題，這將防止任何不必要的停機(jī)。
首先，始終先創(chuàng)建網(wǎng)站的備份，因?yàn)楫?dāng)您將HTML文件上傳到您的網(wǎng)站時(shí)，您永遠(yuǎn)不知道它會(huì)做什么。
接下來，打開您的FTP客戶端。
現(xiàn)在您需要通過輸入您的 FTP 憑據(jù)連接到您的網(wǎng)絡(luò)主機(jī)帳戶。此信息通常可在您的網(wǎng)絡(luò)托管帳戶中找到。如果您找不到它，請(qǐng)聯(lián)系您的主機(jī)托管服務(wù)商并讓他們幫助您。
執(zhí)行此操作時(shí)，您應(yīng)該會(huì)在SFTP/SSH下看到您的憑據(jù)。您將需要您的用戶名、密碼和端口。
以下是您需要輸入 FileZilla 的信息：
- 主機(jī)：一般為主機(jī)IP或者專門FTP地址。
- 用戶名：FTP賬號(hào)或者服務(wù)器root賬號(hào)。
- 密碼：服務(wù)器密碼或者專用的FTP賬號(hào)密碼。
- 端口：一般為22，或者指定端口。
這是FileZilla屏幕頂部的樣子：
登錄FileZilla
輸入憑據(jù)后，單擊Quickconnect。
現(xiàn)在是時(shí)候?qū)TML文件從您的計(jì)算機(jī)上傳到 WordPress。首先導(dǎo)航到您網(wǎng)站右側(cè)的根文件夾（其中包含wp-content文件夾、wp-config.php文件等）。
然后，轉(zhuǎn)到左側(cè)并找到您保存的HTML文件。找到后，右鍵單擊它并選擇上傳以將其添加到您的網(wǎng)站。
上傳的HTML文件
您會(huì)看到文件已成功上傳到WordPress。要檢查以確保它在您的網(wǎng)站上可見，請(qǐng)?jiān)跒g覽器中輸入您網(wǎng)站的URL，并將HTML文件的名稱添加到末尾。例如，它可能看起來像www.mywebsite.com/html-file。
執(zhí)行此操作后，您將被重定向到使用HTML文件創(chuàng)建的新網(wǎng)頁。
3.方法：如何使用cPanel將HTML文件上傳到WordPress
我們要與您分享的最后一種方法是使用cPanel和文件管理器將HTML文件上傳到WordPress。
首先登錄您的主機(jī)帳戶的cPanel并訪問文件管理器。
cPanel中的文件管理器
進(jìn)入文件管理器后，您有兩個(gè)選擇：
對(duì)于此示例，我們將創(chuàng)建一個(gè)新文件夾，因?yàn)閳?zhí)行此操作時(shí)會(huì)添加一些步驟。
創(chuàng)建一個(gè)新文件夾并將HTML文件上傳到WordPress
首先，導(dǎo)航到您網(wǎng)站的根文件夾（其中包含wp-content文件夾、wp-config.php文件等）。然后單擊新建文件夾。
為您的新文件夾命名，然后單擊Create New Folder。
在cPanel中創(chuàng)建一個(gè)新文件夾
雙擊您剛剛創(chuàng)建的文件夾，然后單擊上傳以選擇您的HTML文件。
上傳按鈕
完成此操作后，您將在文件夾中看到壓縮的HTML文件。
壓縮的HTML文件
現(xiàn)在您需要通過右鍵單擊并選擇Extract來解壓縮HTML文件。
提取HTML文件
彈出模態(tài)窗口時(shí)，單擊“提取文件”以完成解壓縮過程。解壓縮HTML文件后，您將看到模板中包含的所有不同文件。請(qǐng)記住，這意味著您將看到CSS、字體樣式文件、圖像和JavaScript之類的內(nèi)容。
提取的HTML文件
現(xiàn)在，您只需在瀏覽器中輸入您網(wǎng)站的URL并將新文件夾的名稱添加到末尾即可確保HTML模板和文件已上傳。
如果您遇到404錯(cuò)誤，請(qǐng)不要擔(dān)心。這是一個(gè)常見的WordPress錯(cuò)誤，可以輕松解決。
如果您的服務(wù)器不支持重定向，并且index.php文件在您的瀏覽器中加載URL時(shí)未重定向，您將在上傳HTML文件后看到404錯(cuò)誤。
要解決此問題，請(qǐng)留在文件管理器中并訪問您的 . htaccess文件，雙擊它。然后，添加以下代碼并保存更改：
RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]
此代碼將重定向您的index.php文件并將其加載到瀏覽器中。
小結(jié)
WordPress是最常用的內(nèi)容管理系統(tǒng)，因?yàn)樗鼮榫W(wǎng)站所有者提供了創(chuàng)建從競(jìng)爭(zhēng)中脫穎而出的獨(dú)特網(wǎng)站所需的靈活性。能夠使用上述任何一種方法將HTML文件上傳到WordPress只是WordPress如何滿足網(wǎng)站所有者的需求并讓他們根據(jù)需要自由自定義網(wǎng)站的另一個(gè)例子。
另外，知道如何將HTML文件上傳到WordPress是一項(xiàng)很好的技能，以備不時(shí)之需。畢竟，您永遠(yuǎn)不知道什么時(shí)候會(huì)遇到您喜歡的HTML模板或需要您的主題不支持的某種類型的頁面布局。
分享題目：如何將HTML文件上傳到WordPress
文章分享：http://www.5511xx.com/article/dpgighi.html
