WordPress教學

安裝到使用0基礎建站教學(2022/3月更新)

WordPress介紹

WordPress是一個以PHP和MySQL為平台的自由開源的博客軟體和內容管理系統,網際網路有包含美國白宮微軟新聞中心索尼音樂Facebook官方博客在內的超過41%的網站使用WordPress驅動。

WordPress是最適合自己建網站選用的建站程序,這篇WordPress教學完全不需要你有專業編程知識也可以搭建一個WordPress網站。

硬體配置建議

安裝WordPress

寫在前面,知識點補充

奶爸經常收到網友關於WordPress教程方面的問題,覺得以下幾點常見問題有必要提前給大家講一下。

  1. WordPress你從Google搜索的話,默認會進入wordpress.com。而我們說的WordPress通常指的是wordpress.org。com的是WP官方推出的一個託管服務,org是我們自己下載安裝包自己做網站,兩則不一樣。詳細區別點這裡
  2. 本文的WordPress安裝方法分為虛擬主機上安裝WP和VPS上安裝WP,兩者的方法是不一樣的,不同虛擬主機安裝方法也不同,你可以點擊對應的虛擬主機教程看安裝方法,不用看本文後面的常規WordPress安裝教程。
  3. 安裝WordPress必須要有域名和伺服器這兩樣東西,WordPress是安裝到伺服器上面的,不是安裝到你自己電腦上,也不管你是Windows還是Mac,WordPress是通過瀏覽器來管理的。

最後,仔細看文章,有沒寫到的內容,文章末尾留言,我會回復的。

跟著我來安裝WordPress網站吧!
跟著這篇WordPress教程操作,不到半天時間搞定你的網站。

安裝WordPress前的準備

安裝一個WordPress網站,首先你需要一個域名,然後還需要一個網站伺服器。一年總成本500到1000元就可以搞定,所以不要有經濟負擔。

(本教程非常詳細,碰到問題可在文章末尾留言,如果你沒有精力自學,那麼這裡有網站託管付費建站服務;)

一、域名

一、域名域名你可以從網上註冊,按年付費,.com後綴的域名價格幾十元一年,請參考下面的教程。

  1. 國外域名服務商Namesilo域名註冊教程
  2. 騰訊雲域名註冊和域名解析教程
  3. 阿里雲註冊的域名解析教程

域名在國內註冊還是國外註冊都可以,外貿建站推薦在國外註冊,國內註冊要多一次實名認證。

更多關於域名的文章,請訪問下方專題查看。

域名註冊和使用專題

二、伺服器

伺服器我們接觸的最多的是虛擬主機和VPS,虛擬主機價格便宜,性能弱,可定製化低;VPS性能更好,安全性更高,可定製性也更高,價格稍貴。不過總的來說,一年伺服器費用也就幾百元到千元不等,不算貴。

同時,使用國內伺服器做網站還需要給網站備案。外貿建站的話千萬不要選擇國內伺服器,不然國外用戶訪問很慢。

為了方便你快速上手,你可以直接查看奶爸推薦的WordPress主機,點擊下方按鈕查看。

WordPress主機推薦

如果你購買的是VPS,那麼比使用虛擬主機安裝WordPress網站要多一個安裝網站環境的步驟。

適合建站的VPS推薦

虛擬主機和VPS的區別?不知道你有沒有接觸過品牌電腦和組裝電腦(兼容機),VPS就等同於組裝電腦,虛擬主機就類似品牌機,同樣價格的組裝電腦比品牌電腦性能要好很多,但是需要自己組裝硬體和安裝系統,品牌機插上電源開機就可以使用。如果這個例子不能明白,請看另外一個例子:VPS和虛擬主機的區別

新手使用VPS,奶爸推薦你直接使用寶塔面板,操作簡單,參見下面的寶塔專題文章安裝。

寶塔面板使用教程

三、域名和網站綁定

域名和網站綁定的意思就是你要修改你域名的解析IP到你網站伺服器的IP,在前面域名專題文章裡面有介紹解析方法。

如果你使用的是VPS,那麼需要自己先創建一個虛擬主機後,然後把域名解析到伺服器IP上面,不單獨創建一個虛擬主機會引起一些不必要的麻煩。

如果你VPS安裝了寶塔面板,那麼直接通過寶塔面板添加網站的功能就可以添加虛擬主機,只需要去域名後台添加A記錄的解析就可以了。

如果你覺得買VPS自己跟著教程操作麻煩,可以聯繫奶爸付費(¥198)幫你安裝寶塔面板和解析域名並安裝好WordPrss網站,聯繫我

開始安裝WordPress

準備好了域名和伺服器,接下來我們就可以開始安裝WordPress網站了。

WordPress下載地址

WordPress的官網地址是:

WordPress的官方下載地址是:

WordPress安裝步驟

提示:如果你是國內伺服器,需要先備案,備案通過後再回頭來安裝。或者參考此文:騰訊雲備案期間通過IP訪問網站的方法

如果你伺服器選用的是SiteGroundHostingerScala Hosting這種自帶管理面板的伺服器,那麼直接看前面對應的教程操作即可,下面的方法是常規的WordPress安裝方法,適合VPS和不帶面板的虛擬主機使用。

一、把下載好的WordPress安裝文件上傳到伺服器上面

上傳方法有多種,可靈活選擇:

  1. 使用FTP軟體上傳解壓後的文件夾所有文件;
  2. 使用FTP軟體上傳壓縮包到VPS後在VPS上解壓縮壓縮包;
  3. 直接在伺服器上使用wget命令下載安裝包並解壓;
  4. 使用寶塔面板的文件上傳/下載功能下載壓縮包並解壓。

大多數使用VPS的新手都會採用寶塔面板,那麼可以直接使用寶塔面板的上傳和下載功能上傳WordPress安裝包並解壓,如下圖:

寶塔上傳文件

注意,上傳和下載文件夾要切換到你網站根目錄下操作,上傳完畢後解壓,需要把解壓出來的WordPress文件夾裡面的所有文件和文件夾移動到根目錄下面,在寶塔安裝WordPress教程裡面有詳細方法。

二、打開瀏覽器開始安裝WordPress網站程序

上傳完畢WordPress安裝文件後,你可以在瀏覽器裡面輸入你的網站域名,就會出現WordPress安裝界面。如下圖:(如果網址打不開,請檢查是否解析了域名,或者防火牆是否攔截)

WordPress安裝界面

然後會出現資料庫信息,資料庫是你自己創建的,如果不知道的話可以去你虛擬主機管理面板或者寶塔面板後台設置裡面查看或者創建資料庫。

WordPress安裝界面

點擊提交按鈕,會檢查你資料庫和文件夾權限是否正確,正確的話就會出現下圖的安裝按鈕,點擊現在安裝。

WordPress安裝界面

很快就會出現網站信息界面,輸入你自己的網站標題和創建一個管理員帳號。點擊安裝WordPress按鈕。

WordPress安裝界面

一瞬間,WordPress就安裝成功了。

WordPress安裝界面

至此,WordPress安裝教程就結束了,接下來會教大家後續WordPress使用教程。

WordPress安裝報錯常見問題

WordPress安裝過程很簡單,不過還是有些朋友會碰到安裝WordPress出錯的情況。最常見的安裝WordPress網站失敗的情況就是是數據連接失敗,或者文件夾權限不對。

資料庫連接失敗

資料庫連接失敗是最常見的錯誤情況。

WordPress資料庫連接錯誤從錯誤提示內容來看,就包含了3種可能性導致數據連接不上。

  1. 資料庫的資料庫名、用戶名、密碼填寫錯誤。
  2. 資料庫主機填寫錯了
  3. 資料庫沒有運行

第一種錯誤很好解決,填寫正確的帳號密碼就行了。

第二種錯誤,如果你是自己買的伺服器VPS,那麼通常都是填寫localhost,如果你購買的虛擬主機,那麼這個地址一般會單獨告訴你一個網址。

第三種錯誤,在你確定所有信息都填寫正確但是還是提示連接錯誤的情況下就應該考慮了。你可以通過查看相關進程或者登錄phpmyadmin看是否資料庫有運行。

除了官方提示的這三種情況,實際在安裝過程中,也有可能碰到下面這兩種情況。

  • ① 沒有創建資料庫,導致資料庫信息不對。
  • ② 資料庫沒有正確分配權限。

上面這兩種情況,也很好解決,確保資料庫已經創建和分配了正確的權限就行了。如果你是使用的遠程資料庫,還需要考慮防火牆是否攔截了。

文件權限問題 無法創建目錄

如果你碰到安裝WordPress主題或者插件提示無法創建目錄,那麼很明顯的就是文件權限問題了。

這個情況下你只需要把網站文件夾的權限修改正確就行了。

對於使用寶塔面板的朋友來說,登錄寶塔後台,切換到你網站的文件夾,然後把所有文件都權限設置成755,所有者修改為www就可以了。

方法參見:寶塔面板文件權限修改

如果你使用的是LNMP一鍵包,那麼可以使用下面的命令修改權限。(以下命令在你網站文件夾根目錄執行)

chmod -R 755 *
chown -R www:www *

安裝主題插件出錯

安裝主題模板和插件出錯通常是出在國內主機,原因是因為網絡問題訪問wordpress網站不順暢,導致無法正常下載,可以參考:WordpPress 429 Too Many Requests錯誤更新主題插件方法

另外還有一種情況就是你伺服器軟體版本不符合插件和主題的要求,也會安裝不上,還可能導致網站崩潰白屏。

碰到這種情況通過FTP把對應的模板文件和插件文件夾刪了就可以了。

WordPress怎麼使用

搭建好WordPress網站後的基本操作流程

考慮到很多朋友是第一次使用WordPress,奶爸這裡給大家分享一下基本的WordPress操作流程,你可以跟著實際情況決定操作步驟。

  1. 設置網站SSL安全證書;(部分虛擬主機會自動設置,也可以後期再安裝,SSL證書有免費的,不需要單獨購買。)
  2. 進入設置裡面設置固定連結
  3. 進入設置裡面設置其他需要設置的內容;
  4. 進入文章 – 分類目錄,設置文章分類;
  5. 進入外觀 – 主題,裡面挑選一個自己喜歡的主題;(如果是外貿網站,建議直接到themeforset購買付費主題使用。)
  6. 進入插件,安裝自己需要用到的一些插件,例如SEO插件、緩存插件;
  7. 發布文章,填充網站內容。(如果是要用WordPress做企業網站,內容必須要先填充一些,不然網站很空洞不方便頁面設計。)
  8. 國內用戶手動更新主題和插件,以及WP版本的方法。
  9. 了解一點基礎的SEO知識

怎麼登錄WordPress網站後台?

A:在你網址後面添加 /wp-admin 就可以訪問網站後台了,登錄後你會看到下圖這樣的界面。

wordpress後台

最頂上那一條①稱為admin bar,可以快速使用新建功能;左邊的②叫做菜單欄,包含了WordPress所有功能入口和插件的設置入口。

剛搭建好的WordPress網站沒有這麼多菜單內容,安裝插件後才會出現對應的選項菜單。

WordPress怎麼安裝主題和插件?

A:安裝主題和插件都可以在後台的菜單裡面找到,分別是外觀-主題,添加主題;插件-安裝插件。

你也可以自己從網站上下載主題和插件然後上傳了安裝。

參考文章:主題教程插件教程

WordPress基礎教程導航

  1. WordPress新手教程1:後台設置
  2. WordPress新手教程2:怎麼發文章
  3. WordPress怎麼設置自己編輯的頁面為主頁
  4. WordPress小工具Widgets的使用方法
  5. 禁用古騰堡使用經典編輯器
  6. 認識WordPress的菜單功能
  7. 忘記WordPress密碼了怎麼找回

一些相關的視頻操作教程,請訪問WordPress教程網查看。https://wordpressjc.com

WordPress主題模板知識

獲取WordPress主題模板的方式

WordPress擁有豐富的主題模板,你有三種方式可以獲得自己想要的主題。

  1. 直接從WordPress後台主題裡面搜索官方主題庫裡面的主題安裝。
  2. 從網上下載免費的或者購買高級主題安裝。
  3. 找人單獨定製主題。

關於WordPress主題安裝方法你可以參見下面這篇教程:

網上哪裡去找免費主題或者付費主題呢?

免費主題,推薦官方主題庫,也就是儀錶盤後台外觀裡面看到的那些,網址如下:

https://wordpress.org/themes/

另外你也可以直接百度或者Google搜索,都能找到很多專門分享主題的網站。

如果你是外貿企業用戶,推薦直接去主題森林購買高級主題,大多數外貿人的選擇。

https://1.envato.market/We2DO

主題肯定找不到100%符合你心意的,只需要大體上滿足你需要,然後自己手動修改調整下就OK了。

教程:從themeforest購買高級WordPress主題圖文教程

奶爸建站筆記目前的主題是Astra Pro.

點擊這裡,你也可以看到很多奶爸分享的高級付費主題資源。

外貿網站熱門付費主題推薦

下面是外貿網站使用的最多的10款主題,你也可以考慮直接購買使用。

  1. Avada | Responsive Multi-Purpose Theme
  2. The7 — Multi-Purpose Website Building Toolkit for WordPress
  3. BeTheme – Responsive Multi-Purpose WordPress Theme
  4. Flatsome | Multi-Purpose Responsive WooCommerce Theme
  5. Enfold – Responsive Multi-Purpose Theme
  6. Bridge – Creative Multipurpose WordPress Theme
  7. Uncode – Creative Multiuse WordPress Theme
  8. Newspaper
  9. Jupiter – Multi-Purpose Responsive Theme
  10. Salient – Responsive Multi-Purpose Theme

WordPress行業主題推薦

購買的付費主題怎麼使用?

通常情況你在主题森林購買完畢主題後,從右上角用戶名下的Downloads裡面,點擊下載所有文件。

下載所有文件

下載下來後是一個壓縮包,解壓下載的壓縮包文件。

主題解壓包

你只需要把主題安裝包上傳到網站後台外觀-主題裡面就可以了,-child.zip的是子主題,如果你不考慮後期更新版本可以不傳,要更新就兩個都上傳後啟用child主題。

部分主題的文件包裡面還包含演示數據和插件,根據實際情況使用即可。

延申:Themeforest購買的高級主題key激活教程

WordPress熱門插件推薦

介紹幾款必備的WordPress插件,根據你實際情況選擇安裝。

SEO類:

  1. Rank Math 免費的高級SEO插件
  2. The SEO Framework 另外一款免費的SEO插件
  3. Yoast SEO 用戶量第一的SEO插件
  4. All in One SEO Pack 完整中文支持的SEO插件

緩存優化類:

  1. WP Super Cache 免費的緩存插件
  2. WP Rocket 付費的緩存插件
  3. Performance 輕量級WordPress優化插件
  4. Asset CleanUp 插件裝太多了避免每個頁面都加載就用這個
  5. Hummingbird 直觀的WordPress優化插件
  6. Query Monitor 排查問題所在的,菜鳥不用裝,裝了也看不懂。

安全類:

  1. Defender WordPress Security 免費好用,可以修改後台登陸地址,攔截機器人。
  2. Wordfence 用戶量第一的WordPress安全插件,功能齊全。
  3. WPS Hide Login 單獨隱藏後台地址就只裝這一個就可以了。
  4. 資料庫備份插件 自動備份,有備無患。

其他插件:

  1. Elementor 免費和付費的網頁構建器
  2. Ultimate Addons For Elementor 上面這個構建器的模塊增強
  3. WP Portfolio 高級作品展示插件,可以用來展示產品
  4. Convert Pro 高級彈出訂閱、客戶轉化插件

更多奶爸建站筆記分享過的WP插件你可以點擊這裡查看。

WordPress高級內容教學

怎麼自己編輯網站外觀

我們安裝完畢WordPress之後,默認的樣子是下面這樣的。

WordPress默認界面

想要改變WordPress的外觀,就涉及到修改網站主題,前面已經講過怎麼安裝主題了,這裡就不重複介紹安裝主題的過程了。

我們以奶爸建站筆記使用的Astra主題為例,安裝完Astra之後是下圖這個樣子,和我們看到的官方演示網站差很遠。

WordPress默認astra界面

這個時候最快的方法是導入主題演示(新手直接就開始自己設計網站界面不現實,建議先導入Demo進行修改,熟練後再考慮自己設計頁面。)

Astra主題導入Demo的方法參見此文接下來奶爸會給大家介紹我們自己修改網站外觀時必定會接觸到的一個詞,Page Builder(頁面構建器)

頁面構建器

Page Builder頁面構建器是什麼東西呢?

你腦袋裡的概念,要做一個漂亮的網頁,先得找美工把網站樣子P出來,然後找程式設計師哥哥寫代碼。

而頁面構建器幫我們省掉了部分美工和大部分程式設計師哥哥的工作,直接拖拽操作,就可以把網頁給做出來。

WordPress自帶的Gutenberg編輯器也是一種Page Builder,不過發展時間還不夠久,目前還沒那麼優秀。

同時,國內使用Page Builder製作主題的做著比較少,國外的WordPress主題基本上都已經採用了Page Builder的形式。

我們最常見到的頁面構建器就是Elementor和WPBakery Page Builder。

Elementor-VS-WPBakery-Page-Builder-Which-One-to-Choose

Elementor帶有免費版本,可視化操作界面,新手體驗友好,推薦優先考慮

WPBakery Page Builder資歷比較老,只有付費版,不少優秀的主題都是使用WPBakery Page Builder製作的(主題會捆綁一個版本的WPBakery Page Builder,沒付費激活的話不能更新)。

WPBakery Page Builder的可視化操作界面不太好用,新手學習難度比較大,不是特別中意主題的話不推薦選擇

除開這兩個構建器外,還有很多其他的頁面構建器,這裡就不一一介紹了(奶爸也沒用全所有的)。

以Elementor為例,怎麼修改網頁外觀。

使用elementor編輯

導入主題演示後,我們回到網站前台,頂上的admin bar上面點擊edit with elementor.

elementor修改內容

然後網頁上,想要修改什麼地方就點擊之後在左邊修改。

修改顏色這些就是在左邊的style(樣式)標籤下面。

如果想要刪除什麼模塊,就在內容上面右鍵選擇刪除。

而如果想要添加內容的話,就需要像下圖這樣點擊導航面板添加小工具

WordPress添加elementor內容

更詳細的elementor教程請查看:Elementor教程,一文學會用Elementor建網站

 

怎麼在WordPress添加產品

使用WordPress搭建外貿網站,那麼添加產品是大多數企業需要碰到的問題。

添加產品方法1

最簡單的方法,是給WordPress安裝一個WooCommerce,參見教程:外貿企業使用WordPress+WooCommerce搭建電子商務網站教程

使用WooCommerce上傳產品,不一定非得在線銷售,2B的網站也可以使用WooCommerce來管理產品,只需要不顯示產品價格和購買按鈕就可以了。

你可以添加產品的時候不輸入產品價格,部分主題也有Catalog Mode,可以直接設置隱藏價格和購物車,如果沒有的話,請繼續閱讀:刪除和隱藏WooCommerce添加到購物車按鈕的幾種方式

但是,使用WooCommerce並不是添加產品的唯一方式。

添加產品方法2

如果你公司只有少數幾個產品需要展示,使用WooCommerce來管理產品數據的話有些大材小用了(而且WooCommerce對網站速度影響還是有一些的),那麼你可以通過新建頁面(page)或者Portfolio來創建產品頁面。

Portfolio是部分主題才有的功能,你也可以直接通過安裝Portfolio插件來實現Portfolio功能,不過奶爸的建議是如果你產品比較少的話,直接使用page來創建就可以了。

在後台的page菜單下,add new一個頁面,然後自己設計,或者複製主題Demo一個比較順眼的頁面,修改為產品內容,重複以上操作,把所有產品頁面新建完畢就可以了。

便於管理,可以新建一個Products的頁面後,新建其他具體產品頁面的時候選擇父頁面為Products,這樣所有產品都歸類到了Products頁面的子頁面,網站結構更加清晰。

求關注二維碼

WordPress常見問答

WordPress是一個以PHP和MySQL為平台的自由開源的博客軟體和內容管理系統,可以用來搭建個人博客、企業網站、電商網站等各行各業的網站,全網際網路三分之一的網站都使用WordPress搭建的。WordPress有.com和.org兩個網站,我們自己建網站說的都是wordpress.org這個站點的程序,.com是WordPress的託管業務。
首先你需要在自己的伺服器上面安裝一個WordPress網站,然後登錄到網站後台進行一些設置,安裝必要的主題和插件,就可以像在QQ空間或者新浪博客這些地方發文章一樣的更新網站內容了。
使用WordPress做網站有以下幾個優點:1、開源免費,意味著你不需要付費就可以使用,並且可以自己修改源碼實現想要的功能。2、生態好,有著豐富的主題和插件資源,而且技術資料網上也很多。3、SEO友好,網際網路上超過30%的網站都用的WordPress,搜尋引擎對它的結構非常熟悉。

國內用戶使用WordPress搭建的最多的就是個人博客,其次是企業官網,還有很多人也在使用WordPress搭建資源站。而國外的話使用WordPress搭建的網站類型就比較豐富了,除了企業官網外,還有視頻網站、音樂網站、教育網站、公益網站、新聞雜誌、汽車維修、諮詢服務等等,你想到的網站類型,幾乎都可以用WordPress做出來。

31關於 "WordPress教程,0基础学会WordPress建站(2022/3月更新) "的想法

  1. 网站做的很好哇,真的学到很多关于wordpress实用的教程。
    话说,为什么别的页面关闭了评论,这里又开着。。

  2. 想给公司做一个网站,讲解的非常清晰可以一步步跟着做,谢谢博主~
    WP能不能先做好网站再关联到域名和虚拟主机上去呢。。。会不会做的过程中别人搜这个网址看到我做到一半的网页 > <

    1. 可以那么做,不过你们操作起来估计技术上不一定能搞懂。你可以正常跟着教程搭建网站,安装完毕后先安装一个coming soon的插件,打开插件不登录网站就会出现一个提示页面,普通用户没办法看到网站内容的。

  3. 奶爸我请教一个问题:在免费主题和插件的前提下,有没有方法能够实现 透明菜单 覆盖在 多张横幅(Slider) 上?
    目前尝试过的方案:
    Astra + Elementor
    OceanWP + Elementor
    这两个主题加上 Smart Slider 插件,但是复现不了菜单覆盖在横幅上。有菜单能覆盖横幅的,但是横幅无法切换;或者横幅可以切换,但是菜单栏与横幅分离。
    希望我的描述清晰,望得到奶爸指教,谢谢!

    1. 菜单覆盖在横幅上是什么意思?如果是像我网站首页那样的话,直接设置页面为透明页头就可以了。

  4. 您好,请问一下新手指南这个菜单用的是什么功能?点开之后可以并列显示好多菜单,而且还能显示出他们的下一级。是一个什么插件吗?怎么实现的呢?

  5. 你好,我用wordpress设置完网站,还需要怎么设置才能公开发布呢? 现在打开网址一直显示 A New WordPress Site Coming Soon!

  6. 您好,域名是阿里云购买的,服务器是siteground, 现在国外的ip打不开网址,国内的可以打开,这个怎么调整啊,谢谢。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

回到頂端