小時
分鐘
Cloudways 主機獨家優惠:贈金20$+3個月7折,點此前往註冊,才可獲取贈金
專注於架設企業網站,分享WordPress教學和Elementor教學

企業架設網站:全流程完整教程(2023)

如果你想系統的學習全流程的企業架設網站或是WordPress建站,那麼你來對地方了! 本文共分為12個章節,從註冊網域、購買主機、安裝wordpress、選購主題和外掛程式、網站安全、網站設計、內容上傳、網站速度優化等等,以外貿網站為例,全面詳細的講解了用WordPress建站的每一個步驟。 無論你是初學者、個人博主還是外貿SOHO自學建站,都適用。

如果你還不了解什麼是WordPress,那麼我們還提供了一篇詳細的WordPress教程

如果你需要WordPress建站實站案例,那麼我們還準備了兩篇非常受歡迎的、結合了視頻的萬字長文,它們已經幫助了許多讀者成功創建了自己的網站:

📒WordPress建站實例教程(1):零基礎用Astra主題做外貿企業獨立站
📒WordPress建站實例教程(2):零基礎用Elementor外掛程式做企業外貿網站

我們的建站教程是在大量的客戶建站服務中積累的實踐經驗編寫的。 我們使用的主機、主題和外掛程式都是我們自己使用過的,且經過反覆試驗才選定的。 如果你認為它們對你有説明,也希望你能支持我們,從本網站連結去購買它們,或者直接聯繫我們購買。 這樣也能幫助我們維持網站的運營,繼續為大家提供高品質的免費教程。

1.註冊網站網域

在Cloudflare里註冊網域(划算、方便後續解析+CDN)

播放影音

在namesilo里註冊網域

2.購買網站主機、解析網域、安裝WordPress和SSL

過去的3年裡,我用了7、8款主機,經過對比、長期使用后,我最喜歡的主機Cloudways,速度、易用性、服務俱佳。

  • 從本站連結前往註冊Cloudways,可以免去繁雜的身份認證,如果你被要求發郵件去認證,也不用擔心,找我幫你繞過認證
  • 註冊時填寫優惠券LOYSEO,可享有7折3個月,忘了填,沒關係,聯繫在線客服幫你再添加即可
  • 獲贈福利1:我自製的建站教程或是付費主題外掛程式
  • 獲贈福利2:SEO小工具一套

建議將你的域名解析伺服器換到cloudflare,注意,功能變數名稱本身還在你的購買處,只是換了解析伺服器而已,所有的解析記錄(包括郵箱的解析記錄)都需要在cloudflare進行管理。 更換后,你將收穫免費CDN加速網站+對網站的安全防護,能隱藏你的網站主機的真實IP。

國內建站伺服器請看魏艾斯筆記,提供阿裡雲、騰訊雲伺服器建站的相關知識和優惠活動。

3.WordPress基礎操作

如何找到WordPress登錄網址(4種方法)

曾經我以為wordpress登錄網址就是:網域/wp-admin/,直到我擁有了很多個網站,並且為了網站安全,我還用外掛程式改了登錄位址,通常我會用印象筆記記住它們,然而總會有懶忘記的時候。 接下來,本

WordPress建站必須要做的11件事

在使用WordPress製作網站后,有一些雖然基礎但挺重要的操作,新手必備,本文涉及搜尋引擎收錄、介面語言、時區、固定連結、禁用自動生成圖片等等。 完成這些,我們再去架設網站。 勾選「建議搜尋引擎不收錄

如何安裝WordPress主題(3種方法)

在安裝WordPress后,我們需要安裝WordPress主題,主題能為網站帶來皮膚以及網站範本,它就像一個樣板間,有簡裝的,也有精裝、豪華裝的。 WordPress主題分為免費主題和付費主題的,通常免

WordPress如何安裝外掛程式(3種方法)

在架設企業網站時,安裝完Wordpress后,我們需要為Wordpress安裝外掛程式,以便實現各種功能,諸如製作網頁的Elementor、製作聯繫表單的Ninjaforms、管理產品用的woocomm

WordPress功能表教程:10個功能點

本文講解: 什麼是WordPress功能表、如何添加功能表、如何調整功能表順序、如何將產品分類加入功能表、如何編輯功能表、如何添加自定義功能表、如何添加錨點功能表、如何製作超級功能表(megamenu)

4. 網站主題與範本

Wordpress建站必須安裝主題,類似於樣板間一樣:
1.如果你用
Elementor Pro
自己設計外貿網站,那麼使用免費的
Hello elementor
主題即可,Elementor Pro本身就提供很多套範本; 如果再安裝Envato Elements外掛,它的免費版也包含很多範本。

但是要注意的是,envato里的範本好看是好看,但是,由於開發人員不同,所用外掛程式不同,很大可能存在外掛程式配置不精良的情況,如果我用他們,通常都會將這些外掛程式所實現的效果用Elementor Pro來取代,或者用其他熱門穩定且付費的Elementor擴展來替換。

2.你也可以選擇Astra主題,它輕量快速且範本眾多、功能齊全,是我用過的眾多付費主題中的最愛,免費版Astra都提供了很多不錯的範本,Astra付費版提供了一次性購買終生和按年付費兩種方案,也可以聯繫我購買。

3.你還可以在Themeforest輸入行業產品詞查找付費主題,這些主題一般都提供一鍵導入的範本,能節省你設計的時間,以便快速製作外貿網站。 同時,這裡的主題基本是一次性付費永久更新,不需要按年付費。 但是,記得要選賣的多的(五位數及以上)、評價好的,這樣長遠而言比較穩定,譬如我常用的是WoodMart

5.外貿建站常用外掛程式

外掛程式提供各種各樣的外貿建站所需的功能,譬如設計頁面的頁面編輯器外掛程式、管理產品的、詢盤管理與郵件通知、網站速度優化等待。 免費的外掛程式通常在WordPress後台中即可安裝,而付費的外掛程式通常需要上傳外掛程式安裝包,還需要進行在線激活授權,你可以查看這篇《如何安裝外掛程式》的教程。

此外,在下表中,如果你不使用Elementor建站,則前三個外掛程式不用安裝。 什麼樣的情況下不用Elementor建站呢? 譬如你喜歡Kadence主題,它可以直接用WordPress自帶的默認編輯器(古騰堡),就是易用性稍微差了那麼一些。

外掛程式名稱 外掛程式作用 外掛程式費用 何時啟用
頁面設計製作
elementor 最熱門的前端拖放頁面生成器,兩個外掛程式都要裝。 免費 一直啟用
elementor pro 官方價格:單網站版本$59/年,本站正版分銷:90元/2年/1個網站,可聯繫我購買 付費 一直啟用
envato elements 良心外掛程式! 免費版就提供了100多套elementor的網站範本,還有豐富的模組庫。 付費版提供更多網站範本以及付費的圖片庫,官方價格16.5美元/月,本站正版分銷:159元/1個網站/1年+(跟隨我使用),可聯繫我購買 免費 付費 網站完成後可禁用或刪除
IKS Menu Elementor Pro提供的側邊分類篩選功能挺醜的,所以我一般都用這款外掛程式,免費版功能不錯,通常夠用,不夠用可以問我購買付費版:99元/不限網站/終生有效 免費 若用到它,則一直啟用
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是我一直在用的,它的計費方式靈活,可以包月包年,也可以按量購買。 前往瞭解 免費 付費 一旦開始有需要壓縮的圖片時,則啟用; 不需要壓縮圖片時,可禁用或刪除
其他
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.外貿網站設計

WordPress頁面教程

這篇WordPress頁面教程介紹了如下內容:什麼是頁面,頁面具有哪些功能,如何製作頁面,如何將頁面添加到網站功能表中,如何給頁面添加SEO標題、關鍵詞、描述。

我主要使用的是Elementor Pro架設網站,它可以說是業內最火的網頁可視化製作工具,擁有200多套範本隨心導入你的網站。
如果不想自己費勁設計外貿網站,可以選個B2B網站範本導入,能省不少時間,下方是部分Elementor教程,如需系統學習,請點擊查看Elementor教程

設計工具

8.網站內容上傳

外貿網站的常見內容通常是:公司介紹、產品介紹、博客(知識型文章、公司新聞動態)。
在製作公司介紹和產品介紹時,多看看業內優秀的國內外同行的做法,你可能會發現大多產品介紹頁、產品清單頁都很單薄,這種單薄內容的頁面難以增加客戶的信任以獲取詢盤轉化,建議逐個為產品目錄、單個產品撰寫客戶所關心的內容,並通過博客等文章形式,補充跟產品有關的專業內容,或者與產品有交叉的專業內容。 譬如All You Need to Know About [產品名],諸如介紹:What、Why、Where、When、Who、How,推薦一個每天可免費使用幾次的工具供你收集內容綱要:https://answerthepublic.com/

使用woocommerce外掛程式可以很方便的管理產品分類與產品,雖然這個外掛程式本身是為了零售而存在,但只要你不填價格資訊,是可以當做產品展示來用的。

如何安裝WooCommerce

當你使用WordPress搭建一個外貿網站時,尤其是B2C外貿賣貨網站(又或者叫做跨境電商),大概率會用到WooCommerce來管理產品、訂單、配送、收款等等。 本系列的WooCommerce教程是基

如何用WooCommerce管理和添加產品

在使用WordPress進行外貿網站建設時,如果你的產品較多,那使用WooCommerce來管理產品是提高效率的最佳選擇,本篇是WooCommerce教程系列之一,將詳細講解如何在WooCommerce中添加和管理產品。

通過wordpress的post文章管理功能,可以用於管理網站的博客/新聞/資訊/知識/案例等等非產品內容。 通過分類(category)來進行內容的歸類。 在寫作文章時,記得要通過鏈接實現站內文章、產品、頁面之間的關聯性(也叫做內鏈)。 也就是說,你寫的文章是可以在發佈產品時提及的,並通過連結的形式建立聯繫,反之同理,從而形成內容之間的關係網。

如何在Wordpress中發佈和管理文章? 【視頻】

本文將介紹如何在Wordpress中發佈和管理文章/新聞/博客,包括常見功能的操作說明:所有文章清單、添加文章、修改/批量修改文章、克隆或複製文章、刪除/批量刪除文章、定時發佈文章、文章排序、製作文章頁

9.網站速度優化

通常建議外貿網站的網頁加載時間控制在3S及以內,在網站內部要做好圖片的優化,所使用的谷歌字體種類要控制盡量少,同時選擇速度快、帶有緩存的主機,這裡我最推薦的是Cloudways主機,再自己配套緩存外掛程式,譬如 WP Rocket,最後再開啟Cloudflare CDN, 通過測速工具檢測一下,你的網頁速度一般都會是良好的。

Wordpress網站圖片壓縮教程

你是否知道圖片對網站的速度有巨大的影響? 作為新手建站經常忽略這一點,由於上傳了未經優化、壓縮的原圖,導致網站打開速度很慢,還以為是伺服器不好,這是常有的事。 本文就將講解wordpress網站圖片壓縮

圖片壓縮外掛程式

WP Rocket -最好的速度優化外掛程式

WP Rocket 是市面上最好的WordPress網站速度優化緩存外掛程式。 它易用使用、適合新手,能讓使用者一鍵優化網站,而不必進行繁雜的配置,能立即減少網站的載入時間,並提高網站的Google PageSpeed和Core Web Vitals 分數,無需編碼技能。

測速工具

在使用工具進行測速時,注意選擇靠近你主機位置的節點。

除了用工具測速,還要親身體驗網站的速度(瀏覽器無痕模式訪問網站),如果你的網站接入比較多的第三方資源,譬如谷歌分析、谷歌廣告、FB、聊天、反垃圾,這些第三方資源也會在測速結果中體現,但這些並不能由你所控制,而測評得分會收到一定的影響。 所以,如果你體驗網站速度覺得不錯,但測評得分並達不到A,只有B的話,也沒關係。

10.外貿站基礎SEO

在外貿網站製作完成後,你需要將網站提交谷歌、必應等搜尋引擎以便加速收錄,同時安裝數據跟蹤與分析工具輔助你長期的網站運營工作。
安裝Rank Math SEO能方便的管理網站的title、description、網站地圖(sitemap)、接入GSC等等,同時,它也能為你的On Page SEO提供完善的指導與測評,試試看你的網頁能不能在它的測試中接近100分吧。

WordPress外貿網站如何設置Rank Math SEO

在本教程中,將講解如何為B2B外貿網站設置Rank Math SEO外掛程式。 前提:已經安裝並啟動了Rank Math SEO外掛程式,它是免費的,可以在wordpress後台直接搜索外掛程式並安裝。

如何在Rank Math SEO的測試中得到100分

在本教程中,我們將向您展示如何使用Rank Math的內容分析來優化您的文章,並在測試中獲得100分,以及如何設置文章以獲得來自搜尋引擎的更多訪客。 創建新文章時,您的目標之一顯然是為您的文章吸引流量,

WordPress網站如何開通Google Search Console

本文將介紹網站如何開通google search console(以下簡稱GSC),以將網站提交給谷歌收錄、分析網站的自然流量數據,例如:關鍵詞、展示量、排名、點擊率、外鏈等等。 GSC能為網站的Goo

11.數據統計與分析

Elementor自訂代碼教程 (PRO)

Elementor自定義代碼(Custom Code)功能是Elementor Pro付費版本功能,它允許你添加代碼片段,如Google Analytics代碼或Facebook Pixel代碼,你可以

12.網站備份與還原

如何將WordPress網站備份到Google Drive

雖然WordPress的主機通常都提供了自動備份功能,但如果你想將網站備份到主機以外的地方,要怎麼做呢? 本文將介紹如何將WordPress網站備份到你自己的Google Drive。 為什麼需要自己做

13.網站運營,獲取客戶

外貿企業如何做好開發信行銷

Hi,我是LOYSEO站長Bonnie,我有一位架設網站大客戶,他叫Steven,他找我做了多個外貿網站,在合作一年多以來,我也見證了他在開發信、獨立站拓客方面的過程與成果,我十分欣賞他超強的責任心、對

谷歌廣告服務

大家好~屢有讀者、客戶朋友諮詢谷歌廣告投放的服務或培訓,我的朋友 Clark 有三年以上谷歌廣告投放經驗,曾就職於女裝快時尚品牌卡佩西(Cupshe),也在國內一線谷歌廣告代理公司(飛書深諾)擔任過高級

WordPress外貿建站流程
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我
來開通 SEO 工具20+