2021年Wordpress手把手教你做個獨立站——部署篇

特立獨行的豬發表於2021-07-04

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

Woocommerce是一個Wordpress的一個流行的電商外掛。完成Wordpress的安裝即已完成80%。剩下的便是去尋找一款合適的自己喜歡的主題。這裡我常去主題森林去尋找相關主題。關於WP的安裝,請參考我之前的文章,也可以在任意一個媒體平臺搜尋“今何用”,去解鎖歷史好文,這兒不再重複。

2021年Wordpress手把手教你做個獨立站——部署篇

前言

從寫自媒體文章,到現在已經半個月過去了。寫到現在總算是進入我們的電商主題。如果你想有一個成本賊低,不想要經過各個大的電商平臺去經過長達數日的稽核折磨,也不想因為上傳商品後,莫名其妙地遭到下架,更不想花費本來就不多的銀子去友盟,有贊購買精美而並不實用的模板掛件,甚至被瘋狂的電話營銷忽悠去買一套所謂的王者定製網站。那麼WP下的WooCommerce,以下簡稱Woo。絕對是你的第一選擇。倘若你再多花費幾分時間,多參考一些別人的網站案例,那麼你甚至可以通過拖拽來自定義出自己的專屬電商網站。你可以製作自己的銷售策略頁,也可以製作節日的活動頁。如果你發揮一點自己的想象,搞個一起拼多多式的團購策略,也不是不可以。那麼,你還等什麼,一起Show起來。

想了半天,還是得囉嗦一句。Woo這東西畢竟是西方人喜歡用的東西,我們現在在國內使用,說好聽點,叫做舶來品。如果一層不變地搬過來,多少有點不適合過期,畢竟國內的電商都是從一個頁面跳轉到另一個頁面,眼花繚亂。又經過多年的線上購物薰陶,第三方非主流的網站,可信度又不是很高。我想這也是獨立站目前沒有在國內發展起來的原因之一。但在一個小的社群之間,他的作用還是非常明顯的,簡單快速,成本低廉。也可以作為品牌的官方商鋪,用來維護產品資訊後,同步到其他平臺。當然,電商ERP在這方面更專業,費用自然也更為昂貴。至於更多的用途,可以請同學們結合自己當下的場景去思考。我在後續的文章中,也儘量把頁面的風格設計的有國內電商的內味兒。而不是像其他的教學一樣,泛泛而談,只顧著圈流量。把舶來品做成了舶來品該有的樣子。多說無益,我們開始吧。

以上兩段是備案失敗前寫的,被現實打臉了。我也不刪掉了,先留著,作為思考的記錄,至於為什麼會失敗,去看我的上篇文章就行了。後面的講解也基於本地環境進行了。不再使用生成模式。至於怎麼本地環境怎麼搭建Wordpress,網上文章很多,大家自行解決,對於無法下載的內容,請自備梯子。

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

安裝主題

1,主題的選擇

現在我們開啟,主題森林,themeforest.net,開啟搜尋條件,
themeforest.net/category/wordpress/ecommerce/woocommerce?sort=sales,(若不能直接開啟,可以複製前面的連結去自行開啟)

2021年Wordpress手把手教你做個獨立站——部署篇

我們可以看到,單是Woo的相關電商主題,多達千餘個。看看前面幾個的銷售量已經達到百萬之多的銷售量,且費用不低,摺合RMB接近400塊。如果你感興趣,有點產品和美術思維,通過我後面推薦的一些工具,甚至不需要學習前端知識,只需要對WP的模板理解深刻,就可以製作一套自己的主題,進行售賣後賺取美金。

嗯~ o( ̄▽ ̄)o,說了這麼多,又有這麼多的主題,是不是突然有種選擇困難症了。嘻嘻~這就對了,那麼貴的主題,總不能一個個地都試一遍吧。我這邊有個小建議,就是可以結合著,你當前要銷售的商品品類來選擇,這樣可以省去一些專有的設計時間。比如,時尚美衣,電子產品,家居家電,生鮮美食,零食外賣也是可以的。把當下的模板都預覽一下,總能找到一款心儀的產品。

作為小白怎麼辦呢?對呢,我也一樣,雖然沒用個幾個,但是看在銷售量的資料上,第一個,Top Sell,是大眾的選擇應該不會錯。我沒有為他打廣告,作為入門級別的Woo電商主題,Flatsome確實是小白的首選。這個在後面的教程進行對比就知道了。

2,Flatsome購買

開啟預覽Priview,可以先看看其主題有哪些風格和樣式,點選購買,一步步操作就完事了。

2021年Wordpress手把手教你做個獨立站——部署篇

作為撰寫部落格的演示和同學的自我練習,我這邊還是悄悄地告訴大家兩個可以找到別人買好的主題,提供的下載網站,但僅作為學習之用,千萬不要直接用於商業,畢竟現在網際網路對於版權的重視已不是過去的情況。否則打官司到破產,不要告訴我沒有提醒你。想要的同學麻煩去我微信找我,聰明的你相信這不是問題,去回覆關鍵詞 “試用WP模板網站”,即可拿到,也可以回覆“Flatsome”得到該主題的連結。

3,安裝Flatsome主題

提前準備好一個乾淨的WP網站,最好不要安裝任何外掛。以免產生一些未知的bug。

下載zip包後,要解壓找到主題檔案下的包進行安裝。千萬不要直接把下載的zip上傳到主題,那樣只會失敗。

2021年Wordpress手把手教你做個獨立站——部署篇

安裝完成後,可以立即啟用,一步步地按照指示安裝,主題會提示你來安裝我們的Woo外掛。

2021年Wordpress手把手教你做個獨立站——部署篇

沒有的內容,我們可以選擇跳過。

2021年Wordpress手把手教你做個獨立站——部署篇

我們會從零開始設計頁面,子主題也不需要,先跳過。

2021年Wordpress手把手教你做個獨立站——部署篇

預設外掛的話,還是有必要的,點選繼續。

2021年Wordpress手把手教你做個獨立站——部署篇

外掛安裝完成後,我們可以根據需要,新增一些demo資料。後面不需要了再刪除即可。

2021年Wordpress手把手教你做個獨立站——部署篇

可以根據自己的需要,設定一下logo,和首頁樣式,當然不設定也可以。後面可以更改。

2021年Wordpress手把手教你做個獨立站——部署篇

下一步,下一步,就可以去看看自己的網站了。

2021年Wordpress手把手教你做個獨立站——部署篇

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

2021年Wordpress手把手教你做個獨立站——部署篇

2021年Wordpress手把手教你做個獨立站——部署篇

* 如果訪問其他頁面,有404的情況,請參考我前面的博文,對nginx進行簡單的配置設定即可。

nginx的配置程式碼是

if (-f $request_filename/index.php){ 
	rewrite (.*) $1/index.php; 
} 
if (!-f $request_filename){ 
	rewrite (.*) /index.php; 
}

Woo的基本設定

為了提前看到woo的主頁,我們需要對Woo進行基礎的設定。第一步,填寫地址,建議用當地語言。

2021年Wordpress手把手教你做個獨立站——部署篇

根據自己的產品型別選擇行業,可以多選。

2021年Wordpress手把手教你做個獨立站——部署篇

在最後一步,用自己的主題就行了。

2021年Wordpress手把手教你做個獨立站——部署篇

到現在,我們的Woo就部署好了。下一章我們開始進行頁面的設定。

相關文章