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

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

前言

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

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

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

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

安裝主題

1，主題的選擇

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

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

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

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

2，F(xiàn)latsome購買

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

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

3，安裝Flatsome主題

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

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

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

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

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

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

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

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

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

好了，至此，我們的Woo和主題就安裝完成了，打開首頁。

* 如果訪問其他頁面，有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的主頁，我們需要對(duì)Woo進(jìn)行基礎(chǔ)的設(shè)置。第一步，填寫地址，建議用當(dāng)?shù)卣Z言。

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

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

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