2021年Woocommerce電商主題的安裝部署教程

Woocommerce是一個(gè)Wordpress的一個(gè)流行的電商插件。完成Wordpress的安裝即已完成80%。剩下的便是去尋找一款合適的自己喜歡的主題。這里我常去主題森林去尋找相關(guān)主題。關(guān)于WP的安裝，請(qǐng)參考我之前的文章，也可以在任意一個(gè)媒體平臺(tái)搜索“今何用”，去解鎖歷史好文，這兒不再重復(fù)。

前言

從寫(xiě)自媒體文章，到現(xiàn)在已經(jīng)半個(gè)月過(guò)去了。寫(xiě)到現(xiàn)在總算是進(jìn)入我們的電商主題。如果你想有一個(gè)成本賊低，不想要經(jīng)過(guò)各個(gè)大的電商平臺(tái)去經(jīng)過(guò)長(zhǎng)達(dá)數(shù)日的審核折磨，也不想因?yàn)樯蟼魃唐泛螅涿畹卦獾较录?，更不想花費(fèi)本來(lái)就不多的銀子去友盟，有贊購(gòu)買(mǎi)精美而并不實(shí)用的模板掛件，甚至被瘋狂的電話(huà)營(yíng)銷(xiāo)忽悠去買(mǎi)一套所謂的王者定制網(wǎng)站。那么WP下的WooCommerce，以下簡(jiǎn)稱(chēng)Woo。絕對(duì)是你的第一選擇。倘若你再多花費(fèi)幾分時(shí)間，多參考一些別人的網(wǎng)站案例，那么你甚至可以通過(guò)拖拽來(lái)自定義出自己的專(zhuān)屬電商網(wǎng)站。你可以制作自己的銷(xiāo)售策略頁(yè)，也可以制作節(jié)日的活動(dòng)頁(yè)。如果你發(fā)揮一點(diǎn)自己的想象，搞個(gè)一起拼多多式的團(tuán)購(gòu)策略，也不是不可以。那么，你還等什么，一起Show起來(lái)。

想了半天，還是得啰嗦一句。Woo這東西畢竟是西方人喜歡用的東西，我們現(xiàn)在在國(guó)內(nèi)使用，說(shuō)好聽(tīng)點(diǎn)，叫做舶來(lái)品。如果一層不變地搬過(guò)來(lái)，多少有點(diǎn)不適合過(guò)期，畢竟國(guó)內(nèi)的電商都是從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面，眼花繚亂。又經(jīng)過(guò)多年的線(xiàn)上購(gòu)物熏陶，第三方非主流的網(wǎng)站，可信度又不是很高。我想這也是獨(dú)立站目前沒(méi)有在國(guó)內(nèi)發(fā)展起來(lái)的原因之一。但在一個(gè)小的社區(qū)之間，他的作用還是非常明顯的，簡(jiǎn)單快速，成本低廉。也可以作為品牌的官方商鋪，用來(lái)維護(hù)產(chǎn)品信息后，同步到其他平臺(tái)。當(dāng)然，電商ERP在這方面更專(zhuān)業(yè)，費(fèi)用自然也更為昂貴。至于更多的用途，可以請(qǐng)同學(xué)們結(jié)合自己當(dāng)下的場(chǎng)景去思考。我在后續(xù)的文章中，也盡量把頁(yè)面的風(fēng)格設(shè)計(jì)的有國(guó)內(nèi)電商的內(nèi)味兒。而不是像其他的教學(xué)一樣，泛泛而談，只顧著圈流量。把舶來(lái)品做成了舶來(lái)品該有的樣子。多說(shuō)無(wú)益，我們開(kāi)始吧。

以上兩段是備案失敗前寫(xiě)的，被現(xiàn)實(shí)打臉了。我也不刪掉了，先留著，作為思考的記錄，至于為什么會(huì)失敗，去看我的上篇文章就行了。后面的講解也基于本地環(huán)境進(jìn)行了。不再使用生成模式。至于怎么本地環(huán)境怎么搭建Wordpress，網(wǎng)上文章很多，大家自行解決，對(duì)于無(wú)法下載的內(nèi)容，請(qǐng)自備梯子。

既然只能?chē)?guó)際形式的獨(dú)立站，國(guó)內(nèi)的叫法便是跨境電商獨(dú)立站模式。語(yǔ)言選擇上，我們也使用高大上的英文模式。我們考慮的是需要把自家的產(chǎn)品，銷(xiāo)售給國(guó)際友人，以此來(lái)賺取外匯收入。好了，廢話(huà)不多說(shuō)，讓我們進(jìn)入正題。

安裝主題

1，主題的選擇

現(xiàn)在我們打開(kāi)，主題森林，themeforest.net，打開(kāi)搜索條件，themeforest.net/category/wordpress/ecommerce/woocommerce?sort=sales，（若不能直接打開(kāi)，可以復(fù)制前面的鏈接去自行打開(kāi)）

我們可以看到，單是Woo的相關(guān)電商主題，多達(dá)千余個(gè)。看看前面幾個(gè)的銷(xiāo)售量已經(jīng)達(dá)到百萬(wàn)之多的銷(xiāo)售量，且費(fèi)用不低，折合RMB接近400塊。如果你感興趣，有點(diǎn)產(chǎn)品和美術(shù)思維，通過(guò)我后面推薦的一些工具，甚至不需要學(xué)習(xí)前端知識(shí)，只需要對(duì)WP的模板理解深刻，就可以制作一套自己的主題，進(jìn)行售賣(mài)后賺取美金。

嗯~ o(￣▽?zhuān)?o，說(shuō)了這么多，又有這么多的主題，是不是突然有種選擇困難癥了。嘻嘻~這就對(duì)了，那么貴的主題，總不能一個(gè)個(gè)地都試一遍吧。我這邊有個(gè)小建議，就是可以結(jié)合著，你當(dāng)前要銷(xiāo)售的商品品類(lèi)來(lái)選擇，這樣可以省去一些專(zhuān)有的設(shè)計(jì)時(shí)間。比如，時(shí)尚美衣，電子產(chǎn)品，家居家電，生鮮美食，零食外賣(mài)也是可以的。把當(dāng)下的模板都預(yù)覽一下，總能找到一款心儀的產(chǎn)品。

作為小白怎么辦呢？對(duì)呢，我也一樣，雖然沒(méi)用個(gè)幾個(gè)，但是看在銷(xiāo)售量的數(shù)據(jù)上，第一個(gè)，Top Sell，是大眾的選擇應(yīng)該不會(huì)錯(cuò)。我沒(méi)有為他打廣告，作為入門(mén)級(jí)別的Woo電商主題，F(xiàn)latsome確實(shí)是小白的首選。這個(gè)在后面的教程進(jìn)行對(duì)比就知道了。

2，F(xiàn)latsome購(gòu)買(mǎi)

打開(kāi)預(yù)覽Priview，可以先看看其主題有哪些風(fēng)格和樣式，點(diǎn)擊購(gòu)買(mǎi)，一步步操作就完事了。

作為撰寫(xiě)博客的演示和同學(xué)的自我練習(xí)，我這邊還是悄悄地告訴大家兩個(gè)可以找到別人買(mǎi)好的主題，提供的下載網(wǎng)站，但僅作為學(xué)習(xí)之用，千萬(wàn)不要直接用于商業(yè)，畢竟現(xiàn)在互聯(lián)網(wǎng)對(duì)于版權(quán)的重視已不是過(guò)去的情況。否則打官司到破產(chǎn)，不要告訴我沒(méi)有提醒你。想要的同學(xué)麻煩去我微信找我，聰明的你相信這不是問(wèn)題，去回復(fù)關(guān)鍵詞 “試用WP模板網(wǎng)站”，即可拿到，也可以回復(fù)“Flatsome”得到該主題的鏈接。

3，安裝Flatsome主題

提前準(zhǔn)備好一個(gè)干凈的WP網(wǎng)站，最好不要安裝任何插件。以免產(chǎn)生一些未知的bug。

下載zip包后，要解壓找到主題文件下的包進(jìn)行安裝。千萬(wàn)不要直接把下載的zip上傳到主題，那樣只會(huì)失敗。

安裝完成后，可以立即激活，一步步地按照指示安裝，主題會(huì)提示你來(lái)安裝我們的Woo插件。

沒(méi)有的內(nèi)容，我們可以選擇跳過(guò)。

我們會(huì)從零開(kāi)始設(shè)計(jì)頁(yè)面，子主題也不需要，先跳過(guò)。

默認(rèn)插件的話(huà)，還是有必要的，點(diǎn)擊繼續(xù)。

插件安裝完成后，我們可以根據(jù)需要，添加一些demo數(shù)據(jù)。后面不需要了再刪除即可。

可以根據(jù)自己的需要，設(shè)置一下logo，和首頁(yè)樣式，當(dāng)然不設(shè)置也可以。后面可以更改。

下一步，下一步，就可以去看看自己的網(wǎng)站了。

好了，至此，我們的Woo和主題就安裝完成了，打開(kāi)首頁(yè)。

* 如果訪(fǎng)問(wèn)其他頁(yè)面，有404的情況，請(qǐng)參考我前面的博文，對(duì)nginx進(jìn)行簡(jiǎn)單的配置設(shè)置即可。

nginx的配置代碼是

if (-f $request_filename/index.php){ rewrite (.*) $1/index.php; } if (!-f $request_filename){ rewrite (.*) /index.php; }Woo的基本設(shè)置

為了提前看到woo的主頁(yè)，我們需要對(duì)Woo進(jìn)行基礎(chǔ)的設(shè)置。第一步，填寫(xiě)地址，建議用當(dāng)?shù)卣Z(yǔ)言。

根據(jù)自己的產(chǎn)品類(lèi)型選擇行業(yè)，可以多選。

在最后一步，用自己的主題就行了。

到現(xiàn)在，我們的Woo就部署好了。下一章我們開(kāi)始進(jìn)行頁(yè)面的設(shè)置。