新聞中心

站在用戶的角度思考問題,與客戶深入溝通,找到溫江網站設計與溫江網站推廣的解決方案,憑借多年的經驗,讓設計與互聯網技術結合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網站設計、成都網站建設、企業(yè)官網、英文網站、手機端網站、網站推廣、域名申請、網絡空間、企業(yè)郵箱。業(yè)務覆蓋溫江地區(qū)。
默認情況下,您可以在wordpress中構建頁面和創(chuàng)建內容,而無需上傳任何自定義HTML文件。那是因為WordPress核心帶有內置的內容類型。此外,您使用的WordPress主題可能會有自己的一組預先設計的頁面模板,您可以利用這些模板來創(chuàng)建滿足您需求的獨特網站。
除此之外,還有許多WordPress登陸頁面插件,您可以使用它們?yōu)榫W站訪問者創(chuàng)建自定義頁面模板,以便從搜索結果、電子郵件活動甚至社交媒體登陸。
所以實際上,幾乎不需要將HTML文件上傳到WordPress,因為通常情況下,您設置網站格式所需的一切都已經存在。也就是說,您想知道如何將 HTML 文件上傳到 WordPress 的原因有很多,其中一些不僅僅是出于設計目的上傳模板。
這就是為什么在這篇文章中,我將向您展示如何將HTML文件上傳到WordPress。我還將詳細討論您為什么想要擁有此技能,因此無論如何,您都已做好準備。
什么是HTML文件?
HTML代表超文本標記語言,由Tim Berners-Lee于1990年首次開發(fā)。簡而言之,HTML是用于在Internet上創(chuàng)建電子文檔的代碼,也就是人們熟知的網頁。事實上,您在Internet上看到的每個網頁都是使用HTML代碼編寫的。
您網站網頁上的HTML代碼負責確保您的內容的文本和圖像以正確的方式格式化。
如果沒有HTML,Web瀏覽器將無法理解為用戶直觀地顯示網站結構的方式。但是,通過正確的HTML代碼為您的網頁創(chuàng)建基礎,以及用于添加一些設計元素的少量CSS代碼,您的網站對于網站訪問者來說是完美的。
什么是HTML模板?
因此,您知道HTML是負責在Internet上創(chuàng)建單個網頁結構的代碼。
但什么是HTML模板?
HTML模板是一組預先設計的HTML文件,其中包括文本、圖像以及字體樣式和Javascript支持文件等內容。換句話說,HTML模板是一個預制的HTML代碼包,您可以輕松地將其上傳到您的網站并使用。
當您在WordPress網站上使用HTML模板時,您上傳文件并插入您希望模板在網站前端顯示的文本和圖像。
重要的是要記住HTML模板與WordPress主題不同:
- WordPress主題:即使您將文本和圖像插入到WordPress主題中,它們也會對整個網站的外觀和感覺負責。您網站主題中的許多元素更改是全局性的,這意味著它們適用于您的整個網站。
- HTML模板:這些是您單獨上傳到網站的獨立zip文件。它們只會影響您網站上單個網頁的外觀。換句話說,您對一個上傳的HTML模板所做的更改只會影響該網頁。
不幸的是,許多人不理解主題和HTML模板之間的區(qū)別,并交替使用術語“主題”和“模板”。
為什么需要將HTML文件上傳到WordPress
您可能想要將 HTML 文件上傳到 WordPress 有幾個特定原因:
最后,您可能需要使用Google Search Console驗證您的WordPress網站,并希望使用推薦的上傳Google HTML驗證文件的方法來執(zhí)行此操作。
您的網站在搜索引擎中的顯示方式,尤其是像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文件,請在古騰堡編輯器中插入一個“文件”區(qū)塊。然后,單擊上傳以上傳HTML文件。
在古騰堡上傳HTML文件
如果您已禁用古騰堡并使用經典編輯器,則如下所示。只需點擊添加媒體然后上傳即可上傳您的 HTML 文件。
選擇您要上傳的HTML文件,然后點擊插入文章。這樣做會將文件的鏈接插入到文章或頁面中,并自動將其保存到您的媒體庫中。
在經典編輯器中上傳HTML文件
您可以跳過將HTML文件上傳到WordPress中的文章或頁面,并將其直接上傳到您的媒體庫。單擊WordPress儀表板中的媒體庫,然后單擊添加新文件,然后從保存HTML文件的位置(例如,您的計算機、硬盤驅動器或外部存儲器)選擇HTML文件。
請記住,在使用Gutenberg時上傳HTML文件時可能會遇到錯誤。這是它的樣子:
不允許的文件類型
在此處查看有關如何修復“抱歉,出于安全原因不允許此文件類型”錯誤的詳細說明。
2.方法:如何使用FTP客戶端將HTML文件上傳到WordPress
通過WordPress儀表板上傳HTML文件是最直接的方法。但是,對于由多個文件組成的大型模板,最好使用FileZilla等FTP客戶端。
在將您所做的任何更改推送到實時站點之前,如果您希望在本地測試站點上工作,使用FTP客戶端也很有幫助。如果出現問題,這將防止任何不必要的停機。
首先,始終先創(chuàng)建網站的備份,因為當您將HTML文件上傳到您的網站時,您永遠不知道它會做什么。
接下來,打開您的FTP客戶端。
現在您需要通過輸入您的 FTP 憑據連接到您的網絡主機帳戶。此信息通??稍谀木W絡托管帳戶中找到。如果您找不到它,請聯系您的主機托管服務商并讓他們幫助您。
執(zhí)行此操作時,您應該會在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。
執(zhí)行此操作后,您將被重定向到使用HTML文件創(chuàng)建的新網頁。
3.方法:如何使用cPanel將HTML文件上傳到WordPress
我們要與您分享的最后一種方法是使用cPanel和文件管理器將HTML文件上傳到WordPress。
首先登錄您的主機帳戶的cPanel并訪問文件管理器。
cPanel中的文件管理器
進入文件管理器后,您有兩個選擇:
對于此示例,我們將創(chuàng)建一個新文件夾,因為執(zhí)行此操作時會添加一些步驟。
創(chuàng)建一個新文件夾并將HTML文件上傳到WordPress
首先,導航到您網站的根文件夾(其中包含wp-content文件夾、wp-config.php文件等)。然后單擊新建文件夾。
為您的新文件夾命名,然后單擊Create New Folder。
在cPanel中創(chuàng)建一個新文件夾
雙擊您剛剛創(chuàng)建的文件夾,然后單擊上傳以選擇您的HTML文件。
上傳按鈕
完成此操作后,您將在文件夾中看到壓縮的HTML文件。
壓縮的HTML文件
現在您需要通過右鍵單擊并選擇Extract來解壓縮HTML文件。
提取HTML文件
彈出模態(tài)窗口時,單擊“提取文件”以完成解壓縮過程。解壓縮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是最常用的內容管理系統(tǒng),因為它為網站所有者提供了創(chuàng)建從競爭中脫穎而出的獨特網站所需的靈活性。能夠使用上述任何一種方法將HTML文件上傳到WordPress只是WordPress如何滿足網站所有者的需求并讓他們根據需要自由自定義網站的另一個例子。
另外,知道如何將HTML文件上傳到WordPress是一項很好的技能,以備不時之需。畢竟,您永遠不知道什么時候會遇到您喜歡的HTML模板或需要您的主題不支持的某種類型的頁面布局。
網站欄目:如何將HTML文件上傳到WordPress
標題路徑:http://m.5511xx.com/article/dpgighi.html


咨詢
建站咨詢
