Wordpress建網(wǎng)站教程-全套wordpress建站詳細(xì)過(guò)程-有視頻

時(shí)間：2023-08-27 01:48:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-08-27 01:48:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

Wordpress建網(wǎng)站教程-全套wordpress建站詳細(xì)過(guò)程-有視頻：關(guān)于建網(wǎng)站很多人以為一定要學(xué)編程，但其實(shí)大可不必，因?yàn)槭澜缟蠈?shí)在是有太多的免費(fèi)開(kāi)源網(wǎng)站內(nèi)容管理系統(tǒng)（CMS），借助這些開(kāi)源系統(tǒng)，任何人都能無(wú)需寫(xiě)代碼輕松搭建自己的網(wǎng)站，而且這樣搭建出來(lái)的網(wǎng)站的專業(yè)程度絕對(duì)比通過(guò)自己一個(gè)人敲代碼來(lái)建的網(wǎng)站高。wordpress就是其中一個(gè)著名的建站系統(tǒng)，全世界的人都在用。

本文根據(jù)自己多年來(lái)的實(shí)踐經(jīng)驗(yàn)來(lái)把核心的建站必備知識(shí)按照建站實(shí)踐流程分享出來(lái)，力求一篇文章就能讓你學(xué)會(huì)如何用wordpress自己建網(wǎng)站。如果你還在苦苦尋找有用的wordpress建站教程有效資源，請(qǐng)認(rèn)真看完本文。

本文內(nèi)容如下：

一．建站準(zhǔn)備篇——購(gòu)買服務(wù)器和域名

二．建站實(shí)操篇——部署wordpress程序到服務(wù)器中，初步搭建好網(wǎng)站

三．網(wǎng)站建設(shè)終結(jié)篇——高效完善網(wǎng)站功能、頁(yè)面和風(fēng)格設(shè)計(jì)

一．購(gòu)買服務(wù)器和域名

1.理解什么是服務(wù)器

服務(wù)器聽(tīng)著好像很高級(jí)，但其實(shí)就是一臺(tái)電腦而已。理論上上來(lái)說(shuō)完全可以用自己的個(gè)人電腦來(lái)當(dāng)作服務(wù)器用，只要你的電腦能連上聯(lián)網(wǎng)并且滿足兩個(gè)條件，別人就能通過(guò)互聯(lián)網(wǎng)來(lái)訪問(wèn)托管在你自己電腦上的網(wǎng)站。條件一：電腦上安裝了支持網(wǎng)站運(yùn)轉(zhuǎn)的運(yùn)行環(huán)境（一般是以下兩種組合：linux + apache + mysql +php或者linux + nginx + mysql + php）；條件二：把你網(wǎng)站文件托管在電腦上。但是你不能保證自己的電腦24小時(shí)不斷電，也就是說(shuō)無(wú)法保證用戶可以隨時(shí)訪問(wèn)到你的網(wǎng)站，這也是我們需要向運(yùn)營(yíng)商買一個(gè)服務(wù)器的重要原因之一。他們的電腦（服務(wù)器）是放在機(jī)房里由專人管理，保障穩(wěn)定運(yùn)行24小時(shí)不斷電的。

2. 域名的作用

域名的作用就是幫助用戶以簡(jiǎn)單好記的方式訪問(wèn)到你網(wǎng)站，域名就相當(dāng)于給網(wǎng)站服務(wù)器IP地址起了一個(gè)方便用戶記住的“昵稱”。全世界的互聯(lián)網(wǎng)節(jié)點(diǎn)中存在一種特殊的服務(wù)器記錄著特定域名對(duì)應(yīng)哪個(gè)IP地址。這種服務(wù)器的名稱就叫做DNS（域名系統(tǒng) 英文：Domain Name System，縮寫(xiě)：DNS）服務(wù)器。當(dāng)我們打開(kāi)瀏覽器輸入域名訪問(wèn)一個(gè)網(wǎng)站的時(shí)候，實(shí)際上是先通過(guò)DNS服務(wù)器找到域名對(duì)應(yīng)服務(wù)器的IP地址，然后才能訪問(wèn)到服務(wù)器并讓瀏覽器跟服務(wù)器建立起連接，這樣服務(wù)器就能向?yàn)g覽器發(fā)送網(wǎng)頁(yè)數(shù)據(jù)，瀏覽器接收到這些數(shù)據(jù)之后就能把網(wǎng)頁(yè)內(nèi)容顯示在屏幕上。

所以我們建站準(zhǔn)備篇的任務(wù)就是購(gòu)買服務(wù)器和域名，并且做好域名DNS解析（也就是告訴DNS服務(wù)器你的域名對(duì)應(yīng)的網(wǎng)站服務(wù)器IP地址是什么）。做好DNS解析之后之后用戶就可以通過(guò)域名訪問(wèn)到你的服務(wù)器了。下面是具體操作，也可以觀看我的視頻教程更加直觀。

1. 服務(wù)器很多平臺(tái)都能買，但我建議購(gòu)買國(guó)外服務(wù)商Vultr的服務(wù)器，因?yàn)榭梢园丛赂顿M(fèi)并且服務(wù)器的配置高。買5美金一個(gè)月的就夠了，服務(wù)器位置選擇離你目標(biāo)訪客越近越好，其他參考下圖的選擇來(lái)購(gòu)買。

購(gòu)買之后在我們自己的電腦安裝xshell軟件（百度云盤提取xshell安裝包，https://pan.baidu.com/s/1giwRgNekRIatBcQFPwNwZw 提取碼: ua43 ），之后用xshell遠(yuǎn)程連接服務(wù)器并把安裝寶塔面板安裝到服務(wù)器上（寶塔面板是一個(gè)可以幫我們可視化管理服務(wù)器的實(shí)用工具）。Xshel安裝寶塔面板的方法如下：1.打開(kāi)xshell軟件；2.新建會(huì)話；3.在彈出的新建窗口中填寫(xiě)我們前面已經(jīng)買好的服務(wù)器信息（IP地址、用戶名、密碼，這些全都可以在Vultr找到）；4.連接服務(wù)器成功后輸入安裝寶塔面板的代碼后按回車，等待安裝完成即可：

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh a5dc67xshell安裝寶塔完成后顯示后臺(tái)登錄地址和賬戶密碼給我們，接著我們就登錄到服務(wù)器寶塔面板，登陸上之后就會(huì)有彈窗提醒我們一鍵安裝運(yùn)行環(huán)境（也就是我們前面說(shuō)的linux + apache + mysql +php或者linux + nginx + mysql + php）。

2.完成服務(wù)器部署之后在國(guó)內(nèi)西部數(shù)碼 注冊(cè)域名，做好域名DNS解析綁定到我們購(gòu)買的服務(wù)器IP地址。

二．部署wordpress到服務(wù)器中，初步搭建好網(wǎng)站

完成準(zhǔn)備篇的內(nèi)容之后我們的服務(wù)器就已經(jīng)可以通過(guò)域名被訪問(wèn)到了，接下來(lái)需要把wordpress程序安裝到服務(wù)器上。部署方法很簡(jiǎn)單：

登錄到服務(wù)器的寶塔面板，直接在寶塔面板一鍵部署wordpress，完成部署之后寶塔面板會(huì)彈出我們的數(shù)據(jù)庫(kù)用戶名、密碼等信息，我們需要把這些信息保存一下，后面需要用到。

部署完成之后在瀏覽器輸入網(wǎng)站的域名，就能進(jìn)入到wordpress的安裝向?qū)?，就我們平時(shí)在自己的電腦上安裝軟件差不多，過(guò)程非常簡(jiǎn)單，按照提示一步步操作即可。所有的步驟當(dāng)中值得一提的是數(shù)據(jù)庫(kù)設(shè)置（如下圖所示）

在這里輸入前面部署wordpress的時(shí)候?qū)毸姘屣@示給我們的數(shù)據(jù)庫(kù)名、用戶名和密碼，其他兩項(xiàng)按照默認(rèn)的即可。

（這里拓展一下數(shù)據(jù)庫(kù)的知識(shí)，你不理解也無(wú)所謂，不會(huì)影響你搭建網(wǎng)站。數(shù)據(jù)庫(kù)其實(shí)是由一系列的數(shù)據(jù)表組成的集合，數(shù)據(jù)表就是像我們平常用的excel表格那樣記錄著一些數(shù)據(jù)，可以通過(guò)代碼讀取這些數(shù)據(jù)表里的信息并展示到網(wǎng)站中。舉個(gè)例子：一個(gè)電商網(wǎng)站的數(shù)據(jù)幾乎必備兩個(gè)數(shù)據(jù)表。一個(gè)數(shù)據(jù)表記錄著用戶賬號(hào)信息（用戶名，密碼，收獲地址，聯(lián)系方式等等），另一個(gè)是訂單信息（記錄著一些訂單金額，物流狀態(tài)等等）。作為用戶，當(dāng)你登錄到網(wǎng)站的個(gè)人中心的時(shí)候能看到個(gè)人賬號(hào)昵稱、綁定郵箱、綁定的電話、過(guò)往的訂單等等信息都是從數(shù)據(jù)庫(kù)讀取出來(lái)，然后顯示給你看的。像這樣眾多記錄著不同信息的數(shù)據(jù)表的集合就是數(shù)據(jù)庫(kù)。）

按照提示來(lái)操作，完成安裝之后你就可以通過(guò)域名訪問(wèn)網(wǎng)站了。之后我們需要給網(wǎng)站安裝ssl證書(shū)，否則以后用戶訪問(wèn)我們網(wǎng)站的時(shí)候會(huì)被瀏覽器攔截并提示我們的網(wǎng)站不安全。安裝方法也很簡(jiǎn)單，先回到購(gòu)買域名的平臺(tái)買一個(gè)1塊錢的ssl證書(shū)（這就是為什么我推薦在這里購(gòu)買域名，別的地方買ssl證書(shū)都挺貴的），然后在寶塔面板“網(wǎng)站”選項(xiàng)卡就能找到部署ssl證書(shū)的按鈕（如下圖）。

但是這時(shí)候的我們網(wǎng)站只有個(gè)很基礎(chǔ)的框架，接下來(lái)你需要在這個(gè)基礎(chǔ)上設(shè)計(jì)自己想要的頁(yè)面風(fēng)格、給網(wǎng)站添加你想要的功能、新增你想要的頁(yè)面等等。打個(gè)比方，就像是wordpress已經(jīng)把房子的框架給你建好了（給你一個(gè)毛坯房），你要自己添磚加瓦，自己裝修房子。請(qǐng)接著看下一篇的內(nèi)容學(xué)習(xí)怎么“裝修”。

三．高效完善網(wǎng)站功能、頁(yè)面和風(fēng)格設(shè)計(jì)

正式開(kāi)始之前，我們需要先理解wordpress是以什么樣的方式在運(yùn)行的。先給結(jié)論，完整的wordpress網(wǎng)站=主題+插件+頁(yè)面。

1. 什么是插件：如果把wordpress網(wǎng)站比喻成我們電腦上的Windows系統(tǒng)的話，那么插件就相當(dāng)于電腦里安裝的軟件。如果你想要電腦可以玩游戲，那就下載安裝一個(gè)游戲軟件，如果你想電腦能聽(tīng)音樂(lè)那就下載安裝一個(gè)音樂(lè)軟件。同樣道理，如果你想為網(wǎng)站添加某種功能，那就在網(wǎng)站后臺(tái)安裝具有對(duì)應(yīng)功能的插件，就像搭積木一樣把你需要的插件組合成一個(gè)功能豐富的整體網(wǎng)站。

2. 什么是主題：主題的作用就是幫你裝修網(wǎng)站，原始的wordpress給你的是毛坯房，而主題能幫你輕松完成精裝修！安裝好主題之后只需要在主題既定的網(wǎng)站風(fēng)格基礎(chǔ)上做修改就能快速設(shè)計(jì)好精美的網(wǎng)站。畢竟不是每個(gè)人都有設(shè)計(jì)天賦，所以選擇一個(gè)好的主題就相當(dāng)重要！

3. 頁(yè)面就無(wú)需過(guò)多解釋了，我們知道一個(gè)網(wǎng)站是由很多的網(wǎng)頁(yè)組成的，而網(wǎng)頁(yè)都可以在后臺(tái)進(jìn)行新增、刪除和編輯等操作。

所以終結(jié)篇的任務(wù)很簡(jiǎn)單，找到合適的主題，添加必備的插件以及修改網(wǎng)頁(yè)內(nèi)容。

1.安裝并自定義主題

主題我推薦使用ocean wp的主題，功能完善、加載速度快而且有免費(fèi)版本非常適合新手，另外他們的模板網(wǎng)站種類也齊全。登錄你的管理員后臺(tái)（后臺(tái)地址為：”你的域名/wp-admin”,如:http://baidu.com/wp-admin. 賬號(hào)和密碼就是你一開(kāi)始部署wordpress到服務(wù)器的時(shí)候設(shè)置的帳號(hào)和密碼），在后臺(tái)找到主題選項(xiàng)卡，點(diǎn)擊添加“新主題”，然后搜索”ocean wp”安裝激活主題即可。激活之后我們可以選擇一鍵導(dǎo)入這個(gè)主題的模板網(wǎng)站，這樣就把這個(gè)主題精心設(shè)計(jì)的網(wǎng)站模板完整地導(dǎo)入我們自己的服務(wù)器了。接下來(lái)就需要自定義主題了。在網(wǎng)站后臺(tái)找到自定義選項(xiàng)卡點(diǎn)擊即可開(kāi)始自定義主題。如下圖，左側(cè)就是你這個(gè)主題可以自定義的選項(xiàng)，并且能被自定義的地方都會(huì)顯示一個(gè)表示“可編輯”的圖標(biāo)，你也可以直接點(diǎn)擊這些圖標(biāo)來(lái)自定義這些地方，把所有你能改的地方改成你想要的就完成了主題自定義了。

2.安裝必備wordpress插件來(lái)完善網(wǎng)站的功能:

1.Elementor: 這個(gè)插件是用來(lái)幫助我們可視化編輯網(wǎng)頁(yè)的，可視化編輯的意思是讓你可以點(diǎn)擊網(wǎng)頁(yè)的任何可修改模塊，然后你可以左側(cè)在彈出的選項(xiàng)卡修改設(shè)置，就可以完成網(wǎng)頁(yè)的的設(shè)計(jì)。整個(gè)變化過(guò)程肉眼可見(jiàn)，不需要敲任何代碼，如下圖。當(dāng)然，我們還可以新增模塊，然后設(shè)置成我們想要的內(nèi)容。我的網(wǎng)站是針對(duì)國(guó)外用戶做的英語(yǔ)網(wǎng)站，如果你做中文網(wǎng)站的話系統(tǒng)是支持中文網(wǎng)站后臺(tái)的。




2.Yoast seo: 這個(gè)插件用來(lái)做SEO（搜索引擎優(yōu)化，也就是改善你的網(wǎng)站在百度，谷歌，360等搜索引擎上排名），比如在這里你可以設(shè)置網(wǎng)頁(yè)標(biāo)題、描述、描述等等SEO相關(guān)內(nèi)容。

3. W3 total cache:這個(gè)插件是用來(lái)給網(wǎng)站增加靜態(tài)緩存功能的插件，如果暫時(shí)不理解什么叫靜態(tài)緩存的話也無(wú)所謂，你只需要知道可以提高網(wǎng)站的加載速度，后期自己再惡補(bǔ)一下什么叫靜態(tài)緩存就好。安裝激活，第一次使用不懂怎么設(shè)置就直接根據(jù)安裝向?qū)ё呔托?，后期再多點(diǎn)探索設(shè)置項(xiàng)，很快就會(huì)熟悉更多的設(shè)置項(xiàng)。

4. 如果你想做零售電商網(wǎng)站，那么就安裝woocommerce這個(gè)插件，設(shè)置好付款方式，上傳產(chǎn)品等店鋪操作。

我認(rèn)為這以上這幾個(gè)插件是必備的，如果你需要其他功能，在百度或者谷歌搜索尋找就行，找到合用的插件以后就在網(wǎng)站后臺(tái)搜索插件名來(lái)安裝插件。比如如果你想網(wǎng)站有表單提交功能，那你就搜索“wordpress表單插件”，需要注意的是新手學(xué)習(xí)階段用免費(fèi)的插件就好了，順帶一提，我推薦使用Ninjia這個(gè)免費(fèi)插件。

關(guān)于插件，有一個(gè)原則，安裝能滿足你需求的插件就好，用不上的插件就刪除掉，插件過(guò)多會(huì)導(dǎo)致網(wǎng)站加載速度變慢。

3.新增或修改網(wǎng)頁(yè)內(nèi)容

修改方法一:在網(wǎng)站后臺(tái)的“頁(yè)面”選項(xiàng)卡可以新增網(wǎng)頁(yè)，也可以編輯已有網(wǎng)頁(yè)。點(diǎn)擊“用elementor編輯”按鈕就可以借助前面安裝的elementor插件通過(guò)可視化的方式進(jìn)行修改新增的頁(yè)面或者已有頁(yè)面，接著就按個(gè)人喜好修改成你想要的網(wǎng)頁(yè)內(nèi)容即可，你需要修改網(wǎng)站的哪個(gè)模塊就鼠標(biāo)點(diǎn)擊一下那個(gè)模塊，然后頁(yè)面就會(huì)彈出一些選項(xiàng)供你修改。

修改方法二：登錄你的管理員賬號(hào)之后打開(kāi)任意一個(gè)你想要編輯的網(wǎng)頁(yè)，點(diǎn)擊網(wǎng)頁(yè)頂部的編輯按鈕就能開(kāi)始編輯這個(gè)網(wǎng)頁(yè)。前面主題自定義按鈕也可以在這里找到。如下圖：

當(dāng)我們完成了主題自定義，必備插件安裝，把頁(yè)面內(nèi)容修改成我們自己想要的內(nèi)容，以及新增我們想要的頁(yè)面之后，這個(gè)網(wǎng)站就基本成型了。

學(xué)習(xí)建議：自己需要多多探索wordpress網(wǎng)站后臺(tái)的其他設(shè)置項(xiàng)，用wordpress建站最重要的就是熟悉后臺(tái)的設(shè)置項(xiàng)，就像是當(dāng)你第一次安裝一個(gè)手機(jī)軟件的時(shí)候很陌生，但是摸索一下，到處點(diǎn)擊一下，很快就上手了。當(dāng)你把后臺(tái)熟悉了之后你就能管理好一個(gè)wordpress網(wǎng)站了。把前面講的知識(shí)點(diǎn)都融會(huì)貫通的話，那你就你具備了把任何主題修改成自己想要的網(wǎng)站的能力了。




常見(jiàn)問(wèn)題：

問(wèn)：Wordpress建網(wǎng)站需要編程嗎？

答：懂編程會(huì)有所幫助，但不是必須的。




問(wèn)：Wordpress建網(wǎng)站花多少錢

答：如果按照本 教程的指導(dǎo)下，域名費(fèi)用最低7~8塊錢+10美金的服務(wù)器費(fèi)用。

問(wèn)：怎么建網(wǎng)站、自己建網(wǎng)站需要什么？

答：你只需要購(gòu)買服務(wù)器并配置好運(yùn)行環(huán)境，接著購(gòu)買域名并做好DNS解析，最后把wordpress部署到你的服務(wù)器上并完善wordpress網(wǎng)站功能和頁(yè)面設(shè)計(jì)等自定義內(nèi)容。這樣就能建好自己的網(wǎng)站了。

最后，感謝閱讀本教程。如果本文對(duì)你有幫助，別忘了雙擊點(diǎn)贊！如果還有你想了解但我沒(méi)說(shuō)到的問(wèn)題，可以向我提問(wèn)哦。

關(guān)注我，后期將更新更多干貨

@李錫沖