使用WordPress自建外貿(mào)B2B獨立站教程

時間：2023-08-13 07:54:01 | 來源：網(wǎng)站運營

時間：2023-08-13 07:54:01 來源：網(wǎng)站運營

使用WordPress自建外貿(mào)B2B獨立站教程：在本教程中，我將手把手教你使用 ChemiCloud 和 Astra 搭建一個 WordPress 外貿(mào)網(wǎng)站，內(nèi)容涵蓋外貿(mào)建站的方方面面，下面是完整教程指南，0基礎(chǔ)也能學(xué)會。

使用WordPress自建外貿(mào)B2B獨立站教程

近幾年，WordPress外貿(mào)建站非常流行。但有一個奇怪的現(xiàn)象，很多建站新手為了省錢，去使用一些來路不明的破解主題模板，甚至還有人愿意花錢去購買所謂的漢化主題......

哎，如果你真想白嫖，不如使用今天介紹的 Astra 免費版。

它自帶漢化，能完美兼容 Elementor 可視化頁面編輯器，功能方面僅次于 Avada 付費主題，有上百個模板可以一鍵導(dǎo)入、拼接、修改，簡直就是白嫖黨的福音。

接下來，我就詳細介紹它的外貿(mào)建站流程，請大家請按照我的建站步驟一步一步操作。

第1步、選擇最好的域名和主機

域名和主機是外貿(mào)建站的第一步，任何一個網(wǎng)站都不能例外。域名是網(wǎng)站的入口地址，也是網(wǎng)站的品牌名稱，比如 http://baidu.com。主機是安裝網(wǎng)站系統(tǒng)、存放網(wǎng)站內(nèi)容的地方。

域名，我們推薦在 NameSilo 上注冊購買。它是目前性價比最高的國外域名注冊商，有免費的域名隱私保護和支付寶付款，安全可靠。相關(guān)教程請閱讀 NameSilo 域名購買。

注冊域名時，記住 com 后綴是首選，名稱越短越好，這樣才容易被人記住。如果你想不出好的名稱，請使用品牌名，或者品牌名 + 產(chǎn)品詞的組合，比如 http://abcmachines.com。

主機，我們推薦在 ChemiCloud 上注冊購買。它是目前性價比最高的外貿(mào)建站主機，有一個頂配的 cPanel 面板，性能好、功能全、速度快，并且在安全方面也有一定的優(yōu)勢。

購買主機時，記住要自己輸入優(yōu)惠碼 DX70 才能享受 70% 優(yōu)惠折扣。折算下來最便宜方案不到 50 美元/年，買三年只要 107 美元，相關(guān)教程請閱讀 ChemiCloud 主機購買。

順便說下，ChemiCloud 有一個免費的網(wǎng)站搬家服務(wù)，可以把網(wǎng)站從以前的主機遷移出來。搬家期間你的網(wǎng)站不會受到任何影響，非常適合想換主機但又不會換的新手使用。

第2步、一鍵安裝 WordPress

WordPress 是目前最好的外貿(mào)建站系統(tǒng)，域名和主機購買好之后，下一步就是安裝它。首先登陸 ChemiCloud 后臺，然后進入 cPanel 面板，點擊 WordPress 一鍵安裝按鈕。

按照下圖，自行設(shè)置 WordPress 登陸名和登陸密碼，選擇 http://www 前綴，禁用 WPMU 和 Cron，勾選安裝 Loginizer 插件（防后臺暴力破解），然后點擊 Install。

到這，WordPress 就安裝好了。但此時網(wǎng)站是無法打開的，因為還有一個設(shè)置沒做，那就是綁定域名和主機，也叫域名解析，設(shè)置好才能打開主機上面的網(wǎng)站內(nèi)容。

域名解析，首先去 ChemiCloud 后臺找到主機地址，有三條：http://ns1.serverhostgroup.com，http://ns2.serverhostgroup.com，http://ns3.serverhostgroup.com，如下圖所示。

然后，進入 NameSilo 域名后臺 ，找到 NameServers，把域名的默認地址替換成主機的。

接下來，等待域名解析生效。等待期間可以使用 whatsmydns 查詢域名解析是否生效，大概需要半個小時，生效后才能開通 https，正常打開網(wǎng)站，登陸網(wǎng)站后臺。

說到 https，它是一個網(wǎng)站安全標示，建議在正式建站之前就開通它。開通流程如下圖所示，首先，點擊 cPanel 控制面板里的扳手按鈕，免費一鍵安裝 SSL 證書。

然后，點擊 cPanel 控制面板里的 Domains 圖標，打開始終顯示 https 的按鈕。

第3步、安裝 Astra 主題模板

WordPress 安裝好，下一步是登陸 WordPress 后臺安裝 Astra 主題。WordPress 的默認登陸地址是：你的域名.com/wp-admin，打開后輸入安裝時自己填寫的用戶名和密碼。

第一次登陸 WordPress 后臺，有幾個選項必須要先設(shè)置。首先，關(guān)閉搜索引擎收錄，等網(wǎng)站建完再開啟，這樣做的目的是有利于外貿(mào)網(wǎng)站的 SEO 優(yōu)化。

然后，把 WordPress 設(shè)置成前端顯示英文，后臺顯示中文。這樣做既方便了國外客戶訪問網(wǎng)站時，不會看到中文。又方便了自己建站操作時，對每一個后臺選項都很容易理解。

接下來，開始安裝 Astra 主題模板。在 WordPress 菜單欄找到主題選項，點擊安裝主題，然后搜素 Astra 并一鍵安裝啟用。

如果遇到 Astra 主題啟用失敗，可以返回主題選項，再次點擊啟用 Astra 主題。

Astra 主題啟用后，接下來去“Astra 選項”安裝配套的 Starter Templates 模板導(dǎo)入插件。 這個插件是 Astra 主題建站的核心，也是新手能自己搞定外貿(mào)建站的關(guān)鍵所在。

接下來，選擇要導(dǎo)入的模板。頁面編輯器推薦 Elementor，模板推薦 Brandstore，因為它有外貿(mào)建站里最重要的產(chǎn)品頁面，能最大程度的減少外貿(mào)建站所需的時間成本。

最后，在 WordPress 后臺的插件欄，禁用刪除一些和外貿(mào)建站不相關(guān)的插件。

模板導(dǎo)入后，一個歐美風(fēng)格、內(nèi)容豐富、功能強大的網(wǎng)站雛形已現(xiàn)，但它還不算是一個真正意義上的外貿(mào)網(wǎng)站。接下來，我們會在模板的基礎(chǔ)上對網(wǎng)站進行自定義，進一步完善外貿(mào)建站。

第4步、自定義 Header 和 Footer

頁眉（Header）是第一個需要自定義的地方，它位于網(wǎng)站的最上方，管理著網(wǎng)站Logo，網(wǎng)站導(dǎo)航，按鈕等等，自定義方法如下。

首先，點擊 Customize，找到頁眉生成器。它有一個類似Excel表格的編輯框，可以移動，添加或刪除各種不同的網(wǎng)站元素。

接下來，從“網(wǎng)站標題和 Logo ”開始，替換原始 Logo，同時關(guān)閉“高分辨率Logo”。

然后，點擊自定義透明頁眉，關(guān)閉“透明頁眉使用不同Logo”。

最后，點擊 DESIGN，把頁眉背景顏色設(shè)置成白色， 菜單設(shè)置成黑色，完成后發(fā)布。這樣做的目的是制作Logo方便（不用透明背景），而且白色背景和任何Logo都很好搭配。

Logo 和頁眉背景顏色修改完，下一步是對主菜單進行可以排序、刪除和添加。如果你還沒確定主菜單里的內(nèi)容，可以等網(wǎng)站個頁面制作完再來設(shè)置。

菜單修改完，接下來刪除頁眉里的購物車，添加一個指向聯(lián)系頁面的詢盤按鈕，完成后發(fā)布。

頁腳是第二個需要修改的地方，它位于整個網(wǎng)站的最底部，管理著網(wǎng)站鏈接，版權(quán)信息等等。

首先，通過“Customize”進入自定義編輯頁面，找到頁腳生成器的編輯框。

接下來，把頁腳版權(quán)信息替換成自己的，正確的格式及寫法如下。

然后，點擊頁腳里的 Widget 小工具，依次替換里面的內(nèi)容，可以是文字說明，也是網(wǎng)站鏈接。

第5步、自定義 Product 產(chǎn)品頁面

產(chǎn)品頁面會用到 WooCommerce 和 Astra 的一些自定義選項。首先，找到 Store 頁面，通過快速編輯選項，把它的名字替換成 Products。

然后，更改固定連接名稱，常用設(shè)置選文章名，產(chǎn)品固定連接選 Shop base，保存修改。

接下來，通過“Customize”進入自定義選項，找到 WooCommerce 的產(chǎn)品目錄，關(guān)閉價格和評級的顯示選項。

到這，網(wǎng)站主導(dǎo)航里的 Products 頁面就編輯完了。接下來，我們編輯單個產(chǎn)品頁面。首先，找到 WordPress 后臺菜單的產(chǎn)品欄，隨便找一個產(chǎn)品進行編輯。

然后，修改產(chǎn)品的標題，URL和詳細描述。描述可以使用 Elementor 修改，能添加很多不同的元素進去，比如表格，圖片，圖表等可視化元素。

刪除產(chǎn)品模板里的價格，產(chǎn)品頁面對應(yīng)的 add to cart 也會自動刪除。

修改產(chǎn)品頁面的簡短描述，同時還可以在最下面添加一個詢盤表單。

刪除產(chǎn)品屬性，因為詳細描述里可以更好的描述產(chǎn)品。

設(shè)置產(chǎn)品類別，確認無誤后，點擊更新按鈕，發(fā)布產(chǎn)品頁面。

最后，在 WooCommerce 菜單找到設(shè)置產(chǎn)品，不允許產(chǎn)品評價，保存修改。

第6步、自定義 Home、About 和 Contact 頁面

網(wǎng)站首頁看上去很復(fù)雜，其實有一個捷徑可走，那就是拼接 Astra 的模板。首先，打開首頁編輯頁面，點擊 Elementor 編輯按鈕。

然后，把頁面拉到最下方，使用 Astra 的模板功能，導(dǎo)入 Local Business 這個模板的首頁。

接下來，找到 Elmentor 頁面編輯的導(dǎo)航，把第一個模板里的模塊刪除后 Update。

最后，把新模板里的文字和圖片替換成你自己的。因為Elementor是一個可視化頁面編輯器，操作很簡單，我就不在這逐一演示，如果遇到不會的，可以留言。

網(wǎng)站首頁編輯完，其他頁面（比如 about 和 contact）都可以用我介紹的這個模板拼接方法來編輯，建站的速度非常的快。

唯一要注意的是，聯(lián)系頁面會用到表單插件 WPForms。它的使用方法是找到預(yù)建好的表單，進入后點擊 Settings 和 Notification，把通知郵箱修改成自己的，然后保存。

第7步、自定義 Blog 文章頁面

博客頁面和上述幾個頁面的編輯不同，需要去頁面選項新建一個 Blog 頁面，完成后發(fā)布。

然后，返回 WordPress 菜單里的設(shè)置 - 閱讀，文章頁選擇 Blog，保存修改。

接下來，開始寫文章，發(fā)布新文章，為后續(xù)的谷歌SEO優(yōu)化排名做內(nèi)容引流。

總結(jié)

Astra 主題作為一個免費主題，里面的核心功能（模板）實在是太好用了，不是付費，媲美付費。利用模板拼接大法，誰都可以快速搭建一個專業(yè)的 WordPress 外貿(mào)網(wǎng)站。

另外，使用本文介紹的 ChemiCloud 主機外貿(mào)建站，配合它贈送的 LiteSpeed 插件優(yōu)化網(wǎng)站，谷歌測速非?？欤貏e適合想要通過谷歌推廣獲取流量和詢盤的同學(xué)使用。