
這是一篇完整的0基礎(chǔ)WordPress建站教程!手把手教你從購買域名、服務(wù)器推薦、DNS解析WordPress安裝、插件選擇、主題搭配、網(wǎng)站加速、SEO優(yōu)化、到多語言配置等全流程,讓你快速學(xué)會建站,無需編程基礎(chǔ)。通過簡單易懂的步驟,輕松創(chuàng)建功能強大、優(yōu)化完善的網(wǎng)站!
什么是 WordPress
WordPress是一個以PHP和MySQL為平臺的自由開源的博客軟件和內(nèi)容管理系統(tǒng)WordPress具有插件架構(gòu)和模板系統(tǒng)。
截至2018年4月,排名前1000萬的網(wǎng)站中超過30.6%使用WordPress。
全球有大約43%的網(wǎng)站都是使用WordPress搭建網(wǎng)站的。如今,它被使用在超過7000萬個站點上。
為什么選擇 WordPress
1.搜索引擎優(yōu)化(SEO友好)
WordPress 使用干凈的代碼,使搜索引擎易于讀取網(wǎng)站內(nèi)容。此外,用戶可以使用 WordPress 的 SEO 優(yōu)化插件為特定關(guān)鍵詞進行優(yōu)化,使網(wǎng)站的頁面、文章、產(chǎn)品和圖片容易被搜索引擎收錄,并且獲得高排名。
2.簡單易上手
告別代碼建站的困難,初學(xué)者也可以輕松搭建自己的網(wǎng)站,無論是文章,產(chǎn)品都可以自由編輯。
3.管理輕松
通過后臺登錄地址即可管理網(wǎng)站。
4.個性化
wordpress作為CMS,外觀支持定制,并且兼容海量主題,模板,輕松定制與眾不同的網(wǎng)站。
5.多功能
無論是博客,在線商城,B2B官網(wǎng),數(shù)據(jù)平臺,只要你能想到的網(wǎng)站都可以利用豐富的插件功能在wordpress搭建出來。
WordPress成本
域名:cloudflare
服務(wù)器 起步價格 優(yōu)點 缺點 適合人群
Hostinger $1.99/月 便宜,免費域名和SSL 性能一般,基礎(chǔ)方案限制較多 小型網(wǎng)站,個人博客,練手
Siteground $2.99/月 性能穩(wěn)定,附帶速度較快的CDN 安全性一般,續(xù)費較貴 中小型網(wǎng)站,新手,電商網(wǎng)站
Cloudways推薦(使用YLSSEO折扣碼可獲得前三個月7折優(yōu)惠) $11/月 速度非???,安全,功能豐富 價格高,基礎(chǔ)配置搭配內(nèi)容較多的網(wǎng)站,容易爆CPU 中大型網(wǎng)站,預(yù)算充足的站長
有了域名和服務(wù)器就可以搭建網(wǎng)站,如果你選擇hostinger服務(wù)器還送一年免費域名,相當(dāng)于1.99*12大約24美金,網(wǎng)上有折扣碼還可以減一點,大概也就人民幣150左右。
第一步 – 購買域名
首先想好你的域名該怎么選,選擇什么樣的域名?
外貿(mào)建站域名購買要點:
.com結(jié)尾
包含關(guān)鍵詞或者品牌公司名。
無黑歷史,例如做過仿牌,黑五,被谷歌懲罰過。
國外域名服務(wù)商購買,避免備案的繁瑣步驟。
如何查看?
whois查詢工具,waybackmachine時光機查看之前網(wǎng)站的內(nèi)容。
購買域名建議namesilo或者cloudflare:
namesilo購買域名
谷歌賬號登錄namesilo
登錄之后直接搜索想要購買的域名
可以購買的話點擊購物車結(jié)賬
付款方式很多種,支付寶,paypal都支持。
繼續(xù)結(jié)賬,輸入折扣碼“ylsseo”可獲得一美金優(yōu)惠,最后付款就行了。
Cloudflare購買域名
雖然cloudflare域名便宜,但是無法更改nameserver名稱服務(wù)器。
一樣谷歌賬號登錄cloudflare。
在左側(cè)的域注冊選擇注冊域。
輸入需要的域名。
沒有問題就可以直接購買。
選擇域名的期限。
個人信息填寫一下,然后付款就可以。
第二步 – 購買Wordpress服務(wù)器
服務(wù)器分為三種,虛擬主機,云服務(wù)器,VPS
虛擬主機:分為共享,獨享,不過一般市面上都是共享,例如Siteground、hostinger特點是價格便宜,操作簡單,一鍵安裝wordpress,并搭配有優(yōu)化緩存插件,CDN等。比較適合新手建站,預(yù)算有限的企業(yè)。
VPS:Vultr,DigitalOcean,Linode,全球節(jié)點多,性能優(yōu)秀,客服支持是這三類種最差的,一般只能提交工單,不能在線溝通,價格比虛擬主機貴,比云服務(wù)器低一點,適合動手能力強的,需要自己安裝可視化面板,配置SSL,https等。不推薦
托管型VPS:高彈性,可隨時拓展(升級CPU,帶寬,硬盤等),較強處理能力,速度快,安全,靈活的計費方式,例如cloudways(強烈推薦),可視化面板,自動備份,自帶多種緩存優(yōu)化機制,安全性更高,客服隨叫隨到,也是我在用的。預(yù)算高,對于性能,安全要求比較高的建站人員。
云服務(wù)器:AWS,Google Cloud,騰訊云等,適合大型企業(yè),跨國業(yè)務(wù)平臺,對高并發(fā)和穩(wěn)定性要求高的項目。
輕量云:云服務(wù)器的簡化版本,性價比高,資源隔離,易用性強,缺點是穩(wěn)定性不足,資源受限,功能有限,需要手動備份,備份數(shù)有限,適用于初學(xué)者,個人博客,小型企業(yè)等。
推薦:Cloudways云服務(wù)器,雖然貴,但是性能不錯,可視化面板,24小時客服,非常適合新手,輸入我的專屬折扣碼” YLSSEO“還可以獲得前三月七折優(yōu)惠,推薦套餐vultr的2G。
延伸閱讀:
cloudways注冊購買
siteground購買安裝
Hostinger使用教程
Vultr圖文視頻教程
阿里云輕量應(yīng)用服務(wù)器配置教程
騰訊云輕量應(yīng)用服務(wù)器完整教程
第三步 – DNS解析
當(dāng)我們購買完服務(wù)器,會有一個IP地址和名稱服務(wù)器地址(cloudways沒有NS,不需要更改),一定要記住,騰訊云阿里云就是公域地址。
比如:hostinger的IP地址和NS(名稱服務(wù)器)都在hosting plan的plan detail中。
Namesilo域名解析和更改NS
namesilo在做域名解析之前一定要把個人信息填寫好,點擊domain manager就會跳出來填寫單。
點擊域名下面的manager
域名前面打勾,上面可以更改nameservers
下面藍(lán)色圓球就是更改添加解析記錄的入口。
更改名稱服務(wù)器,服務(wù)器如果有提供就復(fù)制填寫到這里。
添加解析記錄,一般是兩個A記錄,host name 一個@ 一個www,ip地址都一樣,填寫服務(wù)器IP地址。這樣就完成域名解析操作。
Cloudflare域名解析
進入cloudflare賬號,選擇賬號下的域名。
再點擊左側(cè)DNS。
添加兩個A記錄,如下即可,開啟代理,就解析成功了。
檢查DNS解析情況
whatsmydns
A記錄查出來都是服務(wù)器IP地址就正確,反正需要修改。
有的快有的慢,不要著急。
第四步 – 安裝WordPress
建議購買有一鍵安裝wordpress的服務(wù)器,然后跟著第一步做,非常簡單,非常快,其他方式看自己的動手能力。
1.通過主機控制面板一鍵安裝wordpress。例如hostinger,后臺搜索框搜索install,就可以看見一鍵安裝的按鈕了。
2.手動安裝wordpress
到wordpress官網(wǎng)下載安裝包
以hostinger為例,點擊進入file manager。
也可以通過FTP方式上傳wordpress安裝包。FileZilla下載地址,選擇第一個,download filezilla client。
hostinger-ftp accounts,復(fù)制ftp登錄信息,粘貼,點擊快速連接。
成功連接,然后上傳wp安裝包。
hostinger file manager上傳wordpress安裝包。
解壓到public_html
修改wp-config-sample.php 為 wp-config.php
創(chuàng)建新數(shù)據(jù)庫,設(shè)置好數(shù)據(jù)庫名稱,數(shù)據(jù)庫用戶名,密碼,并保存好,等下要用。
修改文件wp-config.php,把數(shù)據(jù)庫信息填寫進去。保存。
這時候在瀏覽器輸入域名就可以開始安裝wordpress網(wǎng)站了。
輸入數(shù)據(jù)庫信息,提交進行下一步。
接下來就是設(shè)置后臺密碼,網(wǎng)站標(biāo)題等。
設(shè)置好了登錄后臺。
3.如何在本地安裝wordpress(測試開發(fā),初學(xué)者可以在本地練手,準(zhǔn)備,好了之后再用備份插件遷移到正式環(huán)境。注意本地搭建插件無法升級,woocommerce無法設(shè)置)
下載XAMPP,安裝好。點擊啟動Apache和MySQL。
打開瀏覽器,訪問http://localhost/,出現(xiàn)以下界面證明環(huán)境配置成功。
訪問http://localhost/phpmyadmin/,創(chuàng)建數(shù)據(jù)庫。按圖選擇和命名。
解壓安裝包。
重命名文件夾。
拉入XAMPP文件夾的htdocs文件夾下。
訪問http://localhost/mywordpress,mywordpress替換成你剛才重命名文件夾的名稱,比如我是http://localhost/zenteatablewordpress/。
點擊wordpress開始安裝。
用戶名root,數(shù)據(jù)庫名就是剛才你創(chuàng)建的名稱,其他保持默認(rèn)。
設(shè)置好賬號密碼。
安裝成功點擊登錄,輸入賬號密碼,就可以登錄后臺了。
第五步 – WordPress后臺設(shè)置
1.登錄后臺
WordPress 安裝完成后,訪問 http://你的域名/wp-admin 即可進入登錄頁面。在頁面中輸入安裝時設(shè)置的用戶名和密碼,點擊“登錄”即可進入后臺。提示:如果忘記了密碼,可以點擊“忘記密碼”通過注冊郵箱找回。
2.修改網(wǎng)站標(biāo)題和描述
后臺菜單-設(shè)置-常規(guī),設(shè)置好站點標(biāo)題和副標(biāo)題,site icon,站點圖標(biāo)也非常重要。
3.設(shè)置固定鏈接
進入 設(shè)置 > 固定鏈接,選擇文章名選項。
4.時區(qū)和語言調(diào)整
進入 設(shè)置 > 常規(guī),找到時區(qū)和語言,時區(qū)保持默認(rèn),站點語言修改為你習(xí)慣的語言,只是改變后臺界面的語言,內(nèi)容不會改變。
5.去掉多余的界面顯示,可以稍微加快后臺加載速度
6.評論區(qū)設(shè)置,評論審核一定要設(shè)置必須經(jīng)過人工批準(zhǔn)和鏈接審核,防止評論區(qū)外鏈。
7.縮略圖我習(xí)慣都設(shè)置為0,因為有圖片優(yōu)化插件會生成特別多同樣內(nèi)容,不同尺寸,格式的圖片,加重媒體庫負(fù)擔(dān)。
上面是必要設(shè)置,其他細(xì)節(jié)我整理到這篇文章:WordPress后臺控制面板功能介紹
第六步 – 選擇并安裝主題
外觀-主題,選擇喜歡的主題,默認(rèn)的只有兩三種,需要更多點擊左上角的安裝主題,會有更多讓你選擇,也可以在搜索欄直接搜索你想要的主題,例如:Astra。
選擇喜歡的主題點擊安裝,然后啟用即可。
或者有從官網(wǎng),其他渠道購買的付費主題,點擊安裝主題,上傳主題,把下載的安裝包上傳安裝激活就可以了。
只推薦兩個主題一個B2B,B2C獨立站都可以用,另一款是專門做電商獨立站用的,完整建站流程請看:Astra主題教程,Woodmart建站教程,里面有詳細(xì)介紹各種設(shè)置和常見問題。
其實Hello Elementor也還可以,但是完全自定義對新手不好,不像astra又輕,功能又多,比如頁眉頁腳,側(cè)邊欄小工具,一鍵回到頂部等等,搭建外貿(mào)獨立站非常方便。
主題設(shè)置
以Astra Pro主題為例,需要可以聯(lián)系我,免費贈送。
安裝并激活主題后,進入外觀自定義,修改網(wǎng)站標(biāo)題,顏色,字體等等,配置頁眉頁腳,預(yù)覽和保存你的更改。
字體:Roboto (標(biāo)題) + Lora (正文):現(xiàn)代感與專業(yè)感的結(jié)合。
顏色推薦:
強調(diào)色#FF7F50(亮橙色)
鏈接:#3498DB活力藍(lán)
標(biāo)題:#1D3557深海軍藍(lán)
正文文本:#33333 深炭灰
邊框:#DCDCDC 淺灰
效果如下:
容器:默認(rèn)
按鈕:推薦文本純白,背景顏色#060097,四個角弧度。
頁眉頁腳設(shè)置
有多種形式,固定頁眉,透明頁眉,頁腳設(shè)置等等,查看Astra Pro 頁眉頁腳側(cè)邊欄設(shè)置
第七步:安裝必要Wordpress插件
對于Wordpress來說,插件(一種擴展程序)就是它的靈魂,可以為它添加新的功能,沒有插件的wordpress是不完整的。選擇以下幾款推薦的即可。
SEO類:
Rank math SEO-高級多功能SEO插件,功能非常豐富,yoast seo的付費版功能它免費版都有,而且也很輕量。
緩存優(yōu)化類:(2選1,flyingpress和flyingCDN是我最推薦的,推一步可以選wp rocket和perfmatters,正版授權(quán)159兩年,perfmatters 99 一年。
Wp Rocket 號稱小火箭,最快的緩存加速插件,輕松幫你上谷歌測速90+
Flyingpress+Flyingcdn 網(wǎng)站秒開的超強組合,性價比超高,特別適合多圖片的電商網(wǎng)站(以下視頻展示)
Perfmatters 雖然不是緩存插件,但是優(yōu)勢在于輕量,并可以手動禁用無用的CSS,JS,與WP Rocket搭配效果非常好。
安全類插件
Wordfence:免費,強大的防火墻,用戶量第一的wordpress安全插件,其實我不建議安裝這個,只要你不是買的盜版插件,而且服務(wù)器正常,基本是不會受什么攻擊,頂多使用第三方軟件爬自己網(wǎng)站,把CPU爬炸了。
Elementor Pro,授權(quán)一年49元,擁有非常多的元素,可拖曳設(shè)計網(wǎng)站,新手入門必備。
Woocommerce電商插件,如果你是B2C的話就裝。如果不是,可以用acf或者純post 發(fā)布產(chǎn)品。
Post Smtp:防止詢盤遺漏。
插件不要安裝過多(8個以內(nèi)),避免影響網(wǎng)站性能。
點擊插件,在搜索欄輸入目標(biāo)插件名,點擊安裝啟用。
或者直接上傳插件安裝包,然后激活啟用,付費插件后臺搜索不到,需要上傳安裝包。
刪除插件,點擊禁用,然后刪除。
第八步 – 創(chuàng)建基本頁面
后臺-頁面-添加新頁面,把需要的頁面都新建,然后往里面補充內(nèi)容。
Homepage
作為權(quán)重最高的門戶頁面,有的朋友直接用home做專題頁,有的作為關(guān)聯(lián)其他頁面的門戶頁,各有好處,取決于自己網(wǎng)站策略。
常規(guī)是放一張banner圖或者輪播圖,用elementor設(shè)計非常簡單。
banner圖有兩種方式,一種直接添加container,然后container直接加背景顏色。另一種可以在背景或者背景覆蓋添加圖片。
Elementor的輪播圖元素,新建一個container,全寬,然后把slide拖進去,按流程添加文字和輪播圖片,輪播按鈕即可。
Products
適合電商或展示型網(wǎng)站,集中展示產(chǎn)品或服務(wù)。
B2C使用 WooCommerce發(fā)布管理產(chǎn)品。
如果是使用woocommerce,會自動有一個shop的頁面,這就是產(chǎn)品聚合頁。
B2B可以用ACF插件(ACF Pro)或者原生Post來建立產(chǎn)品頁和管理。
一樣可以在首屏做一個banner,然后下面左邊elementor的sidebar,右邊posts或者archives即可。
Blog
跟上面一樣。
About Us
Contact Us
聯(lián)系表單推薦contact form 7 或 wp form,如果用的elementor編輯器,那就直接用elementor form。
感謝頁面
第九步:菜單和導(dǎo)航設(shè)置
在 WordPress 后臺,進入 外觀 > 菜單,創(chuàng)建一個新菜單。
添加頁面、分類或自定義鏈接到菜單中。
在主題自定義選項中,將菜單設(shè)置為主導(dǎo)航欄或頁腳菜單。外觀-自定-菜單。
設(shè)定主菜單,移動端菜單,頁腳布局完可選擇菜單。
使用下拉菜單組織內(nèi)容(如“產(chǎn)品”下可添加子分類)。
如何制作超級菜單
第十步 – 自定義首頁
后臺—setting–reading,your homepage displays 設(shè)置自定義首頁和博客頁。
第十一步 – SEO 基礎(chǔ)設(shè)置
推薦使用 RankMath或者Yoast插件,點擊閱讀了解如何設(shè)置標(biāo)題,元描述,XML站點地圖等,并添加到Google Search Console。
用elementor制作404頁面,降低跳出率
登入Wordpress后臺,下拉到elementor下面得template模板上,點擊theme builder,創(chuàng)建error 404模板。
進入之后有模板可選,隨便選一個簡潔的或者自定義創(chuàng)建都可以。
這里我就隨便選擇一個404模板,然后稍微改一下添加下最近文章增加用戶的停留時間,產(chǎn)品的話可以添加熱門產(chǎn)品,不要多,幾個就行,也可以添加搜索框方便用戶快速搜索,廣告類型的banner也行,簡潔就好。
創(chuàng)建好測試看是不是正常應(yīng)用,域名/隨便幾個數(shù)字,字母,如果正確應(yīng)用都會跳到這個頁面。這樣就設(shè)置完成了。
第十二步 – 網(wǎng)站安全與備份
WP網(wǎng)站備份插件推薦,進行定期備份,額外可以另外備份到google drive,防止丟失。
Wordpress網(wǎng)站安全防護插件
第十三步 – 網(wǎng)站速度優(yōu)化
在wordpress建站中,提升頁面加載速度主要幾個點:
購買好的服務(wù)器,比如cloudways的vultr 2G,很多朋友為了節(jié)省費用,購買性能非常差的,導(dǎo)致TTFB,loading渲染速度上不去,全局速度也加快不了。
圖片壓縮,shortpixel,自動優(yōu)化圖片大小,并生成webp格式,最近還推出獨家的圖片CDN,加載速度更快,文件更小,不要在一個頁面放太多圖片,視頻,而且圖片還沒經(jīng)過壓縮,壓縮要在盡可能保持原像素的基礎(chǔ)上做。
加速組合一:CDN和緩存插件哪種好? 頁面緩存始終是提高網(wǎng)站速度最關(guān)鍵的一環(huán),初學(xué)者可以使用Flyingpress + FlyingCDN,自動化加速,配置簡單,CDN可以把網(wǎng)站文件緩存在全球各個服務(wù)器點上,靠近的用戶打開就會感覺非??焖?。
加速組合二:如何提升網(wǎng)站速度? 小火箭(Wp rocket)是最強力的緩存優(yōu)化插件,配合perfmatters移除未使用的CSS,JS文件,網(wǎng)站更輕,更快,CDN就選擇cloudflare免費的。
懶加載預(yù)加載,異步加載一定要做好,首屏的內(nèi)容預(yù)加載,排除懶加載,首屏后的內(nèi)容設(shè)置懶加載,有沖突的設(shè)置異步加載。
第十四步 – 發(fā)布和管理文章
第十五步 – 上線前的最終檢查
上線前除了檢查圖片文字有沒有完整,整個網(wǎng)站是不是一目了然,簡潔,還要檢測有沒有對搜索引擎放開收錄。
1.后臺—-setting—reading,最下面選項如果有打勾的話取消。
有SEO插件,例如rank math seo,檢查general setting—-global meta 有沒有打勾index。
站點地圖也要打開。
通過域名/robots.txt可以看到文件具體情況。
也可以在rank math seo插件修改robots.txt。general setting—–edit robots.txt
檢查一切沒問題就可以提交站點地圖到谷歌站長。Rankmath—-sitemap,復(fù)制最上面那個鏈接。
粘貼到到gsc—站長地圖的框里面,點擊提交即可。如何認(rèn)證關(guān)聯(lián)google search console
第十六步 – Wordpress多語言網(wǎng)站建設(shè)
最流行的WP語言插件-WPML
語言切換菜單太丑了,自定義一個
自動翻譯插件
完成以上事項,設(shè)計好網(wǎng)站,就可以上傳產(chǎn)品以及做wordpress SEO優(yōu)化了。
(來源:鴨老師SEO)
以上內(nèi)容屬作者個人觀點,不代表雨果跨境立場!本文經(jīng)原作者授權(quán)轉(zhuǎn)載,轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?