如果你想系統的學習全流程的架設企業網站或是WordPress架設網站,那麼你來對地方了! 本文共分為12個章節,從註冊網域、購買主機、安裝wordpress、選購主題和外掛、網站安全、網站設計、內容上傳、網站速度優化等等,以企業網站為例,全面詳細的講解了用WordPress架設網站的每一個步驟。 無論你是初學者、個人博主還是外貿SOHO自學架設網站,都適用。
如果你還不了解什麼是WordPress,那麼我們還提供了一篇詳細的WordPress教學。
如果你需要WordPress建站實站案例,那麼我們還準備了兩篇非常受歡迎的、結合了視頻的萬字長文,它們已經幫助了許多讀者成功創建了自己的網站:
我們的架設網站教學是在大量的客戶架設網站服務中積累的實踐經驗編寫的。 我們使用的主機、主題和外掛都是我們自己使用過的,且經過反覆試驗才選定的。 如果你認為它們對你有説明,也希望你能支持我們,從本網站連結去購買它們,或者直接聯繫我們購買。 這樣也能幫助我們維持網站的運營,繼續為大家提供高品質的免費教學。
1.註冊網站網域
2.購買網站主機、解析網域、安裝WordPress和SSL
過去的5年裡,我用了7、8款主機,經過對比、長期使用后,我最喜歡的主機是Cloudways,速度、易用性、服務俱佳。
- 從本站連結前往註冊Cloudways,可以免去繁雜的身份認證,如果你被要求發郵件去認證,也不用擔心,找我幫你繞過認證
- 註冊時填寫優惠券LOYSEO,可享有7折3個月,忘了填,沒關係,聯繫在線客服幫你再添加即可
- 獲贈福利:我自製的建站教程 或 付費主題外掛程式 或 Elementor範本套件
建議將你的域名解析伺服器換到cloudflare,注意,功能變數名稱本身還在你的購買處,只是換了解析伺服器而已,所有的解析記錄(包括郵箱的解析記錄)都需要在cloudflare進行管理。 更換后,你將收穫免費CDN加速網站+對網站的安全防護,能隱藏你的網站主機的真實IP。
3.WordPress基礎操作
4. 網站主題與範本
Wordpress架設網站必須安裝主題,類似於樣板間一樣:
1.如果你用Elementor Pro自己設計企業網站,那麼使用免費的Hello elementor主題即可,Elementor Pro本身就提供很多套範本; 如果再安裝Envato Elements外掛,它的免費版也包含很多範本。
但是要注意的是,envato里的範本好看是好看,但是,由於開發人員不同,所用外掛程式不同,很大可能存在外掛程式配置不精良的情況,如果我用他們,通常都會將這些外掛程式所實現的效果用Elementor Pro來取代,或者用其他熱門穩定且付費的Elementor擴展來替換。
2.你也可以選擇Astra主題,它輕量快速且範本眾多、功能齊全,免費版Astra都提供了很多不錯的範本,Astra付費版提供了一次性購買終生和按年付費兩種方案,也可以聯繫我購買。 Blocksy主題也不錯,我認為它開箱做的就比較的精美,小而美,雖然沒有那麼多範本和擴展外掛程式,但它的小而美也給人不錯的舒適感。 最後是Kadence,他是以古騰堡編輯器為核心的一個主題,又不少擴展外掛程式,我會用它來做簡單的電商站,也會用它的古騰堡擴展來編輯文章。
3.你還可以在Themeforest輸入行業產品詞查找付費主題,這些主題一般都提供一鍵導入的範本,能節省你設計的時間,以便快速製作外貿網站。 同時,這裡的主題基本是一次性付費永久更新,不需要按年付費。 但是,記得要選賣的多的(五位數及以上)、評價好的,這樣長遠而言比較穩定,譬如我常用的是WoodMart,用於製作電商獨立站。
4. 如果你想知道競爭對手的網站是否使用 WordPress,以及他們使用哪些主題或外掛,可以使用 WordPress 主題外掛偵測工具來檢查。
5.架設企業網站常用外掛
外掛提供各種各樣的架設企業網站所需的功能,譬如設計頁面的頁面編輯器外掛、管理產品的、詢盤管理與郵件通知、網站速度優化等待。 免費的外掛通常在WordPress後台中即可安裝,而付費的外掛通常需要上傳外掛安裝包,還需要進行在線激活授權,你可以查看這篇《如何安裝外掛》的教學。
此外,在下表中,如果你不使用Elementor建站,則前三個外掛程式不用安裝。 什麼樣的情況下不用Elementor建站呢? 譬如你喜歡Kadence主題,它可以直接用WordPress自帶的默認編輯器(古騰堡),就是易用性稍微差了那麼一些。
| 外掛程式名稱 | 外掛程式作用 | 外掛程式費用 | 何時啟用 |
|---|---|---|---|
| 頁面設計製作 | |||
| elementor | 最熱門的前端拖放頁面生成器,兩個外掛程式都要裝。 | 免費 | 一直啟用 |
| elementor pro | 官方價格:單網站版本$59/年,本站正版分銷:90元/2年/1個網站,可聯繫我購買 | 付費 | 一直啟用 |
| IKS Menu | Elementor Pro提供的側邊分類篩選功能挺醜的,所以我一般都用這款外掛程式,免費版功能不錯,通常夠用,不夠用可以問我購買付費版:49元/1個網站/終生有效 | 免費 | 若用到它,則一直啟用 |
| WooCommerce | 管理產品的電商系統,適合做跨境電商獨立站,但如果你是B2B的企業網站,不需要銷售功能,那只需要其中產品功能即可。 不過,因woocommerce功能龐大,確實會降低網站後台速度,也會增加頁面體積,稍許降低頁面速度,如果你不做在線銷售的網站,可以查看這個方案管理產品。 | 免費 | 一直啟用 |
| Advanced Custom Fields | 默認情況下,文章、產品只有標題、摘要、正文、封面圖等基本字段,通過它可以新增各種自定義欄位,譬如視頻、產品手冊附件、qa、規格參數等。 | 免費 | 若用到它,則一直啟用 |
| SEO外掛程式 | |||
| Rank Math SEO | 網站SEO設置功能,譬如tdk、sitemap、robots、關聯Google Search Console等等N多的功能。 對SEO有追求的,可以和我一起用付費版,本站正版分銷:90元/2年/1個網站,可聯繫我購買 | 免費 | 網站完成製作後需要配置SEO設置時,一直啟用 |
| 安全外掛程式 | |||
| Wordfence Security | 防火牆和惡意軟體掃描,安全防護類的外掛程式,通常裝這一個就夠了,不要重複安裝,譬如:Jetpack。 | 免費 | 一直啟用 |
| 提速外掛程式 | |||
| WP Rocket | 緩存外掛程式,給網站加速,官方價格:單網站版本$59/年,本站正版分銷:159元/1個網站/2年以上,可聯繫我購買 | 付費 | 網站完成製作後啟用,並保持啟用 |
| Perfmatters | 是WP Rocket的搭檔,雖然存在部分功能重疊了,但其核心功能是可以按需精簡頁面里的css、js檔,消除一些不必要的HTTP請求,官方價格:24.95美元/1個網站/1年,本站正版分銷:99元/1個網站/2年以上 | 付費 | 若用到它,則一直啟用 |
| Shortpixel | 壓縮圖片,可以批量壓縮、自動壓縮,還能將圖片轉成webp; 每月可免費壓縮100張圖片(注意,這裡的100張不是指你上傳的原圖,因為wordpress會為你上傳的每一張圖片生成多張縮略圖,每張縮略圖都視為需要壓縮的一張圖片,故此,100張免費壓縮指標可能只能壓縮20張左右的原圖)。 Shortpixel是我一直在用的,它的計費方式靈活,可以包月包年,也可以按量購買。 前往瞭解 | 免費 付費 | 一旦開始有需要壓縮的圖片時,則啟用; 不需要壓縮圖片時,可禁用或刪除 |
| 本地雲端儲存備份、網站還原、網站遷移/主機遷移 | |||
| 一體化 WP 遷移與備份 | 你可以將網站備份到目前的主機,匯出或匯入備份,但匯入和還原網站時,最大備份檔案是 256MB。如果超過這個容量,就需要購買付費擴充功能。以下兩種是付費擴充功能,不僅能解鎖檔案大小限制,還能連結對應的雲端硬碟。 | 免費 | 若使用,則為啟用; 若未使用,則可能被禁止使用。 |
| All-in-One WP 遷移 – GDrive 擴充套件 | 它是付費的 All-in-One WP 遷移與備份擴充功能之一,官方價格為每個網站每年 99 美元(詳情請見 More)。它允許你連結 Google 雲端硬碟(免費提供 15GB,但中國地區沒有額外儲存空間)。你可以將網站備份到雲端硬碟,將雲端硬碟的備份匯入網站,並設定排程備份。 | 付費 | 同上一樣 |
| 一體化 WP 遷移 – One Drive 擴充 | 它是 All-in-One WP 遷移與備份的付費擴充之一,官方價格為每個網站每年 99 美元(詳情請見詳情)。它允許你連結 OneDrive 雲端硬碟(5GB 免費;我自己買了付費的 1TB 空間),讓你能將網站備份到硬碟,將雲端硬碟的備份匯入網站,並設定排程備份。 | 付費 | 同上一樣 |
| 其他 | |||
| Code Snippets | 你可以用各種程式碼片段安裝 GA、關閉縮圖和其他短碼到function.php檔案中。如果你直接修改function.php檔案,更新後會還原,所以使用這些管理區段程式碼可以避免這個問題。 | 免費 | 若用到它,則一直啟用 |
| Post SMTP | 用於配置郵件通知和記錄郵件發送歷史; 有些主機提供了為網站發送郵件通知的功能,但是你無法看到發送記錄,所以我偏好用這個外掛程式。 | 免費 | 若用到它,則一直啟用 |
| WPML | 性價比最高的WordPress網站多語言外掛程式,官方價格:99歐元/3個網站/1年,本站正版分銷:90元/1個網站/2年。 | 付費 | 若用到它,則一直啟用 |
6.網站安全防護
請不要安裝來路不明的破解版外掛程式,它們可能存在後門、黑鏈,寄生在你的網站上,讓你的網站無法正常運營,善用WordFence的Scan功能,如若發現檔被篡改,請即時刪除對應的來路不明的外掛程式。 此外,也建議將功能變數名稱解析伺服器切換到cloudflare,它也能提供安防功能。
下面這個修改後台登錄位址的外掛程式,一但裝上,立刻會將你的後台登錄位址改為login,譬如:loyseo.com/login/,預設是 loyseo.com/wp-admin/,所以當你裝完後,發現打開/wp-admin/無法訪問,不要慌,用功能變數名稱/login/即可。
7.外貿網站設計
我主要使用的是Elementor Pro架設網站,它可以說是業內最火的網頁可視化製作工具,擁有200多套範本隨心導入你的網站。
如果不想自己費勁設計企業網站,可以選個B2B網站範本導入,能省不少時間,下方是部分Elementor教學,如需系統學習,請點擊查看Elementor教學。
設計工具
8.網站內容上傳
企業網站的常見內容通常是:公司介紹、產品介紹、博客(知識型文章、公司新聞動態)。
在製作公司介紹和產品介紹時,多看看業內優秀的國內外同行的做法,你可能會發現大多產品介紹頁、產品列表頁都很單薄,這種單薄內容的頁面難以增加客戶的信任以獲取詢盤轉化,建議逐個為產品目錄、單個產品撰寫客戶所關心的內容,並通過博客等文章形式,補充跟產品有關的專業內容,或者與產品有交叉的專業內容。 譬如All You Need to Know About [產品名],諸如介紹:What、Why、Where、When、Who、How,推薦一個每天可免費使用幾次的工具供你收集內容綱要:https://answerthepublic.com/
使用woocommerce外掛程式可以很方便的管理產品分類與產品,雖然這個外掛程式本身是為了零售而存在,但只要你不填價格資訊,是可以當做產品展示來用的。
通過wordpress的post文章管理功能,可以用於管理網站的博客/新聞/資訊/知識/案例等等非產品內容。 通過分類(category)來進行內容的歸類。 在寫作文章時,記得要通過鏈接實現站內文章、產品、頁面之間的關聯性(也叫做內鏈)。 也就是說,你寫的文章是可以在發佈產品時提及的,並通過連結的形式建立聯繫,反之同理,從而形成內容之間的關係網。
9.網站速度優化
通常建議外貿網站的網頁加載時間控制在3S及以內,在網站內部要做好圖片的優化,所使用的谷歌字體種類要控制盡量少,同時選擇速度快、帶有緩存的主機,這裡我最推薦的是Cloudways主機,再自己配套緩存外掛程式,譬如 WP Rocket,最後再開啟Cloudflare CDN, 通過測速工具檢測一下,你的網頁速度一般都會是良好的。
圖片壓縮外掛程式
測速工具
在使用工具進行測速時,注意選擇靠近你主機位置的節點。
除了用工具測速,還要親身體驗網站的速度(瀏覽器無痕模式訪問網站),如果你的網站接入比較多的第三方資源,譬如谷歌分析、谷歌廣告、FB、聊天、反垃圾,這些第三方資源也會在測速結果中體現,但這些並不能由你所控制,而測評得分會收到一定的影響。 所以,如果你體驗網站速度覺得不錯,但測評得分並達不到A,只有B的話,也沒關係。
10.外貿站基礎SEO
在外貿網站製作完成後,你需要將網站提交谷歌、必應等搜尋引擎以便加速收錄,同時安裝數據跟蹤與分析工具輔助你長期的網站運營工作。
安裝Rank Math SEO能方便的管理網站的title、description、網站地圖(sitemap)、接入GSC等等,同時,它也能為你的On Page SEO提供完善的指導與測評,試試看你的網頁能不能在它的測試中接近100分吧。