外貿建站新手教程:從零開始自己搭建外貿網站
本文有5033個文字,大小約為22KB,預計閱讀時間13分鐘
原文標題:外貿建站新手教程:從零開始自己搭建外貿網站
通過學習這篇外貿建站教程,即便你是一個完完全全的建站新手,也可學會Wordpress外貿自建站方法,可以快速而簡單地創建出一個實用的外貿網站,無需懂得代碼編程。
通過此方法做出的網站,雖然不能說是非常專業,但絕對會超過國內七成以上的外貿網站。
當然,有條件的還是建議找專業的外貿建站商做網站,比如我們云點。
我方建站確保做出的網站沒有任何SEO死角,所用的建站程序針對SEO進行過二次開發配置,擁有最佳的SEO營銷性能,這些都不是自己簡單建站可比的;不要因為一點小錢,耽誤自身發展時間。
好了,題外話就說到這里,下面正式開始我們的零基礎外貿建站教程。
第1步:了解并確定外貿建站方式
外貿建站的方式歸納起來其實就兩種:完全自主搭建和使用已有的建站程序搭建。
自主搭建就是熟悉使用代碼語言,比如:Html、PHP、ASP、Java等,自己編輯出功能程序和網頁。
利用已有的建站程序搭建網站,指的是使用某個開源CMS(內容編輯系統)創建網頁、構建網站,常見的CMS系統有Wordpress、Joomla、Wix等。
這兩種建站方式做出的網站,沒有絕對意義上的優劣之分;使用得當,都能做出不錯的網站。
前者對技術水平的要求很高,各個方面可自由定制,常用于建設大型網站。
后者,使用起來快速、方便,非完全定制,一般的中小型網站都是采用此法搭建,成本也比第一種方式低得多。
外貿建站方式的選擇
互聯網上絕大部分的網站都是通過第二種方法(開源CMS)搭建而成的。因為,第一種方法(完全自主搭建)需要建站者熟練掌握語言代碼,技術門檻較高。而且,完全自我編輯的網站程序容易出現各類問題,需要不斷地完善改進。
沒有強大的技術支持,想做出一個不錯的網站是很困難的,建站的耗費也很高,無論是時間還是費用。
像阿里巴巴、亞馬遜這些大站,就是屬于完全自我搭建的網站,他們都是有著非常專業的技術團隊在維護網站運行。
所以,想要0基礎建站,找個成熟的CMS系統建站是最佳的選擇。
大部分的外貿建站商,其實也都是使用各類CMS在為客戶建站。
有技術的建站商,會在CMS的基礎上,自己進行二次開發、優化配置,讓建站程序做出的網站更加適合SEO,讓網站后期可以取得更好的排名效果。
比如,我方就是基于Wordpress優秀主題進行了二次開發優化配置程序,幫助客戶建站;所做網站,后期基本上都取得了不錯的SEO效果。
為什么選擇Wordpress這個CMS系統呢?
好的東西總是能夠經得起長時間的檢測,Wordpress網站全球占比已經將近一半。Wordpress之所以能夠如此流行,我們總結出了幾點原因:
WordPress是完全免費的一款建站程序,所有人都可以使用這個平臺,沒有功能性的限制。
WordPress大大降低了建站難度與建站時間。Html是所有建站語言中最基礎的一個,也是最容易掌握的一門語言。即便是Html,從頭開始學習,一般也需要至少6個月的時間才能掌握,更不用說還有CSS,以及難度更高的其他語言了。不涉及二次開發的情況下,使用Wordpress不需要你懂任何代碼語言,一周的時間足夠你熟悉這個系統,然后就可以開始建站。一般不太復雜的網站,10來天的時間就能夠通過Wordpress建設出來。
相比其他的CMS建站程序,Wordpress是最早出現,同時也是最成熟的一個,使用體驗也是最佳的。另外,由于Wordpress的廣泛使用,很多品牌主機都支持一鍵安裝Wordpress程序,讓Wordpress建站變得更加簡單。
WordPress本身具有良好的延展性,以此為基礎,很多優秀的、功能強大的主題和插件被開發了出來。我們可以通過Wordpress+主題+插件,建設各種類型的網站。例如,使用WooCommerce插件建設B2C商城網站:WooCommerce外貿建站教程,WooCommerce插件怎么用
但,WordPress更適合搭建B2B網站,如果想要建設B2C商城站,更建議使用Shopify:Shopify外貿建站教程,Shopify B2C獨立站搭建全流程
第2步:準備好外貿建站要使用的域名和空間主機
建立一個外貿網站離不開域名和主機。
用戶通過域名訪問你的網站,網站的程序則需要放在主機里才能運行,進而反饋給用戶相關頁面。
選擇域名和主機空間需要考慮到多方面因素,相關建議:如何選擇域名以及如何選擇主機
域名和空間的注冊購買方法
域名:Namesilo注冊購買域名教程
空間:Siteground外貿主機購買教程
如果想在國內購買域名,可以選擇阿里云,操作麻煩一些,需要進行實名認證:阿里云(萬網)注冊購買域名教程
第3步:安裝WordPress
域名和空間主機購買后,就可以開始設置使用了。
首先,我們要通過主機后臺功能,安裝Wordpress,具體步驟:
1. 登錄Siteground后臺,進入Websites欄目,在跳轉到的頁面中找到網站域名,點擊下方的“COMPLETE”按鈕。
2. 點擊Start New Website下方的“SELECT”按鈕。
3. 點擊選擇Wordpress安裝程序。
4. 選擇好了安裝程序后,下面會讓你填寫登錄wordpress后臺的登錄名/郵箱和密碼,填寫一個你在使用的郵箱,密碼建議使用自動生成的,比較安全,別忘了復制密碼保存好,填完后點擊繼續。
5. 接下來的頁面里,會讓你選擇是否額外購買Site Scanner病毒掃描功能,可以直接略過,點擊FINISH完成。
Siteground將開始在主機空間里安裝程序。
6. 安裝成功后,會有提示。至此,主機方面的設置就完成了。
如果你想要屏蔽國內的訪問者,也可在主機里進行設置:外貿網站如何屏蔽國內IP訪問
第4步:解析域名使之生效
1. 在設置域名解析之前,我們得先回到Siteground后臺的Websites欄目,點擊域名后面的“SITE TOOLS”按鈕。
2. 在跳轉的頁面中,找到空間主機的IP地址,并記錄保存,后面有用,就是下圖中“IP Address”。
3. 登錄namesilo后臺,找到需要解析的域名,點擊右側那個球形按鈕,進入添加解析頁面。
4. 按下圖示例,添加兩個A記錄解析規則,其中的IP地址填寫之前你保存好的主機IP地址。這兩條規則,可以讓用戶輸入域名時,無論帶沒帶www均可訪問到網站。
5. 上述步驟全部完成后,等待解析生效即可,一般1個小時內肯定能夠生效。解析生效后,外貿網站其實就已經可以訪問了,但此時網站是空白內容,顯示的是Wordpress默認的博客主題。
第5步:安裝主題程序
WordPress自帶的默認主題功能很少,只能用作簡單博客使用。想要做個不錯的外貿網站,我們需要先安裝一款優秀的主題。
這里介紹3個最受歡迎的Wordpress多功能主題:Enfold、Avada、The7。這三個主題,我方均測試過,都適合用于外貿建站。
其中,Enfold主題對于SEO的適應性最好,我方就是基于這個主題進行了二次開發,讓其完全符合SEO需求,然后用于給客戶建站。
Avada主題各方面比較均衡,設計樣式比較多。
The7主題使用方法相對來說最為簡單,較為適合新手操作,我們這里就選擇The7作為講解對象。
下面說下,Wordpress如何自行安裝主題程序:
1. 登錄網站的后臺。
通過瀏覽器訪問你的網站域名,后面加上wp-admin,這就是Wordpress網站統一的后臺登錄地址,形式如下:www.example.com/wp-admin
輸入安裝建站程序時,保存好的賬號和密碼,點擊“Log In”。
2. 在網站后臺中,找到“Appearance”下方的“Themes”選項并點擊。
3. 點擊上方的“Add New”按鈕,添加新主題。
4. 點擊“Upload Theme”上傳主題程序,進行安裝;沒有主題的,可以到Themeforest官網購買。
5. 安裝完成后,點擊“Activate”激活,開始使用。
第6步:網站后臺功能介紹
為了方便講解,讓大家更容易理解所講內容,我將使用中文界面來講,大家可以對照著操作。
掌握了網站后臺的基礎功能后,你才能按照自己想法制定網站的設計風格和內容,建議網站以實用為目標,沒有思路的話,可以參考我方建站設計風格。
如果你是做英文站的,后臺語言默認英文,不要改動。如果改動的話,前臺一些系統默認顯示的地方,比如面包屑導航,就會使用你改動后的那個語言。這樣,你自己編輯的內容是英文的,一些系統默認的地方卻顯示其他語種,整個網站無法保持語言一致性了。
1. 了解網站后臺功能區
登錄后臺后,我們首先會來到儀表盤區域,這塊區域相當于網站情況的概覽,比如顯示網站已有多少頁面、文章。
左上角是網站名稱,右上角是登錄的賬戶,左側邊欄是網站后臺功能區域,右側顯示具體功能頁面。
我們設置網站和編輯內容,都要通過功能區域選擇對應的功能進行操作。
下面先簡單介紹下,主要的功能區作用。
儀表盤:顯示網站概覽的地方,通過下面的首頁可以查看網站首頁,更新里顯示可以更新的項目。
一般情況下不建議更新,Wordpress網站是由原程序、主題以及插件共同構建而成,更新其中的某一個,有可能造成兼容性問題,導致無法訪問,或者某個區塊出問題。
所以,一般情況下不要去更新。現在的Wordpress程序也已經足夠成熟,安全性方面也無需擔心。
The7:這里是顯示The7主題相關信息的地方,無需設置。
主題選項:這個是The7主題的基礎設置區域,每個主題都有自己設置網站基礎信息的地方,里面有詳細的設置選項,下文有具體說明。
文章:發布文章的地方,同時可以給文章設置類目以及Tag標簽。
媒體:上傳媒體文件的地方,主要是圖片(外貿建站中原創圖片的獲取和使用方法)。
頁面:創建網站頁面的地方,主要用于創建網站上的常用頁面。
評論:管理網站里評論留言的地方,前提是網站已經打開允許評論功能,一般默認打開。
項目、推薦、團隊、相冊:后面會有具體使用方法介紹。
幻燈片:用于設置網站Banner圖片的地方。
插件:用于管理和安裝網站插件的地方。
外觀:安裝主題,給網站添加小工具,也是編輯網站菜單導航的地方。
這里就先介紹以上這些內容,其他的功能區,會在具體用到的時候再介紹。
2. 設置外貿網站的基礎信息
The7主題的網站基礎信息是通過主題選項里的諸多功能實現的:
皮膚:設置網站基礎色彩的地方。
這里有一些已經搭配好的色彩方案,可以自由選擇,設置保存后,可以通過訪問網站查看效果。
網站里的各個元素基本上都可以自定義顏色。因此,這里可以先根據自己喜好隨意選擇一個就行。
品牌:這里用于設置網站的Logo標志,以及不同狀態的導航欄里Logo的樣式,包括普通導航、透明導航、浮動導航、移動端、底部欄的Logo顯示。
除此之外,這里還可以設置網站圖標和底部版權信息。
總體外觀:這里可以設置網站的整體布局,包括寬度和展示模式。一共兩種展示模式:全寬和盒式。
全寬就是網站全屏展示,而盒式是網站顯示只占屏幕中間部分,兩側有邊距。
設置為盒式的時候,需要定義盒子的寬度占比,比如全寬1300像素,盒子可以定義成1000像素,這樣兩邊各有150像素的間距。
除此之外,這里還可以設置網站的整體背景、內容框顯示樣式、分隔線樣式、幻燈片符號樣式以及網站加載時的顯示樣式。
這里說一點,很多時候,網站設置保持默認即可,有了想法再來找對應的設置改,這樣做更有效率。
版面設計:這里主要設置網站內的字體樣式,包括大小、顏色等方面。
網站的內容字體、導航欄字體、底部欄字體、面包屑導航字體、H標題的字體等均可在此處進行設置。
頂部欄&導航欄:這里可以對網站最上方的頂部欄和導航欄進行相關的設置。包括:布局、內容、樣式的設置。除此之外,還有對菜單導航方面的相關設置。
其中,頂部欄的內容,可以自行定義。把想要的元素,從右側“未激活元素”用鼠標拖動到左側的相關欄目里即可,拖動完成后,可以點擊打開,編輯里面的內容。
頁面標題:這里是對頁面標題區域進行設置的地方。可以設置標題區域的布局、高度等相關信息。
頁面的標題區域就是一般頁面的主導航欄與正文內容之間的那個區域,同時也是面包屑導航存在的那個區域,這里也可以對面包屑導航進行相關設置。
側邊欄:這里可以對網站的側邊欄進行相關的設置,包括側邊欄的寬度、樣式、文本顏色等信息。
網站的側邊欄和底部內容是通過小工具進行添加的,下文中會有具體介紹使用方法。
頁腳&底部欄:這里是對網站底部區域進行設置的地方,包括頁腳和底部欄兩塊區域。
按鈕:用來設置網站中出現的按鈕的相關設置。包括按鈕的樣式、顏色等信息。
網站頂部的可點擊社交符號也屬于按鈕。
按鈕分為小按鈕、中按鈕、大按鈕,均可設置。
Contact forms:設置聯系表單的地方,也就是我們在一些網站中看到的,可以留言提交的那個表單,一般需要配合相關的插件才可以正常使用。另外,聯系表單一般要用到域名郵箱,也叫企業郵箱,可以免費注冊:如何免費注冊使用騰訊企業郵箱
除了聯系表單,在線聊天也是比較常用的客戶溝通方式,尤其是對于商城型網站。如果需要使用在線聊天功能,可參閱此文進行添加:外貿建站如何注冊使用Tidio在線聊天工具
分享按鈕:用于設置分享功能的地方,方便讀者分享你的網頁到社交平臺。這項功能對于社交平臺SNS推廣比較重要,更多詳情可查閱:外貿SNS推廣是什么,社交媒體營銷怎么做
小工具區域:用來創建小工具區域的地方,注意是區域,而不是創建小工具。
打個比方,我們想在側邊欄加個導航,首先就得有一個側邊欄的小工具區域,然后才能把導航小工具放入其中,繼而顯示出相關內容。
添加小工具到小工具區域的地方在“外觀”中的“小工具”里:
通過鼠標拖拽可以把需要的小工具放入小工具區域,小工具的具體效果,大家可以自己一一嘗試查看。
拖拽到默認側邊欄和默認頁腳的小工具,就會在側邊欄和頁腳顯示出來,小工具的具體內容都可以自行編輯設定,設置完成后保存即可。
The7主題對于網站的基本信息設置主要就是上面說的這些,剩下沒說的文章類型、歸檔,基本上都是默認設置的,沒有多少改動的必要,如果感興趣的話,可以自行查看嘗試。
第7步:創建外貿網站的主要頁面
在創建頁面之前,我們先要到后臺“設置”里完成一些必要的設定。
主要是到“常規”里設置好確定使用的域名形式、網站名稱、日期格式等信息。
然后到“固定連接”里設置好網站的鏈接形式,選擇采用:example.com/sample-post/ 這種形式;之所以選擇這種鏈接形式,是因為對SEO可以起到幫助作用。
外貿網站的主要頁面主要有Home、About us、Products等。
點擊后臺“頁面”,然后繼續點擊“新建頁面”即可開始創建新頁面。
創建界面中,輸入頁面的標題后,點擊右側功能欄里“發布”按鈕即可成功創建頁面。
這時的頁面只是個空白的頁面,沒有任何內容,需要進行編輯,這可以在創建頁面時就編輯,也可以創建后編輯。
創建后的頁面會顯示在后臺的“頁面”里,點擊具體頁面下方的編輯按鈕,即可對頁面再次編輯。
這里要注意一點,網站的首頁Home不是你創建好了就是首頁了,需要到后臺“設置”中的“閱讀”里設置為靜態首頁。
第8步:設置外貿網站的Banner圖片
外貿網站的首頁一般都是有Banner輪播大圖的,這樣子比較美觀大氣。
The7里面設置Banner圖片是在后臺的“幻燈片”里。
這里有一點建議,網站中肯定是要用到不少圖片的,事先把需要用到的圖片通過后臺的“媒體”欄目上傳到網站里,后期可以直接調用,比較方便。另外,圖片屬性不要忘了填寫,對SEO比較重要;其他相關注意事項請查看:圖片的相關注意事項
點擊“幻燈片”下的“添加新的”,開始創建幻燈片;填寫標題,然后在創建頁面最下方添加具體的圖片到幻燈片中。
設置完成后,發布即可。
這時,你會發現網站中還是沒有顯示Banner圖片的,需要到具體頁面里設置添加才會顯示。
Banner圖,一般都是添加到首頁里的。
我們到后臺的頁面中找到首頁,點擊編輯,進入編輯界面。
在界面的最下方,頁面標題選項中,選擇“幻燈片”,更新頁面后,即可發現該頁面上方會有Banner輪播圖。
首頁一般是不需要顯示側邊欄的,可以在頁面編輯界面右側功能欄中選擇“禁用”隱藏起來。
第9步:利用可視化編輯器設置頁面內容
功能強大的可視化編輯器是對新手建站最大的保證,會打字即可建站。
可視化編輯器的工作原理就是,通過添加模塊元素,完成頁面的布局劃分。比如,一個模塊元素被劃分成三份,就意味著,網頁中這個模塊區域被劃分成了3個小區域。
然后,在這些劃分好的模塊區域中,可以添加其他的功能元素,比如文本框(可以編輯、顯示文字內容)。
以此方式編輯整個頁面的內容。
此文中討論的可視化編輯器屬于后臺編輯器,現在The7主題同樣可以使用Elementor插件進行“即看即所得”的前端編輯,具體使用方法可參閱:WordPress外貿建站教程,怎么用Astra+Elementor做網站
添加元素的方法是非常簡單的,通過鼠標點擊或者拖拽即可完成。
The7里面的元素很多,首先可以看到“行”,這個就是The7中用來劃分頁面格局的模塊,其他的元素基本上都是要放在“行”里面的。
點擊后,頁面中即會加載出一個完整的行,可以通過它的左上角按鈕,把這個行進行自由劃分,成為不同寬度的區域。
每個元素均有自己的作用和顯示效果,均可自行設置,大家可以逐一測試,了解它們的功能。
第10步:導航菜單以及側邊欄和網站底部區域的內容設置
創建網站的導航菜單,我們得到后臺“外觀”中“菜單”里進行創建。
填寫菜單名稱,點擊“創建菜單”按鈕。
創建菜單后,通過左側欄把主要頁面加入菜單中,加入后的頁面可以在菜單中進行拖拽調整位置。
在下方的菜單設置中,勾選主菜單,然后保存菜單,這樣創建好的菜單就會成為位置的主導航菜單。
網站側邊欄和底部區域的內容是通過“小工具”進行添加的,上文“設置網站的基礎信息”中已經說過方法。
第11步:建立產品系統
外貿網站一般展示產品都是這種形式:產品分類打開后可以看到這個分類中的具體產品。
為了實現這個功能,我們需要在項目分類中添加產品分類,然后在頁面中建立對應的產品分類頁面,最后在項目中添加這個類目的具體產品。
產品分類頁面中添加下圖中的項目砌體元素,以此調用、顯示類目下的具體產品,砌體元素設置中需要選擇好對應的類目。
創建新頁面時,一般默認顯示普通編輯器狀態,點擊后臺編輯,可切換到The7可視化編輯器。
項目中可以創建新產品,一樣可以使用可視化編輯器創建產品內容。
編輯界面的右邊欄勾選隸屬于的類別,另外設置一個特色圖片,也就是產品封面圖。
按以上步驟操作,發布的產品就會顯示在對應的分類頁面下了。
第12步:建立文章系統
外貿網站一般有個新聞頁面或者博客頁面,這是顯示文章的地方。
我們需要先在頁面里建立這個網頁,然后類似于產品系統,通過元素調用這些文章。
文章同樣可以設置分類,除此之外還可以設置Tag標簽,也是一種分類方式。
如果不設置分類的話,所有文章會默認歸類于未分類。
可以通過“寫文章”創建新的文章,文章頁面的編輯器使用默認的即可,因為文章一般就是有圖片和文字組成,不需要什么復雜的設計,也就不用切換到The7編輯器了。
新聞或者博客頁面調用這些文章時,一般使用博客砌體元素。
第13步:推薦、團隊、相冊功能的使用
“推薦”用于展示客戶評價,“團隊”用于展示團隊成員信息,“相冊”用于集中展示圖片。
這幾個功能的用法其實和產品、文章系統是類似的,都是把內容先添加進入,然后在頁面中使用對應的元素調用這些內容,這里就不進行詳述了。
總結
通過閱讀上述內容,大家應該明白了如何使用Wordpress自己制作外貿網站。
知道了方法是一方面,外貿建站的很多地方還是需要你自己去實際操作。比如,各個元素的效果是什么樣子的,各個小工具的具體功能,都要靠你自己去實際查看。這些內容太多,沒法具體一一講解。
熟悉了整個系統的各項功能,你才能夠知道,依靠這個系統進行外貿自建站,能夠做出什么樣的網站,以及具體如何操作。
本文來源:http://www.kyotomoriagedaisakusen.com/tutorials/237.html
版權聲明:本文為向前網絡工作室,未經站長允許不得轉載。