教你輕松搭建WordPress外貿(mào)B2C獨立站,自建跨境電商網(wǎng)站教程
時間:2022-08-11 01:00:01 | 來源:網(wǎng)站運營
時間:2022-08-11 01:00:01 來源:網(wǎng)站運營
最近看到國外一博主說,他60歲的奶奶利用wordpress建立了一個有關(guān)她寵物日常的小博客,看來wordpress在國外真的是很普及,也非常容易使用。其實,國外很多中小商家還利用wordpress搭建自己的電商網(wǎng)站,那說明我們外貿(mào)人同樣可以用wordpress搭建外貿(mào)獨立站。
隨著互聯(lián)網(wǎng)的發(fā)展,大部分建站方式都越發(fā)地成熟,WordPress當(dāng)然也不例外,比早幾年進步很多,現(xiàn)在搭建一個WordPress外貿(mào)B2C獨立站非常方便,快捷,易使用,也不需要懂代碼,而且價格還不高,真的是廣大外貿(mào)新手和中小商家的福音。
原文:教你輕松搭建WordPress外貿(mào)B2C獨立站,自建跨境電商網(wǎng)站教程
了解一下WordPress
搭建wordpress外貿(mào)獨立站,首先還是需要稍微介紹一下什么是wordpress,畢竟來到這文章的朋友也有第一次接觸wordpress,甚至第一次學(xué)習(xí)建站的朋友。
WordPress是國外一款開源的內(nèi)容管理系統(tǒng),英文叫做Content Management System,簡稱CMS,你不需要懂這個概念,只要知道這個系統(tǒng)能幫你建站就行了。wordpress本身只是一個博客系統(tǒng),也就是讓人建立博客網(wǎng)站的平臺,但是它本身又能安裝各種插件。
隨著發(fā)展,插件是越來越多,wordpress也不僅僅只用來建立博客網(wǎng)站,用戶可以利用wordpress建立幾乎任何類型的網(wǎng)站,比如搭配插件woocommerce就能建立一個標(biāo)準(zhǔn)的電商網(wǎng)站,也就是我們今天要學(xué)習(xí)建立的外貿(mào)獨立站。
為何用WordPress建搭建獨立站
用Wordpress自建外貿(mào)獨立站,我最少能說出6個理由:
- 永久免費 – WordPress是一個永久的開源系統(tǒng)
- 易用 – 對新手非常友好,無需代碼,60歲會電腦的老奶奶都能學(xué)會
- 輕量 – WordPress本身體積很小,也不需要太多的主機資源
- 適合中小網(wǎng)站 – 對于預(yù)算不高的小商家,可以每月花費幾美金就能建成一個很專業(yè)的站點
- 可擴展性強– 通過插件你可以給網(wǎng)站添加各種強大的工具和功能,比如可以優(yōu)化網(wǎng)站,添加社交功能,站點分析等等
- 資源豐富 – 據(jù)最新數(shù)據(jù)統(tǒng)計,wordpress的站點在全球已經(jīng)超過了40%,數(shù)據(jù)還在往上漲,wordpress的主題插件教程遍地都是,而且免費資源也豐富,對于新手是絕對的利好
- 更多……
其實wordpress的優(yōu)點當(dāng)然不止這些,比如wordpress真正的獨立性等等,假如你多用幾個平臺,你可能會發(fā)現(xiàn)更多。
*注意:建立wordpress之前你需要知道的是wordpress官網(wǎng)是wordpress.org, 而不是wordpress.com,wordpress.com是一個基于wordpress.org的在線建站平臺,也能建立外貿(mào)獨立站,只是費用稍高,請避免搞錯。
接下來跟著我一步一步操作,你也可以很快建立你自己的外貿(mào)或者跨境電商獨立站。
第1步:購買GreenGeeks主機并注冊域名
因為需要快速建站,我推薦GreenGeeks、Hostinger和SiteGround,這三款都有快速一鍵導(dǎo)航安裝wordpress的主機。
三款各有各的優(yōu)勢,不過今天主要說GreenGeeks建站。
- Siteground購買和建站請看這里:SiteGround自建外貿(mào)獨立站教程WordPress(純新手建站)。
- Hostinger購買和建站看這里:購買Hostinger并快速搭建wordpress網(wǎng)站。
稍微介紹一下GreenGeeks,他們是一家以可再生的環(huán)保能源來運行他們服務(wù)器的主機商,你如果選擇他們的主機,他們即可幫助再生能源機構(gòu)獲取3倍于你主機消耗的每一份能量。除了這點,GreenGeeks和其他主機商也沒多大區(qū)別。
先進入Greengeeks網(wǎng)站,點擊
Get Started Now,進入到套餐頁面,新手選擇Lite就行,價格是2.49美金/月(3年),這個價格可能會有變動,而且?guī)缀趺恳粋€主機商的價格都是一年期以上的價格,所以不用太糾結(jié)這個。來看看Lite的基礎(chǔ)屬性:
你會發(fā)現(xiàn)他們的基礎(chǔ)屬性超過了大部分的主機商,而且首購價格非常低,只不過續(xù)費有點高,點擊
Get Started進行購買,接下來的頁面會要你輸入域名,你可以用自己之前在別處買的,也可以在greengeeks上直接注冊,因為今天的教程時快速建站,
所以直接在greengeeks上注冊,他們首年域名免費,之后每年續(xù)費
13.95美金/年。
雖然在greengeeks注冊域名貴一點,但是一年的價格也不多,主要有一點就是假如你在其他地方購買域名,在greengeeks上解析會稍微麻煩一些,因為他們要求只能用他們的域名服務(wù)器,新手可能不懂,但只要知道,過程對新手比較麻煩就行了,費力還浪費時間。在geengeeks注冊好域名后,不再需要另外解析域名,而且安裝ssl和之后設(shè)置郵箱都方便很多。點擊
NextGreenGeeks外部域名解析假如你真的想使用外部也就是第三方購買的域名的話,請點擊以下按鈕了解如何綁定域名到GreenGeeks主機上。GreenGeeks域名解析
看到?jīng)],總共包含域名是USD89.64,這個價格3年一次性購買的價格,幾乎所有的主機商都是這樣銷售的。續(xù)費價格USD10.95/月,但是三年之后如果業(yè)務(wù)做得好,我估計你都要升級了,還在乎哪個續(xù)費價格嗎?
假如沒有打算續(xù)費,在到期之前,最少提前一個月和主機商聯(lián)系取消,大部分主機商都是自動續(xù)費的。按照頁面要求填寫你的資料,往下拉,你就會看到套餐價格列表,也就知道了不同年限的價格了。
做外貿(mào)或者跨境電商都是一件長期的事業(yè),3年真的不長,如上圖,選擇三年期,100美刀都不到,你可能國內(nèi)上個什么課程就超了,真不貴。然后
一定要買WHOIS Privacy,一年9.95美金/年,假如不買的話,你的域名信息會被放到網(wǎng)上公開,很多廣告電話或者郵件的。最后就是輸入你的付款信息:
只要一張雙幣卡就行,做外貿(mào)的別跟我說沒有這種信用卡,去招行開一個,很方便。最后點擊
create account,然后你的郵箱會收到好幾封郵件,告訴你注冊賬號成功,購買主機成功,付款的發(fā)票等等,當(dāng)然還有登錄信息,他們會把隨機生成的密碼發(fā)你郵箱。
以上是首次登錄的greengeeks后臺。
第2步:利用GreenGeeks Launch Wizard快速安裝WordPress
首次登錄GreenGeeks,后臺會直接顯示
Quick Launch Wizard(Starter Wizard),即快速安裝向?qū)?,可快速搭建wordpress獨立站,總共有四個選項:
- Start New Website – 開始自己建立新網(wǎng)站
- Migrate Website – 遷移網(wǎng)站,如果你從別的主機商轉(zhuǎn)過來可以選擇這項,他們會免費幫你遷移網(wǎng)站
- Starter Site – 你可以請他們的專業(yè)團隊幫你建立網(wǎng)站
- Skip This – 跳過
1. 新手選擇第一個start new website,然后又有三個選項,你可以單獨建立wordpress網(wǎng)站,或者直接建立wordpress+woocommerce的電商站,或者利用weebly建立網(wǎng)站。
2. 今天說的就是wordpress建立獨立站,選第一個和第二個區(qū)別不大, 因為woocommerce在之后的wordpress后臺是可以隨時安裝的。選擇wordpress點擊
Select然后點擊
continue到wordpress設(shè)置頁面。
在這一步,你可以不設(shè)置任何東西,不選主題,不選插件,直接拉到底部點擊
Create My Website,因為你設(shè)置的一切都可以在wordpress后臺修改或者安裝。
3. 之后一會兒,wordpress就安裝好了。
之后你可以進入你的wordpress后臺,也可以在瀏覽器中輸入你的域名,看看剛剛安裝好的wordpress前臺
其實到這里這個網(wǎng)站在網(wǎng)絡(luò)上誰都能瀏覽了,之后當(dāng)然主要是一些自定義的東西,這就是greengeeks快速建立wordpress獨立站的優(yōu)勢所在。
安裝SSL證書
為了網(wǎng)站的信息傳輸更加安全,google現(xiàn)在要求每一個網(wǎng)站都必須要有SSL證書,不然不會給你展示機會,這也影響到網(wǎng)站SEO,SSL證書可以給你的主機和訪客之間的傳輸數(shù)據(jù)加密,從而保護各種敏感信息傳播。GreenGeeks提供了免費的Let’s encrypt SSL證書,在你的賬號后臺左側(cè)找到Security,點擊進去。
在greengeeks上注冊的域名有個好處就是,你不需要再去做域名解析了,而且在這一步安裝證書一路點擊下一步就行,不需要等待。然后點擊右上角
ADD SSL CERTIFICATE,你可以選擇兩種SSL,一種付費一種免費,一開始免費就可以了,付費的貴,自然安全性更高。
所以選擇
SELECT LET’s ENCRYPT,系統(tǒng)一開始檢測你的域名是否綁定了主機,因為你的主機和域名都是來自greengeeks,這個默認就是綁定了的。然后一直下一步,最后點擊
install安裝證書。你再到瀏覽器刷新一下你的網(wǎng)址,看看網(wǎng)址左邊是否出現(xiàn)了一把小鎖,是的話,就說明安裝成功。
接下來你就進入你的wordpress后臺,因為安裝的時候,密碼是自動生成的,你可能不太記得,可以到User這一步去更改一下密碼,用戶名也是可以更改的。
第三步:安裝wordpress主題和插件
主題對于Wordpress網(wǎng)站是必不可少的,而建立電商網(wǎng)站,Woocommerce插件也是必不可少的,另外還有不少插件是不可或缺的。
安裝主題模板
WordPress安裝完成之后是有自帶主題的,上文預(yù)覽的就是官方的主題之一叫做twenty twenty-one2021,不過官方的主題只是博客主題,建立電商網(wǎng)站一般不用,所以我們一般都會刪除。
進入WordPress管理后臺,左側(cè)是菜單欄,點擊Appearance>Themes,你會看到三個wordpress自帶的三個主題,你可以保留一個已經(jīng)激活的那個,因為wordpress需要最少一個主題,等你安裝完其他新主題再刪掉剩下的。
免費主題
WordPress的主題可以分為兩類,免費和付費,說的好像沒說,但這就是事實,免費的基本都可以從你的wordpress后臺Themes中直接下載安裝,如上圖中點擊Add New就會有成千上萬的主題供你選擇,新手肯定很茫然,所以我這里選了幾個比較優(yōu)秀的免費主題,包括有名的Astra, Generatepress, Kadence等等,可以直接點擊
install安裝激活。
wordpress后臺面板得主題你也可以在wordpress.org官網(wǎng)找到,這里面主題有少部分是完全免費的,大部分是免費+付費共存,也就是免費版有基本的功能,如果需要更多的功能可能要升級到付費版。
我自己用的是Kadence主題,也是一款免費+付費的主題,這類主題的特點:
- 因為有免費版,很適合新手開始,在不確定哪個主題合適的時候,可以隨裝隨卸,不浪費成本
- 都是專業(yè)的建站公司開發(fā),代碼簡潔,大都是基于wordpress源碼開發(fā),SEO優(yōu)化好,網(wǎng)站加載速度快,體積非常小
- 可擴展性和自定義極強,基于古騰堡或者Elementor編輯器,這類主題都有很多現(xiàn)成的區(qū)塊,這些區(qū)塊只是頁面某部分的一個模板,你可以任意修改,添加內(nèi)容。
*比如我用的Kadence,他們自己有很多網(wǎng)站模板(starter-template),再對比本站,你會發(fā)現(xiàn)我完全沒用他們的模板,網(wǎng)站真的可以隨意發(fā)揮。 - 雖然免費,但并不會影響使用,也就是正常運行一個網(wǎng)站,銷售產(chǎn)品的基本功能一個不少,
- 自帶的插件都是完成某些功能,而不是為了完成或者美化網(wǎng)頁界面的外觀
- 不過升級的話,價格會有點貴,很多都是年付,一次性買斷的話要好幾百美金,但真的是一分錢一分貨
這么說吧,我沒使用這類專業(yè)的wordpress主題之前,真的沒體驗到wordpress的強大,那時候用得一些Themeforest的主題總是設(shè)置起來有些繁瑣,而且感覺網(wǎng)站并不獨特,加載起來也有些不自然。這可能是個人感覺吧,當(dāng)然Themeforest上面也有一些優(yōu)秀的主題(非外觀),比如Avada。
商城付費主題
為何說商城付費主題,因為這和前面說的免費+付費共存的付費主題是有區(qū)別的,前方說的都是一些專業(yè)的開發(fā)團隊開發(fā),而商城的主題大部分是個人或一兩個人開發(fā)的主題,就像淘寶集市和公司的區(qū)別。
WordPress主題商城有很多,但比較有名的如下:
- Themeforest - 業(yè)界最大的主題商城,幾乎囊括了所有建站方式的主題,包括所有類型的網(wǎng)站模板,價格合理,一次性付費,終身免費更新
- Template Monster - 優(yōu)秀的主題商城,對主題要求更加嚴格,人工審核,一次性付費,終身免費更新
國內(nèi)用戶對themeforest肯定是熟悉,因為價格相對便宜,一次性買斷,很多wordpress外貿(mào)獨立站點都是用的Themeforest的主題,這類主題的特點:
- 雖然付費,但是一次性購買,終身免費更新
- 后臺自帶很多插件,主題稍顯臃腫
- 大部分應(yīng)該談不上代碼簡潔
- 同樣也適合新站點,畢竟價格不高,可節(jié)省成本,網(wǎng)站也能很好的運行,選擇themeforest或者template monster主題絕對是一種折衷的辦法。
- 也有一些優(yōu)秀的主題,例如Avada,假如你不確定哪個主題好,就選這個吧,銷量第一,沒啥毛病。
以Kadence為例安裝主題
安裝主題沒啥技巧,wordpress后臺的直接選擇點擊install然后激活,其他地方購買的把主題下過來然后同樣在Themes里面點擊
Upload Theme,之后激活就行了。
以Kadence為例,在Add Themes中搜索Kadence,他們家有三個主題,安裝第一個,這是最新的:
1.
鼠標(biāo)移到主題上就看到了Install,點擊安裝激活,然后會提示你
Install Kadence Starter Templates插件,至于其他主題安裝后有需要的插件也會提醒你安裝,你就按照提示安裝就行。
這個Starter Templates插件里面包含二十幾個整站設(shè)計模板,除了首頁,還包括其他一些頁面設(shè)計,比如about, contact等等。你可以選擇一個合適的然后修改內(nèi)容,或者你也可以不選,甚至不安裝,自己用他們的區(qū)塊插件自己設(shè)計網(wǎng)站,也就是說一個主題可以有無限個網(wǎng)站模板,這就是這類主題的強大之處。
如果你使用這類主題,當(dāng)然還是安裝這個插件更好,就算你不用這里面的模板,你也可以參考對吧。Kadence還算現(xiàn)成模板比較少的,假如你去看看Astra,Blocksy你會發(fā)現(xiàn)上百個,這都是一些利基模板,Kadence也在添加更多的模板中。
2.
點擊安裝 Starter Templates,然后你可以在Appearance里面找到Kadence的下級菜單Starter Templates里面選擇你想要的模板,模板也分兩類,一類是用得Gutenberg(古騰堡編輯器)創(chuàng)建的主題,一類是用的Elementor創(chuàng)建的。
我推薦用古騰堡的,
如上圖,因為這是wordpress自家的編輯器,雖然比較新,但是發(fā)展很快,也更契合wordpress系統(tǒng)。了解wordpress的人肯定知道elementor是wordpress最強大的頁面編輯器,但是這款編輯器是半免費版的,也就是說有些功能要付費,使用這些模板在以后如果你沒有付費的elementor,可能修改會受到限制。
導(dǎo)入模板
在古騰堡模板中會有大概20幾個模板,電子商務(wù)類的不多,就三個,一個還是付費的,不過print shop不錯,可以試一下,其實你也可以使用其他模板然后自己安裝woocommerce插件,或者之后你可以完全自己設(shè)計每一個頁面,讓你的網(wǎng)站更具獨特性。
導(dǎo)入print shop這個模板看看,點擊這個模板,下一頁會讓你選擇導(dǎo)入首頁還是整站模板,選擇整站吧,其實就是導(dǎo)入一些頁面和一些插件,模板只需要兩個插件也就是woocommerce和kadence block,還可以選擇顏色和字體。
這里要說一句kadence block是非常強大的一個古騰堡區(qū)塊庫,有了這個就真的可以各種玩轉(zhuǎn)個性化頁面了。假如你的主題沒有自帶這種區(qū)塊庫的話,你可以到插件中去搜索,有很多區(qū)塊庫可用,并不只有kadence block一家的。
選好顏色和字體點擊full site然后會告訴你導(dǎo)入什么,等等,點擊繼續(xù)導(dǎo)入就行了,這里會需要一會兒導(dǎo)入。如果你是用的其他模板沒有woocommerce,稍后自己安裝就行了,這個做跨境電商的必須要這個插件,不然怎么上架產(chǎn)品?!
導(dǎo)入完之后就可以點擊按鈕
Finished! View your site,查看你的網(wǎng)站看看,當(dāng)然現(xiàn)在都是模板的內(nèi)容,主題到這里就差不多安裝好了。
安裝插件
其實前面安裝主題和導(dǎo)入模板的時候已經(jīng)安裝了一些主題必須的插件,你可以到Plugins中查看已經(jīng)安裝的插件,如下圖,還有一個未激活的是安裝wordpress時自帶的,可要不可要。
除了這些插件,我還推薦你安裝一些很有必要的插件,對網(wǎng)站功能完整度以及以后運營可以說時不可或缺,點擊Add New,如圖有兩個地方可以點擊進去搜索安裝新插件。以下是我推薦的一些插件:
- Child Theme子主題插件:在網(wǎng)站還未真正設(shè)置之前,安裝一個子主題插件,為激活的主題創(chuàng)建一個子主題吧,如何創(chuàng)建和為何創(chuàng)建子主題請看這里:怎樣給WordPress網(wǎng)站創(chuàng)建Child Theme(子主題),之后這個插件可以刪掉。
*推薦: Child Theme Wizard, WP Child Theme Generator - 加速插件:可以優(yōu)化網(wǎng)頁速度,減少頁面打開的加載時間。
*推薦:GreenGeeks主機用的是Litespeed web server, 首推LiteSpeed Cache - SEO插件:SEO英文全稱Search Engine Opitimization即搜索引擎優(yōu)化,簡單點就是提高你的網(wǎng)頁在google等搜索網(wǎng)站的排名和曝光率。
*推薦: RankMath, Yoast SEO, All in one SEO - 社交插件:社交分享,你自己的社交鏈接推廣,還有社交帳號快速登錄
*推薦: Sassy Social Share,Super Socializer,Meks Easy Social Share - 表單插件,主要為網(wǎng)站添加郵件表單,讓客戶可以提交郵箱,如果是用kadence的話,kadence block中包含這個區(qū)塊,可以不安裝。
*其他推薦:Contact form 7, wpforms - 網(wǎng)站安全插件,因為托管的主機,主機商在安全方面都做得很嚴實,但是wordpress安全插件能增加一層屏障
*推薦: Wordfence Security,All In One WP Security & Firewall - GDPR插件(可選),不安裝的話,一定要有privacy policy,并且注明相關(guān)的法規(guī)
*推薦: GDPR Cookie Consent,LuckyWP Cookie Notice
假如之前沒有安裝的Woocommerce的話,當(dāng)然不要忘記安裝了,還有其他你覺得有必要的插件可以自行搜索安裝。插件安裝就這樣,沒啥難得,非常簡單,搜索,點擊安裝激活然后使用。
第四步:設(shè)置和自定義網(wǎng)站
這應(yīng)該是建站過程最需要時間的一步吧,因為網(wǎng)站的基本框架,網(wǎng)站成型,添加一些你定制的業(yè)務(wù)信息主要在這一步了。這一步我只能告訴你在哪里編輯修改,但具體怎么做還得看你自己了。
基本設(shè)置(Setting)
首先你需要對wordpress網(wǎng)站進行一些基本項的設(shè)置,這些設(shè)置主要還是算是后端吧,從側(cè)邊的菜單Setting進去:
- General Setting – 常規(guī)設(shè)置,這里是一些關(guān)于你網(wǎng)站的基礎(chǔ)信息,包括網(wǎng)站名(Site Tile)和副標(biāo)題(Tagline),根據(jù)你自己的行業(yè)和產(chǎn)品填寫信息,網(wǎng)站名想好了別做過多的更改,然后就是wordpress網(wǎng)址和站點網(wǎng)址,最好是一樣,帶不帶www.就隨你喜好了,其他的可以不要修改。
- Writing – 這個主要是針對blog文章寫作的設(shè)置,可以不改。
- Reading – 設(shè)置你網(wǎng)站的首頁和blog首頁,最后底部那個Search Engine visibility可以先勾選,勾選就是叫搜索引擎不要抓取你的網(wǎng)頁。
很多教程也是建議你先勾選,他們的建議當(dāng)然是有道理的,比如有些頁面是模板頁面,也就是和別人一樣的頁面,沒有修改可能會被降權(quán),而且模板的頁面一般都是內(nèi)容不多,這代表頁面質(zhì)量不高,同樣影響排名。*怎么讓搜索引擎收錄網(wǎng)站,請看這篇文章。 - Discussion – Blog文章評論的相關(guān)設(shè)置,可以不要改。
- Media – 媒體文件設(shè)置,保持默認。
- Permalink – 永久鏈接,也叫固定鏈接,選擇custom Structure然后點擊%postname%,或者直接點擊Post name,然后保存。
- Privacy – 在這里添加網(wǎng)站隱私政策頁面,建議任何外貿(mào)網(wǎng)站添加Privacy Policy頁面,在國外這個非常重要,尤其是歐盟區(qū),從18年起加入了新的GDPR條例,你可以參考本網(wǎng)站頁末的隱私政策,只是沒翻譯,你們可以自行翻譯,或者找一些不錯的國外電商網(wǎng)站借鑒一下。
另外可能還有一些別的選項,比如我安裝的kadence Block設(shè)置也會添加在這里,還有一些插件的設(shè)置項也會在這里,具體看你安裝的主題和插件了。
自定義(Customize)
接下來就開始進行網(wǎng)站的外觀設(shè)置(Appearance),也可以說是前端設(shè)置,這里的設(shè)置就是你的網(wǎng)站真正呈現(xiàn)在互聯(lián)網(wǎng)的樣子,也就是訪客能看到的模樣。外觀設(shè)置最主要的就是自定義設(shè)置Customize了,這里包含你網(wǎng)站的方方面面,如下圖,還是以Kadence主題為例。
不同的主題這里可能有些不一樣,大致差不多,你只要一項一項設(shè)置過去不會有什么問題的,看一下每一項的設(shè)置都是做什么的吧。
- General – 常規(guī)設(shè)置,每個主題都有這個設(shè)置,主要包含網(wǎng)頁默認布局,顏色,字體,側(cè)邊欄顯示,按鈕等等一些設(shè)置,這些主要是看每個人喜好,邊改邊看效果,也可以不改,不過Breadcrumbs和Performance兩項里面的選項最好是都勾選。
- Header和Footer – Kadence主題的頁頭和頁尾設(shè)置真的很人性化,都是分三行,每一行可以自由拖曳添加他們提供的小部件,不像其他主題那樣固定了頁頭和頁尾的布局,最近更新的版本中,Kadence的footer也可以使用古騰堡區(qū)塊(block)了,讓你更加放飛自我,建立自己想要的頁頭頁尾,見下圖。
- Page Layout、Blog Posts和Search Results – 這分別是網(wǎng)頁(wordpress后臺page哪項里面的頁面),Blog頁面(post頁面)和搜索結(jié)果頁面的布局,設(shè)置這些的時候,你最好打開相應(yīng)的頁面進行設(shè)置,如何設(shè)置同樣根據(jù)你自己的喜好。
- Site Identity、Homepage Settings – Site Identity是添加網(wǎng)站logo和網(wǎng)站圖標(biāo),并可設(shè)置造型,Homepage Setting相當(dāng)于基本設(shè)置中常規(guī)設(shè)置的Reading。
- WooCommerce – 這是woocommerce的店鋪設(shè)置,店鋪各個頁面布局的設(shè)置,包括catalog,單個產(chǎn)品頁面,checkout頁面,my account頁面,可以不更改或者根據(jù)你的喜好更改。
- Additional CSS – 層疊樣式表,更改網(wǎng)站頁面布局和外觀的一種靜態(tài)網(wǎng)頁外觀語言,你需要懂點相關(guān)的代碼知識,請?zhí)^。
- Import/export – 導(dǎo)出導(dǎo)入,即導(dǎo)出導(dǎo)入customize設(shè)置,所有設(shè)置好之后,你可以導(dǎo)出保存,以免以后出問題又要重新一個一個去設(shè)置。
另外還有菜單和小工具 (Menu & Widget) ,這兩個最好是分別去設(shè)置,在后臺設(shè)置里面也有這兩項單獨的設(shè)置,接下來就說說這兩個設(shè)置吧。
菜單和小工具(Menus & Widgets)
菜單是網(wǎng)站的導(dǎo)航,就像你網(wǎng)站的一個窗口,可以進入到你網(wǎng)站不同的頁面和欄目,這是相當(dāng)重要的。
菜單Menus
在wordpress中菜單編輯和設(shè)置也在外觀(Appearance)里面,從側(cè)邊導(dǎo)航的Appearance->Menus進去即可設(shè)置,參考下圖。
如圖所示,設(shè)置還是挺清晰的,在導(dǎo)入Kadence或者任何主題之后,主題一般都會有幾個設(shè)置好的菜單,你可以直接編輯、添加或者刪除。
- 編輯菜單,默認打開的選中菜單是主菜單(primary menu),也就是你網(wǎng)站頁頭(頁眉)的菜單,你可以點擊每一個頁面右邊的小倒三角編輯鏈接或者刪除鏈接,需要添加新的鏈接就從左側(cè)的鏈接中選中然后點擊add to menu,左邊基本上包括你網(wǎng)站的任何單一的鏈接,你甚至可以添加自定義鏈接(custom links)。
菜單中的鏈接你都可以任意拖曳來擺放位置,或者拖曳來放入二級目錄,菜單的每一個鏈接都能單獨設(shè)置顯示名,也就是說你的頁面本身名字比如是about,你可以在這里設(shè)置成about us,等等。 - 新建菜單,點擊圖片上紅框中的Create a new menu就可以創(chuàng)建新菜單了,可以給新菜單取個名字以方便以后使用,然后編輯菜單。
- 刪除菜單,假如你不需要哪一個菜單,可以從select a menu to edit中選中,然后拉到最底部,點擊delete menu。然后添加自己的菜單
- 菜單位置,在上圖靠底部的位置有個紅框,display location,在編輯或者創(chuàng)建菜單的時候你可以選擇你的菜單擺放位置,其實除了主菜單記得勾選,其他可以不需要設(shè)置,到時候在customize(上一步)中的header或者footer去添加。另外也可以通過頂部的Manage locations去更改位置,菜單的位置根據(jù)不同主題一般是不同的,具體看你是什么主題了。
所有的都設(shè)置好你就點擊save保存,然后去頁面看看效果,至于一些非常復(fù)雜的菜單,比如mega menu可以下拉顯示豐富內(nèi)容的菜單你就需要通過插件完成了。
小工具/小部件(Widgets)
Widgets即小工具,也叫小部件,這是wordpress一個特色功能,一般你可以通過小部件設(shè)置側(cè)邊欄和頁腳,但是也有一些主題會增加其他位置,比如頁頭(頁眉)。
以前的版本小工具設(shè)置起來可能稍微復(fù)雜一點,當(dāng)然對于用習(xí)慣的又會覺得還是老的好。為什么我認為現(xiàn)在更方便了,因為從wordpress5.8版本以后小工具的編輯器和頁面編輯器統(tǒng)一了,都是用的古騰堡,你只要添加block區(qū)塊就行,然后編輯區(qū)塊內(nèi)容,所以這里就不多介紹如何使用小工具了,之后會在添加頁面這一步詳細說明一下,看個圖參考一下先。
其實在kadence主題中,因為主題的先進,小工具除了主要作用于側(cè)邊欄之外,其他位置都會慢慢荒廢掉。
Woocommerce設(shè)置
搭建wordpress外貿(mào)獨立站最后肯定是要對店鋪進行設(shè)置,這一項就像你做跨境電商平臺一樣,要給后臺進行設(shè)置,添加個人信息,付款方式以及物流設(shè)置等等。
這一步其實沒什么好說的,主要是是關(guān)于你經(jīng)營的一些信息,可能在shipping這一項會有點費神,但可以參考我的其他文章:WooCommerce教程,至于支付方式也可以去到這里去查看:收付款。
網(wǎng)站的設(shè)置和自定義差不多就是這些,wordpress的后臺還有一些其他的設(shè)置,沒必要的話都不要去修改,因為也沒什么要修改的了,不過以后想熟悉wordpress可以一項一項去了解。
第五步:添加內(nèi)容
假如說搭建網(wǎng)站像建房子一樣的話,那么上一步可以說是完成了毛坯,這一步就開始裝修并且添加家具和用品了。
添加頁面
在導(dǎo)入kadence模板的時候,主題自動給你添加了一些模板相關(guān)的頁面,假如哪些頁面你需要的話就保留然后編輯就行,如果不需要可以進入Page里面刪掉。
除了woocommerce自帶的一些頁面不要刪除,其他的都可以編輯修改和刪除。對于一個外貿(mào)或者說跨境電商網(wǎng)站,你確實需要添加一些頁面來豐富網(wǎng)站,也讓客戶能更加容易了解你們的品牌以及產(chǎn)品,至于需要添加哪些頁面,我早就準(zhǔn)備好了一篇文章給大家參考:一個完整跨境獨立站必須要有的頁面。
如何添加或者編輯頁面,比如我們添加一個叫About Us的頁面:
請按照圖片上的編碼了解每一項的功能:
- 標(biāo)題
- 添加Block(區(qū)塊)- 有兩個地方可以添加區(qū)塊,如圖的兩個+按鈕,具體有哪些區(qū)塊要點開左邊模塊欄,根據(jù)需要添加所需模塊,可以很大的豐富網(wǎng)頁。除了wordpress自帶的一些區(qū)塊,安裝kadence的時候安裝了kadence block,其實還可以到插件中搜索其他區(qū)塊插件,不過kadence block已經(jīng)可以完成大部分功能了。
區(qū)塊的作用真正讓wordpress網(wǎng)站達到了對網(wǎng)頁最大自由設(shè)計。 - 對文本的設(shè)置,可更改字體顏色添加鏈接,下劃線等等
- 頁面設(shè)置
- page – 頁面設(shè)置,包括發(fā)布時間,permalink固定鏈接,評論,等等
- block – 對你選取的模塊進行設(shè)置,比如你添加的模塊是圖片,那這個設(shè)置就是對這個圖片進行設(shè)置
5. 頁面布局設(shè)置 (隨Kadence主題來的),具體看實際安裝的主題而定
6. Kadence模塊設(shè)置
7. Gutenberg設(shè)置 – 即對Gutenberg這個網(wǎng)頁編輯器的設(shè)置
頁面編輯器中還可能出現(xiàn)一些其他隨插件而帶來的設(shè)置,比如SEO插件,請根據(jù)具體插件而定。頁面內(nèi)容一般是一邊創(chuàng)建,系統(tǒng)自動會幫你保存,但有時候急事離開請記手動點保存,以免丟失一些新加的內(nèi)容,創(chuàng)建好后,你可以先預(yù)覽一下,沒問題就可以點擊publish了。
上傳產(chǎn)品
不用多說,產(chǎn)品才是電商網(wǎng)站的核心所在。同樣在導(dǎo)入模板的時候kadence主題會自動添加一些樣板產(chǎn)品,先別刪除,你可以參考一下,之后等你產(chǎn)品上線了是需要刪掉這些產(chǎn)品的,這些產(chǎn)品一般都不完全,也不是你自己的產(chǎn)品,而且價格也是隨意填寫的。
Woocomerce產(chǎn)品描述編輯器還是用的wordpress的經(jīng)典編輯器,很多wordpress老用戶喜歡這種編輯器,如果你也喜歡這種編輯器來編輯頁面的話可以去插件里面下載,但是我自己是回不去了,用古騰堡習(xí)慣了。不過只是編輯產(chǎn)品描述,這個編輯器反而會更好,也夠用。同樣我用數(shù)字標(biāo)出了每一項的功能如下。
- 產(chǎn)品標(biāo)題
- 產(chǎn)品詳情,這里也可以添加圖片,鏈接等等,截的圖片是代碼模式,請改成Visual,即可視化編輯
- 產(chǎn)品數(shù)據(jù)設(shè)置,產(chǎn)品類型、價格、庫存、運輸、相關(guān)產(chǎn)品、屬性(顏色、尺寸)等其他設(shè)置,在variable products(變體產(chǎn)品)中可以添加不同顏色尺寸的產(chǎn)品
- Simple product – 單一產(chǎn)品,單一顏色,單一尺寸,單一型號,也可以添加虛擬產(chǎn)品,比如什么會員,下載類產(chǎn)品
- Grouped – 組合產(chǎn)品, 比如一套衣服,包括上衣,褲子,襯衣,可以組合一起銷售
- External/Affiliate – 外部產(chǎn)品或聯(lián)盟產(chǎn)品,你可以發(fā)布產(chǎn)品但是鏈接指向其他網(wǎng)站例如亞馬遜,推廣你自己的產(chǎn)品或者推廣別人的產(chǎn)品拿傭金
- Variable – 變體產(chǎn)品,大部分是這種產(chǎn)品吧,因為大部分產(chǎn)品都是有顏色尺寸等不同選項的
4. 產(chǎn)品圖片,圖片中少標(biāo)記了一個
- Product image – 這個是設(shè)置主圖片的
- Product Gallery – 這個是圖片相冊,圖片輪播的話這里可以添加多張
5. 產(chǎn)品類目,分兩種
- Product categories – 產(chǎn)品目錄
- Product Tags – 產(chǎn)品標(biāo)簽
試著隨便傳了一個變體的產(chǎn)品如上圖,僅供參考。
其實你還可以寫一下博客文章,在側(cè)邊的post里邊添加文章,寫一些關(guān)于產(chǎn)品或者行業(yè)的文章可以通過搜索引擎一一些流量到網(wǎng)站,post的編輯和頁面編輯基本一樣,你打開就知道了。好了,到這里你的網(wǎng)站也就差不多了。
第六步:發(fā)布你的WordPress外貿(mào)B2C獨立站
等你上傳好了兩到三個產(chǎn)品就可以去設(shè)置的Reading里面去掉搜索引擎的勾選,并且添加網(wǎng)站到搜索引擎,讓他們來抓取網(wǎng)頁,然后每天持續(xù)更新產(chǎn)品。
發(fā)布網(wǎng)站之后注意一些問題:
- 別隨便更改網(wǎng)站名字描述等一些框架性的內(nèi)容
- 別隨意換主題
- 注意頁面和產(chǎn)品鏈接別太長
- 通過SEO插件來優(yōu)化網(wǎng)站
- 經(jīng)常保持更新網(wǎng)站,一周兩到三次增加新內(nèi)容,添加產(chǎn)品就可以,以后可以適當(dāng)?shù)陌l(fā)布一些文章。
總結(jié)
文章可能看起來有點長,只是希望說得比較詳細,真正讓看到這篇文章的朋友能夠建站的時候輕松一些,不那么費腦,我也碰到有朋友說wordpress挺復(fù)雜的,新手剛剛接觸的時候確實是這樣,其實假如你用過其他建站方式,比如一些在線的建站方式,比如shopify, ecwid等等,你會發(fā)現(xiàn)我這里說的幾乎每一項他們同樣有。
wordpress建站區(qū)別就在于那些平臺的各項設(shè)置你很容易就找得到,而wordpress并不是那么直接,這就是我今天這篇文章的目的所在,就是幫助不懂的人輕松快捷的找到需要修改編輯的每一項。但你們也不要忘了wordpress外貿(mào)獨立站的優(yōu)勢:真正的獨立性,自由度,以及更低的起步成本。