原文標(biao)題(ti):外貿建(jian)站新手教程：從零開始自己搭建(jian)外貿網(wang)站

通(tong)過學習這篇外(wai)貿建(jian)站(zhan)教程(cheng)，即便你(ni)是一個完(wan)完(wan)全全的建(jian)站(zhan)新手，也(ye)可學會Wordpress外(wai)貿自(zi)建(jian)站(zhan)方法，可以快速而簡單地(di)創建(jian)出一個實用的外(wai)貿網站(zhan)，無需懂得(de)代(dai)碼編程(cheng)。

通過此方法做(zuo)出(chu)的(de)網站(zhan)，雖然不能(neng)說(shuo)是非常專(zhuan)業，但絕對會超(chao)過國內七成以上的(de)外貿網站(zhan)。

當(dang)然，有條件的還是建議找專業(ye)的外貿(mao)建站(zhan)商(shang)做(zuo)網站(zhan)，比如我們(men)云(yun)點(dian)。

我方建(jian)(jian)站確保做出的(de)網站沒有任何SEO死角(jiao)，所用的(de)建(jian)(jian)站程(cheng)序針對SEO進行過二(er)次(ci)開發(fa)配置，擁(yong)有最佳的(de)SEO營銷性能，這些都不是自己簡單建站可比的；不要因為一點小錢，耽誤自身發展時間。

好了，題外話就(jiu)說(shuo)到這里(li)，下(xia)面(mian)正(zheng)式開始我們的零基礎外貿建站教程。

第(di)1步：了(le)解并確定外貿建站方式(shi)

外貿建站的方式歸納起來其實就兩種：完全自主搭建和使用已有的建站程序搭建。

自(zi)主搭(da)建就是熟悉(xi)使(shi)用(yong)代碼語(yu)言，比如：Html、PHP、ASP、Java等，自(zi)己編(bian)輯出功能程序和(he)網頁。

利用已有(you)的建站程(cheng)序搭建網(wang)(wang)站，指的是使用某個開源CMS（內容(rong)編輯系統）創建網(wang)(wang)頁、構建網(wang)(wang)站，常見(jian)的CMS系統有(you)Wordpress、Joomla、Wix等。

這兩種建站方式做出的(de)網站，沒有絕對(dui)意義(yi)上的(de)優劣之(zhi)分；使用得當，都能做出不錯的(de)網站。

前者對技術水平的要求很高，各個方面可自由(you)定制，常用(yong)于建設大型(xing)網站(zhan)。

后者，使用起(qi)來快速、方(fang)便，非完全(quan)定制，一(yi)(yi)般的(de)中小型(xing)網站都是采用此法(fa)搭建，成本也比(bi)第(di)一(yi)(yi)種方(fang)式低得多。

外貿(mao)建站方式的選擇

互聯網(wang)(wang)上絕(jue)大部(bu)分的網(wang)(wang)站都是通過第(di)二種方法（開源(yuan)CMS）搭(da)建(jian)(jian)而成的。因為(wei)，第(di)一種方法（完全自主搭(da)建(jian)(jian)）需要建(jian)(jian)站者熟練(lian)掌握語(yu)言代碼，技術門檻較高。而且，完全自我編輯(ji)的網(wang)(wang)站程序容易出現(xian)各(ge)類問題，需要不斷(duan)地完善改進。

沒(mei)有強大的技術支持，想(xiang)做(zuo)出一個不錯的網站(zhan)是很困(kun)難的，建(jian)站(zhan)的耗(hao)費(fei)也很高(gao)，無論(lun)是時間還是費(fei)用。

像(xiang)阿(a)里(li)巴巴、亞馬遜這些大站(zhan)(zhan)，就(jiu)是屬于完全(quan)自我(wo)搭建的網站(zhan)(zhan)，他們都是有著非常專業的技術(shu)團(tuan)隊(dui)在(zai)維(wei)護網站(zhan)(zhan)運行。

所以，想要0基礎建站，找個成熟的CMS系統建站是最佳的選擇。

大(da)部分(fen)的(de)外貿建站(zhan)商，其實也(ye)都是使用各類CMS在為(wei)客戶建站(zhan)。

有技術的(de)建站商(shang)，會在CMS的(de)基礎(chu)上，自己進行二次(ci)開(kai)發、優化配置，讓建站程(cheng)序做(zuo)出的(de)網(wang)站更加適合(he)SEO，讓網站后期可以取(qu)得(de)更(geng)好的排名效果(guo)。

比如(ru)，我方就是基(ji)于(yu)Wordpress優(you)秀主題進行(xing)了二次開發優(you)化配置(zhi)程序，幫助客戶建站；所(suo)做網(wang)站，后期(qi)基(ji)本(ben)上(shang)都取得了不錯(cuo)的SEO效果。

為(wei)什么選擇Wordpress這個CMS系統呢？

好的(de)(de)東西總是能夠經得起長時間的(de)(de)檢測(ce)，Wordpress網站全(quan)球占比已經將近一半(ban)。Wordpress之所以能夠如此流(liu)行，我們總結出了幾點原因：

• WordPress是完(wan)全免費的一款建站程(cheng)序，所有(you)人都可以使用這個(ge)平臺，沒有(you)功(gong)能性的(de)限制。

• WordPress大(da)(da)大(da)(da)降低(di)了(le)建(jian)站(zhan)(zhan)難度與建(jian)站(zhan)(zhan)時(shi)間(jian)。Html是(shi)所有建(jian)站(zhan)(zhan)語(yu)言(yan)(yan)中最(zui)基(ji)礎的(de)一個，也是(shi)最(zui)容易掌握的(de)一門語(yu)言(yan)(yan)。即便是(shi)Html，從頭開始學習，一般(ban)也需(xu)要(yao)至少6個月的(de)時(shi)間(jian)才能掌握，更不(bu)用說還(huan)有CSS，以及難度更高(gao)的(de)其他語(yu)言(yan)(yan)了(le)。不(bu)涉(she)及二(er)次開發的(de)情(qing)況(kuang)下，使用Wordpress不(bu)需(xu)要(yao)你懂任何代碼語(yu)言(yan)(yan)，一周的(de)時(shi)間(jian)足夠(gou)你熟悉(xi)這個系統，然后就(jiu)可(ke)以開始建(jian)站(zhan)(zhan)。一般(ban)不(bu)太復雜的(de)網站(zhan)(zhan)，10來天的(de)時(shi)間(jian)就(jiu)能夠(gou)通(tong)過Wordpress建(jian)設出來。

• 相比其他的(de)CMS建站程(cheng)(cheng)序，Wordpress是(shi)最(zui)早(zao)出現，同時也是(shi)最(zui)成熟的(de)一個，使(shi)用(yong)體驗(yan)也是(shi)最(zui)佳(jia)的(de)。另外，由(you)于Wordpress的(de)廣泛使(shi)用(yong)，很(hen)多品牌主機(ji)都支持一鍵安(an)裝Wordpress程(cheng)(cheng)序，讓Wordpress建站變得更加簡單。

WordPress本(ben)身具有良好的延展(zhan)性，以此為基礎(chu)，很多優(you)秀的、功能強大的主題和插(cha)件被開發(fa)了出來。我們可以通過Wordpress+主題+插(cha)件，建(jian)設(she)各種類型的網站(zhan)。例(li)如，使用WooCommerce插(cha)件建(jian)設(she)B2C商城網站(zhan)：WooCommerce外(wai)貿建站教程(cheng)，WooCommerce插件怎么用

但，WordPress更適合搭建(jian)B2B網站(zhan)，如果想要建(jian)設B2C商(shang)城站(zhan)，更建(jian)議使用(yong)Shopify：Shopify外貿(mao)建(jian)站教程，Shopify B2C獨立站搭建(jian)全流程

第2步(bu)：準備好外貿建站要(yao)使用的域名(ming)和空間主(zhu)機

建立一個外貿網站(zhan)離不開域名和(he)主機。

用戶通過域名訪問你的(de)網(wang)站(zhan)，網(wang)站(zhan)的(de)程序則(ze)需要放(fang)在主機里才能運行，進而反饋給用戶相關頁面。

選擇域名(ming)和主機空(kong)間需要考慮到多方面因素，相(xiang)關建議：如何選(xuan)擇域名以及如何選擇主機

域(yu)名和空間的(de)注冊(ce)購買方法

域名(ming)：Namesilo注(zhu)冊購買(mai)域名(ming)教(jiao)程

空間：Siteground外貿主機購(gou)買教程

如果想在國內購買域名，可以選擇阿里云，操作麻煩一些(xie)，需要進行(xing)實名認證：阿(a)里云(yun)（萬網）注冊購買域名教程

第3步：安裝WordPress

域名和(he)空間(jian)主機購買(mai)后，就可以(yi)開(kai)始設置使用了。

首先，我們要通過主機(ji)后臺(tai)功能(neng)，安裝Wordpress，具體步驟(zou)：

1. 登錄Siteground后臺，進(jin)入Websites欄目，在(zai)跳轉到的頁面中找到網站(zhan)域名，點(dian)擊(ji)下方的“COMPLETE”按鈕。

2. 點擊Start New Website下方的“SELECT”按(an)鈕。

3. 點(dian)擊選擇Wordpress安裝程序。

4. 選擇(ze)好了安裝(zhuang)程序后，下面會(hui)讓你(ni)填寫登錄wordpress后臺的(de)登錄名/郵(you)箱(xiang)和密碼(ma)，填寫一個你(ni)在使用的(de)郵(you)箱(xiang)，密碼(ma)建(jian)議使用自動生成(cheng)的(de)，比較(jiao)安全，別(bie)忘了復制密碼(ma)保存好，填完后點(dian)擊(ji)繼續。

5. 接下(xia)來的頁面(mian)里，會讓你選(xuan)擇是否額外購買Site Scanner病毒掃(sao)描(miao)功能，可以直接略過，點擊FINISH完成。

Siteground將開始在主機空間里安裝程序。

6. 安(an)裝成功后，會有(you)提示。至此，主(zhu)機方面的設置就完成了(le)。

如(ru)果你想要(yao)屏蔽國內的訪問者，也可在主機里進行設置：外貿網站如何屏蔽國內IP訪(fang)問

第4步：解(jie)析域名(ming)使之生效(xiao)

1. 在設(she)置域名(ming)解析之(zhi)前，我們得先回(hui)到Siteground后(hou)臺的(de)Websites欄目，點(dian)擊(ji)域名(ming)后(hou)面的(de)“SITE TOOLS”按鈕。

2. 在跳轉(zhuan)的頁面中(zhong)，找到空間(jian)主機的IP地址，并記錄保存(cun)，后面有用，就(jiu)是(shi)下圖(tu)中(zhong)“IP Address”。

3. 登錄namesilo后臺，找到需要解(jie)(jie)析(xi)的域名，點擊右側那個(ge)球形按鈕，進入添加解(jie)(jie)析(xi)頁面。

4. 按下圖示(shi)例，添(tian)加(jia)兩(liang)(liang)個A記錄(lu)解析規(gui)則，其中的IP地址填寫之前你保存好(hao)的主機IP地址。這兩(liang)(liang)條規(gui)則，可以讓用戶輸入域名時，無(wu)論帶沒帶www均(jun)可訪問(wen)到網站(zhan)。

5. 上述步(bu)驟全部完(wan)成后，等待解析生(sheng)效即可，一般1個(ge)小時內(nei)肯(ken)定能(neng)夠生(sheng)效。解析生(sheng)效后，外(wai)貿網(wang)站(zhan)其(qi)實就已經可以訪問了，但此(ci)時網(wang)站(zhan)是空(kong)白(bai)內(nei)容(rong)，顯示的(de)(de)是Wordpress默認的(de)(de)博客主題。

第5步(bu)：安裝主題程(cheng)序

WordPress自帶的(de)(de)默認主題功能(neng)很少，只能(neng)用作簡(jian)單博客使用。想要做(zuo)個不錯的(de)(de)外貿網站，我們需要先安(an)裝一款優秀的(de)(de)主題。

這里介紹3個最受歡迎的Wordpress多功能(neng)主(zhu)題：Enfold、Avada、The7。這三個主題，我方均測試過，都適合用于外貿建站。

其(qi)(qi)中(zhong)，Enfold主題對(dui)于SEO的適(shi)應(ying)性最好(hao)，我方就是基于這個主題進行(xing)了(le)二(er)次開發，讓其(qi)(qi)完全符合SEO需求，然后用(yong)于給客戶(hu)建站。

Avada主(zhu)題(ti)各方面(mian)比較(jiao)均衡，設計樣(yang)式比較(jiao)多。

The7主題使用方法相對來說(shuo)最為簡單，較為適合新(xin)手操作(zuo)(zuo)，我們這里就選擇The7作(zuo)(zuo)為講解(jie)對象。

下面說下，Wordpress如何自行(xing)安裝主(zhu)題(ti)程序：

1. 登錄網(wang)站的后臺。

通過瀏覽器訪問你的網站域名，后面加上wp-admin，這就(jiu)是(shi)Wordpress網站統(tong)一的后臺登(deng)錄地址，形(xing)式如下：www.example.com/wp-admin

輸入安裝建站(zhan)程序時，保存好的賬號(hao)和密(mi)碼，點擊“Log In”。

2. 在(zai)網站(zhan)后(hou)臺中(zhong)，找到“Appearance”下方的“Themes”選項(xiang)并點擊(ji)。

3. 點擊(ji)上方(fang)的(de)“Add New”按(an)鈕，添加(jia)新主(zhu)題。

4. 點擊“Upload Theme”上傳主(zhu)題程序(xu)，進行安裝；沒有主(zhu)題的，可以到Themeforest官網(wang)購(gou)買。

5. 安裝(zhuang)完(wan)成(cheng)后，點擊“Activate”激活(huo)，開(kai)始使(shi)用(yong)。

第(di)6步：網站(zhan)后臺功能介紹

為(wei)了方便(bian)講解，讓大(da)家更容易理解所講內容，我將使用中文界面(mian)來講，大(da)家可以(yi)對照著操作。

掌握了網站后(hou)臺的(de)基礎功能(neng)后(hou)，你才能(neng)按照(zhao)自己想(xiang)法制(zhi)定網站的(de)設計風格和內(nei)容，建(jian)議網站以實用為(wei)目(mu)標，沒有思路的(de)話，可以參考(kao)我(wo)方建站(zhan)設計風格(ge)。

如果你是(shi)做英文站的(de)(de)，后臺語(yu)(yu)(yu)言默認英文，不要改動(dong)。如果改動(dong)的(de)(de)話(hua)，前臺一些(xie)系統默認顯示(shi)的(de)(de)地(di)方，比如面包屑(xie)導航(hang)，就(jiu)會使(shi)用你改動(dong)后的(de)(de)那個語(yu)(yu)(yu)言。這樣，你自己編輯的(de)(de)內容是(shi)英文的(de)(de)，一些(xie)系統默認的(de)(de)地(di)方卻顯示(shi)其他(ta)語(yu)(yu)(yu)種，整個網站無法保(bao)持(chi)語(yu)(yu)(yu)言一致性了。

1. 了解(jie)網站(zhan)后臺(tai)功(gong)能(neng)區

登錄后臺后，我(wo)們首(shou)先會來(lai)到儀表(biao)盤區(qu)域，這(zhe)塊區(qu)域相(xiang)當于(yu)網站(zhan)情況(kuang)的概覽，比(bi)如顯示(shi)網站(zhan)已有(you)多少頁面、文(wen)章。

左(zuo)上角(jiao)(jiao)是(shi)(shi)網(wang)站名(ming)稱，右(you)上角(jiao)(jiao)是(shi)(shi)登(deng)錄的賬戶，左(zuo)側(ce)邊欄是(shi)(shi)網(wang)站后臺功(gong)能(neng)(neng)區域，右(you)側(ce)顯示具體功(gong)能(neng)(neng)頁面。

我們設置(zhi)網站和編輯(ji)內(nei)容，都要(yao)通過功能區(qu)域(yu)選擇(ze)對應(ying)的功能進行操(cao)作。

下面先簡單介紹下，主(zhu)要的(de)功能區作用(yong)。

儀表盤：顯示網站概覽的地方，通過下面的首頁可以查看網站首頁，更新里顯示可以更新的項目。

一般情況下不建(jian)議更新(xin)，Wordpress網站是由原程序、主題以及插件共同構(gou)建(jian)而成(cheng)，更新(xin)其中的某一個，有可能造成(cheng)兼容性問題，導致無法訪問，或者某個區塊出問題。

所以，一般情況(kuang)下(xia)不要去(qu)更新。現在的Wordpress程序也(ye)已經足夠(gou)成熟，安全性(xing)方面也(ye)無需(xu)擔(dan)心。

The7：這里是顯示The7主題相關信息的地方，無需設置。

主題選項：這個是The7主題的基礎設置區域，每個主題都有自己設置網站基礎信息的地方，里面有詳細的設置選項，下文有具體說明。

文章：發布文章的地方，同時可以給文章設置類目以及Tag標簽。

媒體：上傳媒體文件的地方，主要是圖片（外貿建(jian)站(zhan)中原創(chuang)圖(tu)片的獲取和使用方法）。

頁面：創建網站頁面的地方，主要用于創建網站上的常用頁面。

評論：管理網站里評論留言的地方，前提是網站已經打開允許評論功能，一般默認打開。

項目、推薦、團隊、相冊：后面會有具體使用方法介紹。

幻燈片：用于設置網站Banner圖片的地方。

插件：用于管理和安裝網站插件的地方。

外觀：安裝主題，給網站添加小工具，也是編輯網站菜單導航的地方。

這里就(jiu)先介紹(shao)以上這些(xie)內容(rong)，其他的功能(neng)區，會在具體用到的時候再介紹(shao)。

2. 設置外(wai)貿網站的基礎信(xin)息(xi)

The7主題(ti)的網站(zhan)基礎信息是通(tong)過主題(ti)選項里的諸多功能實現的：

皮膚：設置網站基礎色彩的地方。

這(zhe)里有一些已經搭配好的色彩方案，可以自(zi)由選擇，設置(zhi)保存后，可以通過訪問網(wang)站查看效果。

網站里的(de)各(ge)個元素(su)基(ji)本上都可以自(zi)(zi)定義顏色。因此，這里可以先根(gen)據自(zi)(zi)己喜好隨(sui)意選擇一個就行。

品牌：這里用于設置網站的Logo標志，以及不同狀態的導航欄里Logo的樣式，包括普通導航、透明導航、浮動導航、移動端、底部欄的Logo顯示。

除此之外，這里(li)還可(ke)以設置(zhi)網站圖標和(he)底(di)部(bu)版(ban)權信息(xi)。

總體外觀：這里可以設置網站的整體布局，包括寬度和展示模式。一共兩種展示模式：全寬和盒式。

全寬就是(shi)網站全屏(ping)展示(shi)，而盒式是(shi)網站顯示(shi)只占屏(ping)幕中間部分，兩(liang)側(ce)有邊(bian)距。

設置為盒(he)(he)式(shi)的時候，需(xu)要定義盒(he)(he)子的寬(kuan)度占比(bi)，比(bi)如(ru)全寬(kuan)1300像素(su)，盒(he)(he)子可以定義成1000像素(su)，這樣兩(liang)邊各有150像素(su)的間距。

除此之外，這里還可以(yi)設置網站(zhan)的整體(ti)背景、內容框(kuang)顯(xian)示樣(yang)(yang)式(shi)、分隔線樣(yang)(yang)式(shi)、幻燈(deng)片符號樣(yang)(yang)式(shi)以(yi)及網站(zhan)加載時的顯(xian)示樣(yang)(yang)式(shi)。

這里說(shuo)一點(dian)，很多(duo)時候，網站設置保(bao)持默認即可，有了(le)想(xiang)法再(zai)來找(zhao)對應的(de)設置改，這樣(yang)做更(geng)有效率(lv)。

版面設計：這里主要設置網站內的字體樣式，包括大小、顏色等方面。

網(wang)站的(de)內容字體、導航(hang)欄(lan)字體、底部欄(lan)字體、面(mian)包(bao)屑導航(hang)字體、H標題的(de)字體等均可(ke)在(zai)此處進(jin)行(xing)設置。

頂部欄&導航欄：這里可以對網站最上方的頂部欄和導航欄進行相關的設置。包括：布局、內容、樣式的設置。除此之外，還有對菜單導航方面的相關設置。

其中，頂部欄(lan)的(de)內(nei)容，可(ke)以自行定(ding)義。把想要的(de)元素，從右側“未激活元素”用鼠標拖動到左側的(de)相關欄(lan)目里(li)即(ji)可(ke)，拖動完成后，可(ke)以點擊打開(kai)，編輯里(li)面的(de)內(nei)容。

頁面標題：這里是對頁面標題區域進行設置的地方。可以設置標題區域的布局、高度等相關信息。

頁面的(de)標題區(qu)域就是(shi)一(yi)般頁面的(de)主導(dao)航欄與正文內容之間的(de)那(nei)(nei)個(ge)區(qu)域，同時(shi)也是(shi)面包屑導(dao)航存在(zai)的(de)那(nei)(nei)個(ge)區(qu)域，這(zhe)里也可以對面包屑導(dao)航進行相關設置。

側邊欄：這里可以對網站的側邊欄進行相關的設置，包括側邊欄的寬度、樣式、文本顏色等信息。

網站的(de)(de)側邊欄(lan)和底(di)部內(nei)容是通過小工具進行添加的(de)(de)，下文中會有具體(ti)介紹使(shi)用方法。

頁腳&底部欄：這里是對網站底部區域進行設置的地方，包括頁腳和底部欄兩塊區域。

按鈕：用來設置網站中出現的按鈕的相關設置。包括按鈕的樣式、顏色等信息。

網(wang)站頂(ding)部(bu)的可點擊社交符號也屬于按鈕。

按(an)鈕(niu)分為(wei)小按(an)鈕(niu)、中按(an)鈕(niu)、大按(an)鈕(niu)，均可(ke)設置。

Contact forms：設置聯系表單的地方，也就是我們在一些網站中看到的，可以留言提交的那個表單，一般需要配合相關的插件才可以正常使用。另外，聯系表單一般要用到域名郵箱，也叫企業郵箱，可以免費注冊：如何免費注冊(ce)使用騰訊企業郵箱(xiang)

除了聯系表單，在線(xian)聊(liao)天也是比較(jiao)常用(yong)的(de)客戶溝通(tong)方式(shi)，尤其(qi)是對于商城型網站。如果(guo)需要使用(yong)在線(xian)聊(liao)天功能，可(ke)參閱此文進行添加(jia)：外(wai)貿建站如何注冊(ce)使(shi)用Tidio在線聊(liao)天工具

分享按鈕：用于設置分享功能的地方，方便讀者分享你的網頁到社交平臺。這項功能對于社交平臺SNS推廣比較重要，更多詳情可查閱：外貿SNS推廣是什么，社交(jiao)媒(mei)體營銷怎么做(zuo)

小工具區域：用來創建小工具區域的地方，注意是區域，而不是創建小工具。

打(da)個(ge)比方，我(wo)們想在側邊(bian)欄加個(ge)導航，首先就得(de)有一(yi)個(ge)側邊(bian)欄的小工(gong)具區域，然(ran)后才(cai)能把導航小工(gong)具放(fang)入其中(zhong)，繼而顯示(shi)出相關(guan)內容(rong)。

添(tian)加小(xiao)工具到小(xiao)工具區域的地方在“外觀”中的“小(xiao)工具”里：

通過鼠標拖拽可(ke)以把需(xu)要的小工具(ju)放入小工具(ju)區域(yu)，小工具(ju)的具(ju)體效果，大家可(ke)以自己一(yi)一(yi)嘗試查(cha)看(kan)。

拖拽到(dao)默認側(ce)(ce)邊欄和默認頁腳的小(xiao)工具，就會在側(ce)(ce)邊欄和頁腳顯示出來(lai)，小(xiao)工具的具體(ti)內容都可(ke)以自行編輯設定，設置完(wan)成后保存即(ji)可(ke)。

The7主題對(dui)于網站的(de)(de)基本信息設(she)置(zhi)主要就是上面(mian)說(shuo)的(de)(de)這些，剩下沒說(shuo)的(de)(de)文(wen)章類(lei)型、歸(gui)檔，基本上都是默認設(she)置(zhi)的(de)(de)，沒有多少改動(dong)的(de)(de)必要，如果感興趣的(de)(de)話(hua)，可(ke)以(yi)自行查看嘗試。

第7步(bu)：創(chuang)建外貿網站的(de)主要頁面

在創建(jian)頁面之(zhi)前，我們先要到后臺“設(she)置”里完成(cheng)一些必要的設(she)定。

主要是到“常規”里設置好確定使用(yong)的域(yu)名形式(shi)、網站名稱、日期格(ge)式(shi)等信(xin)息。

然(ran)后(hou)到(dao)“固定連(lian)接”里設(she)置好(hao)網(wang)站的鏈接形(xing)式(shi)(shi)，選(xuan)擇采(cai)用：example.com/sample-post/ 這種(zhong)形(xing)式(shi)(shi)；之所以選(xuan)擇這種(zhong)鏈接形(xing)式(shi)(shi)，是(shi)因為對(dui)SEO可(ke)以起到(dao)幫助作用。

外貿(mao)網站的主(zhu)要頁面主(zhu)要有Home、About us、Products等。

點(dian)擊(ji)后臺“頁面”，然(ran)后繼續點(dian)擊(ji)“新建(jian)頁面”即可開(kai)始創建(jian)新頁面。

創建界面中(zhong)，輸入(ru)頁面的標題后，點擊右側(ce)功能(neng)欄里“發布”按鈕即可成功創建頁面。

這時(shi)的頁面(mian)(mian)只是(shi)個空白的頁面(mian)(mian)，沒有任(ren)何內容，需要(yao)進(jin)行(xing)編輯(ji)，這可以在創(chuang)(chuang)建頁面(mian)(mian)時(shi)就編輯(ji)，也可以創(chuang)(chuang)建后編輯(ji)。

創建后(hou)的(de)(de)頁面(mian)(mian)會顯示(shi)在后(hou)臺的(de)(de)“頁面(mian)(mian)”里，點擊具體頁面(mian)(mian)下方的(de)(de)編(bian)輯按鈕，即可(ke)對頁面(mian)(mian)再次(ci)編(bian)輯。

這里要注(zhu)意一點，網站的(de)首(shou)頁(ye)(ye)Home不是(shi)你創建好了就是(shi)首(shou)頁(ye)(ye)了，需要到后臺“設置”中的(de)“閱讀(du)”里設置為(wei)靜態首(shou)頁(ye)(ye)。

第8步(bu)：設置(zhi)外(wai)貿網站的(de)Banner圖片

外貿網站的首頁一般都是有Banner輪播大(da)圖的，這(zhe)樣子比較美(mei)觀大(da)氣(qi)。

The7里面設置Banner圖片是在后臺的“幻燈片”里。

這里有(you)一點建議，網(wang)站中肯定是要(yao)用(yong)到(dao)(dao)不少(shao)圖片的(de)(de)，事先(xian)把需要(yao)用(yong)到(dao)(dao)的(de)(de)圖片通過后臺的(de)(de)“媒(mei)體”欄目上傳到(dao)(dao)網(wang)站里，后期可以直接調(diao)用(yong)，比較方便。另外，圖片屬性不要(yao)忘了(le)填寫，對SEO比較重要(yao)；其他相關注意事項請查看(kan)：圖片的相(xiang)關注意(yi)事項

點擊“幻(huan)(huan)燈片”下的“添加(jia)新的”，開始創(chuang)(chuang)建幻(huan)(huan)燈片；填寫標題(ti)，然(ran)后在創(chuang)(chuang)建頁(ye)面最下方添加(jia)具體(ti)的圖片到(dao)幻(huan)(huan)燈片中。

設置(zhi)完(wan)成后，發布即可。

這時(shi)，你會發現網站中還是沒有顯示Banner圖片(pian)的，需要到具體頁面里設置添加才會顯示。

Banner圖，一般都是添(tian)加到(dao)首頁里的(de)。

我們到后臺的頁(ye)(ye)面中找到首頁(ye)(ye)，點擊編(bian)輯，進入編(bian)輯界面。

在(zai)界(jie)面(mian)的最下方，頁(ye)面(mian)標題選(xuan)項中(zhong)，選(xuan)擇“幻(huan)燈片”，更新頁(ye)面(mian)后，即可發現該(gai)頁(ye)面(mian)上方會有Banner輪播圖。

首頁(ye)一般(ban)是不(bu)需要顯示側(ce)邊欄的(de)，可以(yi)在(zai)頁(ye)面(mian)編輯界面(mian)右側(ce)功能(neng)欄中選擇“禁用”隱藏起來。

第9步(bu)：利用可(ke)視化編輯器設(she)置頁(ye)面內容

功能(neng)強大(da)的(de)可視化編輯器是對新手建(jian)(jian)站最大(da)的(de)保(bao)證，會打(da)字即可建(jian)(jian)站。

可視化(hua)編輯器的工(gong)作原理(li)就是，通過添加模(mo)(mo)塊(kuai)元素，完成(cheng)頁面的布局劃分(fen)。比如，一個(ge)模(mo)(mo)塊(kuai)元素被劃分(fen)成(cheng)三(san)份，就意味著，網頁中這個(ge)模(mo)(mo)塊(kuai)區域(yu)被劃分(fen)成(cheng)了3個(ge)小區域(yu)。

然后(hou)，在這些劃分好的模塊區(qu)域(yu)中，可以添加其他的功能元素(su)，比如(ru)文(wen)本框（可以編輯、顯(xian)示文(wen)字(zi)內容）。

以此方式(shi)編輯整(zheng)個頁面的內容(rong)。

此文(wen)中討(tao)論(lun)的(de)可(ke)(ke)視化(hua)編(bian)輯器屬(shu)于后臺編(bian)輯器，現在(zai)The7主題同樣可(ke)(ke)以使用Elementor插件進行“即看即所得(de)”的(de)前端(duan)編(bian)輯，具體使用方法可(ke)(ke)參閱：WordPress外貿建(jian)站(zhan)教程，怎(zen)么(me)用Astra+Elementor做網站(zhan)

添加元素的(de)方法(fa)是非常簡單的(de)，通(tong)過(guo)鼠(shu)標點擊或者拖拽即可完成。

The7里(li)面的(de)(de)元素很多，首(shou)先可以看到“行(xing)”，這個就是(shi)The7中用來劃分(fen)頁面格(ge)局(ju)的(de)(de)模塊，其(qi)他的(de)(de)元素基(ji)本上都是(shi)要放在“行(xing)”里(li)面的(de)(de)。

點擊后，頁面中即會加載出一個(ge)完整的行(xing)，可以通(tong)過它的左上角按鈕，把這個(ge)行(xing)進行(xing)自由劃分，成為(wei)不同寬度的區(qu)域(yu)。

每個元素均(jun)有自(zi)己的(de)作用和顯示效(xiao)果，均(jun)可自(zi)行設置，大家可以逐一測試，了解它們的(de)功(gong)能。

第10步：導(dao)航菜單以及側邊欄和網站底部區域的內容設置

創建網站的導航(hang)菜(cai)單，我(wo)們得(de)到后臺“外觀”中“菜(cai)單”里進行創建。

填寫菜單名(ming)稱，點擊“創(chuang)建菜單”按鈕。

創建菜單后，通過左側欄把主要頁面加(jia)入(ru)菜單中，加(jia)入(ru)后的頁面可(ke)以在菜單中進行(xing)拖拽調整位置(zhi)。

在下(xia)方的(de)菜(cai)(cai)單(dan)設置中，勾(gou)選主菜(cai)(cai)單(dan)，然后保(bao)存菜(cai)(cai)單(dan)，這樣創建好(hao)的(de)菜(cai)(cai)單(dan)就會成為位置的(de)主導航菜(cai)(cai)單(dan)。

網站側(ce)邊欄(lan)和底部區域(yu)的內容(rong)是通過“小工具”進(jin)行添(tian)加(jia)的，上文(wen)“設置網站的基礎信息”中已經說過方法。

第11步：建立(li)產品系統(tong)

外貿網站一般(ban)展示產(chan)品(pin)(pin)都是這種形式：產(chan)品(pin)(pin)分類打開后(hou)可以看到這個分類中(zhong)的(de)具體(ti)產(chan)品(pin)(pin)。

為了實現這個功能，我們需要在項目分類中添加產品分類，然后在頁面中建立對應的產品分類頁面，最后在項目中添加這個類目的具體產品。

產品(pin)分(fen)類(lei)頁(ye)面(mian)中添加下圖中的(de)項目砌(qi)體(ti)元素，以此調用、顯示(shi)類(lei)目下的(de)具體(ti)產品(pin)，砌(qi)體(ti)元素設置中需要選擇好對應的(de)類(lei)目。

創(chuang)建新頁面時(shi)，一般默(mo)認(ren)顯示普通編(bian)輯(ji)(ji)(ji)器狀(zhuang)態，點擊后臺編(bian)輯(ji)(ji)(ji)，可(ke)切換到The7可(ke)視化編(bian)輯(ji)(ji)(ji)器。

項目中可以(yi)創(chuang)建新產品(pin)(pin)，一樣可以(yi)使用可視化編輯器創(chuang)建產品(pin)(pin)內容。

編輯界面的右邊欄勾選隸屬于的類別，另(ling)外設置一個特色(se)圖片(pian)，也就(jiu)是產品封(feng)面圖。

按以上步驟操作，發布的產品就會顯示在對(dui)應的分(fen)類頁面下了。

第(di)12步：建立(li)文章系統

外貿網站一般有個新聞頁面或者博客頁面，這是顯示(shi)文章的地方。

我(wo)們需要先在頁面里建(jian)立(li)這個網頁，然后類(lei)似(si)于產品系統，通過元素調(diao)用(yong)這些文章。

文章同樣可以(yi)(yi)設置(zhi)分類(lei)，除(chu)此之外還可以(yi)(yi)設置(zhi)Tag標簽，也是(shi)一種分類(lei)方式。

如果不(bu)設置分類(lei)的話，所(suo)有(you)文章(zhang)會默認歸類(lei)于未分類(lei)。

可以通過(guo)“寫文(wen)章(zhang)(zhang)(zhang)”創(chuang)建新的(de)文(wen)章(zhang)(zhang)(zhang)，文(wen)章(zhang)(zhang)(zhang)頁面的(de)編輯(ji)器(qi)使用默認(ren)的(de)即可，因為文(wen)章(zhang)(zhang)(zhang)一(yi)般就(jiu)是有(you)圖(tu)片和文(wen)字組成，不(bu)需要什么復雜(za)的(de)設計，也就(jiu)不(bu)用切換到The7編輯(ji)器(qi)了。

新(xin)聞或者博客頁面調用這(zhe)些文章時，一般使用博客砌體元素。

第13步：推薦、團隊、相冊功能的(de)使用

“推薦”用于(yu)展示(shi)客戶評價，“團隊”用于(yu)展示(shi)團隊成(cheng)員信息，“相冊”用于(yu)集中展示(shi)圖片(pian)。

這(zhe)(zhe)幾個功能的用(yong)法其實和(he)產品、文章系統是(shi)類似的，都是(shi)把內容(rong)(rong)先添(tian)加進入，然后在頁面中使用(yong)對應的元素(su)調用(yong)這(zhe)(zhe)些(xie)內容(rong)(rong)，這(zhe)(zhe)里就不進行詳述了。

總結

通過閱讀(du)上(shang)述內(nei)容，大家應該明白了如何(he)使用Wordpress自己制作外(wai)貿網站。

知(zhi)道了(le)方法是一方面(mian)，外(wai)貿(mao)建站的(de)很(hen)多地方還是需要你自己去(qu)實(shi)際(ji)(ji)操作。比如(ru)，各個元素(su)的(de)效果(guo)是什么樣子的(de)，各個小工(gong)具的(de)具體功能，都要靠你自己去(qu)實(shi)際(ji)(ji)查看。這(zhe)些內容(rong)太(tai)多，沒法具體一一講解。

熟悉(xi)了整(zheng)個系統的各項功能，你才能夠知道，依靠(kao)這個系統進(jin)行外貿(mao)自建(jian)站(zhan)，能夠做出什么樣的網站(zhan)，以及具體如何操作。

本(ben)文來源(yuan)：//wap666.cn/tutorials/237.html

版權聲明：本(ben)文為向前網絡(luo)工作(zuo)室(shi)，未經站長允許(xu)不得(de)轉載。