關於 Woo EC Fes 網站主題。

執行委員會成員蘇吉希塔。
這一次,我主要負責網站建設。
缺乏經驗,我擔心我是否可以接受,但由LightningPro的豐富功能支援,我認為該網站已經能夠承受看到。

在這篇文章中,我想回顧一下從主題選擇到網站建設的歷史。
我希望這能説明所有希望在未來創建網站的讀者。
一路上,我個人的想法也包括在內,請原諒我。
(對於已經創建網站的人可能毫無用處... 被跳過是沒有問題的。 )

在決定主題時,我擔心什麼?

使WordPress網站,現在主題是什麼。
這一次,在決定一個主題時,有幾個條件。

  • 支援 WooCommerce。
  • 100% 符合 GPL 的主題。
  • 符合這個節日的目的。

我們將對這些內容進行一些補充。

支援 WooCommerce。

這是一個強制性條件。

這張票在WooCommerce的外掛程式上出售。 (這是很自然的,或者更說說,這是一個假設的故事)

安裝 WooCommerce 外掛程式時,某些頁面是自動生成的,包括購物車頁面、產品清單頁和"我的帳戶"頁。
但是,如果主題的設計未擊中每頁,則顯示會變得有趣。
我不想在這樣的網站上買票,是嗎?

很抱歉,如果你看到這樣的...

100% 符合 GPL 的主題。

這也是一個強制性條件。

WordPress 是開源的,Woo EC Fes 也按照開源社區的精神運行。
我認為我們的社區應該真正對每個人都開放。

行為準則頁面。

符合這個節日的目的。

這對我來說是最重要的。

田中昌平,這個節日的執行委員會成員,提出了以下措辭,以啟動這個節日。

舉辦方向。

面向首次在 WordPress 中構建 EC 網站的開發人員和使用者。
(包括面向未來,如在規模擴大時的反應)
learning, sharing, and fun for First penguin of e-commerce on WordPress。

Woo Fes Japan 2020(現為Woo EC Fes Japan 2020) 草案。

"第一penguin"
確實如此,不是嗎?
對於第一次創建EC網站的新手來說,這也許和第一次跳進海洋的"第一penguin"的感覺一樣,在那裡可能有天敵。

然後,使這個網站的方式,即使是初學者可以使,

被點名: 你可以做! 」

我想說。

確定主題和生產策略。

符合上述條件的主題在某種程度上被縮小了範圍,但最終,我們決定使用 Vektor, Inc. 的 LightningPro!

此外,我們還制定了生產政策。

  • 不編寫代碼,只建立 WordPress 標準區塊和 LightningPro 中的塊!
  • css 是最小的!

這似乎相當困難,但正如我前面提到的,

被點名: 你可以做! 」

我想說,不知何故,鉤子,JAVAScript,或PHP,這樣的事情被完全消除!
css也決定只使用它,因為我想改變顏色或想包裝這裡的邊距通過各種方式。

我感到自己被勒死...

有這種限制,我通常決定使用LightningPro。

這一次,參加「WooCommerce 合規主題建立者圓桌討論會」的人的主題是「WooCommerce 合規主題建立者圓桌討論」,這些會議都滿足了所有這些條件,非常精彩!
我認為即使是初學者也能創建他們設想的網站。

請看這個圓桌討論會,以幫助選擇主題!

此次使用的LightningPro的功能。

第一視圖。

在本網站的第一個視圖中,我們決定在左側放置徽標,在右側放置通知和按鈕。

最初,LightningPro >自定義> Lightning 首頁幻燈片中放置英雄圖像。

你可以寫標題和文本,並放置一個按鈕,但這次。

  • 我不想在徽標上蓋上字母。
  • 我想使用統一的按鈕。
  • 在行動裝置上查看時,我想將句子放在徽標下方。

有一個條件,如。

Woo EC Fes 網站的首次查看圖像。

我使用的功能。

  • 文檔>佈局設置。
    • 不顯示頁眉和麵包屑清單。
    • 在空白設定中無 siteContent 的上下邊距。
  • 在 Outer塊中均勻分配列。

在上述設置中,您可以按照您所想的方式將第一視圖放在全域功能表的正下方!

順便說一下,如果你想在初視圖中幻燈片,滑塊塊也可用。

描述頁面在這裡。

標題塊。

WordPress 的塊也有標題塊,但 Lightning 的標題塊可以到達癢的地方!

這一次,H2標題沒有裝飾,而是用英文和日文書寫。
日語符號,就像字幕一樣,我想用小字母來調味。
這種顯示方法,對於初學者的網站製作來說,障礙相當高。

但是,如果閃電的標題是好的!
如果選中「顯示字幕」,則很容易顯示。
此外,您還可以設置每個字元大小、行間和標題下方的邊距!

此外,圖示字體也放在標題之前!
"把圖像在線..."或"在css上..."我不需要。

標題塊。

會話和時程表。

此會話可能在 YouTubeLive 上提供,而其他會話在 Zoom 網路研討會上提供。

由於資訊量很大,我想在框架中放置一個塊,如按鈕,同時通過框架的顏色來理解交付的差異,我想奢侈。

框架框塊是這種自私的完美選擇。

您可以像這次一樣使用選項卡,也可以像橫幅一樣。

* 框架的顏色,因為我想在YouTube的紅色和Zoom的藍色,我改變顏色與css。

Woo EC Fes 網站工作階段指南。

全寬顯示內容。

這是上帝不再有外在方塊了!

現在,您可以輕鬆地創建全寬內容。
您可以使用滑鼠更改背景的顏色,或將垂直分隔符設定為對角線、曲線或三角形。

您可將圖片設定為背景。
在背景上戴上面具是自由的!
固定顯示也完成,可以製作非常時尚的內容。

這一次,我到處使用Outer塊。

外塊。

總結。

這一次,我想珍惜。

被點名: 你可以做! 」

多虧了 LightningPro,我才意識到這一點。

創建網站很重要,但銷售 EC 網站也非常重要!
在哪裡分配有限的資源,但最好專注於銷售,使網站易於創建。
這一次,我使用LightningPro,如果主題是那些參加"WooCommerce相容主題創建者圓桌討論"的人的主題,毫無疑問,網站建設將變得簡單,而且,一個非常時尚的網站將完成。

我很高興,如果你可以説明你管理你的EC網站,甚至一點點在這個節日。
感謝您在 Woo EC Fes 當天!

貢獻者簡介

Chiaki Sugishita
Chiaki Sugishita
居住在農村地區的自由職業網頁設計師。 作為城市中的一家小型主頁店,我們與客戶合作,從小型網站到 EC 網站建設。 我偶爾去稻田裡做米飯。