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


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就部署好了。下一章我們開始進行頁面的設置。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM