profile

WordPress 開發日常

打造 MVP 你可以有更好的選擇

Published about 1 year ago • 1 min read

上週原本預計要去花蓮出遊三天的我,因出發前老婆身體不適而取消了行程,雖然損失了飯店的訂金以及台鐵車票的手續費,卻因此讓我放了整整五天假,除了狂趕遊戲進度外,還去了造價22 億的桃園市立圖書館新總館,不得不說新台幣的威力,完全不輸國外的圖書館,除了藏書又新又多外,一走進去就是會驚嘆聲連發的那種,讓我都想在裡面泡上一整天~

為了這間圖書館,我可以搬到桃園住沒問題XD

打造 MVP 你可以有更好的選擇

許久以前一位想要網路創業的朋友拿了一份總價近百萬的報價單給我,問我說這家廠商這樣的報價是否合理,看了報價的明細我覺得這家廠商很專業,許多只有我們業內人士看得懂的執行細項也全部寫進去,看得出這份報價單花了他們許多時間整理。

但我就跟朋友說這樣的報價單比較適合已經進入成長期的公司,如果你還在草創階段,許多項目是根本不需要也沒必要的,尤其是你還不確定這商業模式是否有搞頭,你需要的只是一個可以帶有基本功能的網站來驗證市場,也就是最小可行性產品 Minimum Viable Product (MVP)。

在這階段系統架構書、部署流程、安全性測試、後臺管理都不是最緊急的項目,能夠讓使用者可以看得到前端的操作頁面、可以點擊按鈕送出資料完成整個流程才是最核心的部分,因此與其重新開發一套系統不如採用現有的解決方案像是 WordPress 就非常適合打造 MVP。

除了佈景主題/外掛一裝上去,就可以建立基礎的內容外,實際可以運作的功能這些開發商都幫你做好了,雖然這些現成的功能可能沒有 100% 完美符合預期,但對於還沒有任何網站經驗的創者來說,這反而是一個很好的框架來限縮你的想法,重新思考梳理這套商業模式最核心的本質是什麼。

等到實際上線後,再看使用狀況來進行調整,不管是請求開發商的協助或是外包給 WordPress 開發者,以打造 MVP 的前提來說,這樣的流程是我認為最省時省力、後續又保有彈性客製化空間的最佳作法。

雖然 WP 在業界有不少為人詬病的問題,像是肥大、速度慢、效能差,但事實上會產生這些問題只是看你投入資源的多寡而已,這一切等事業做起來後再來逐步改善,有需多專業的廠商都早已準備好解決方案等著客人捧著銀子上門。

後來我幫這位朋友開發了他想要的產品,前前後後加起來大概花費三萬多,上線後一個多月他就請我幫他把主機停掉,他要去找下一個創業點子了XD

WooCommerce 控制結帳頁下拉選單

WooCommerce 結帳頁如果要新增欄位的話可以使用 woocommerce_form_field() 來處理,使用的勾點看是要把這個欄位放在什麼地方,如果是要放在結帳欄位後面的話可以用 woocommerce_after_checkout_billing_form

這週處理到的問題是我新增了一個下拉選單,而這下拉選單的選項只有三個,而 WooCommerce 預設的下拉選單會自動帶入搜尋框,在選項一眼就可以看完的情境下,這個搜尋框就顯得完全沒有必要:

第一時間想到的作法就是用 CSS 的 display:none 結案,但由於該下拉選單是經由 selectWoo jQuery 套件所產生的,而這欄位並沒有特定的 id 或 class 可以選擇,因此還是要從 JavaScript 下手。

解決方法是將原始的下拉選單再次建立 select2 實體, select2 是一套非常老牌的 jQuery 下拉選單套件,而 selectWoo 則是依此修改的版本,因此只要找到 select2 文件裡面不顯示搜尋框的參數就能移除該欄位。

select2 的搜尋框參數為 minimumResultsForSearch,該參數帶入的值是數字,也就是當下拉選單的選項超過這個數字時才會顯示搜尋框,或是也可以帶入 Infinity 關鍵字(不用引號),就會直接隱藏搜尋框。

將以下程式碼中的 #my-custom-select 置換為你的下拉選單 ID 即可:

https://oberonlai.blog/woocommerce-selectwoo/

-

玩了五天回來都還在放風耍廢,有休息真的很重要,我們下週見!

WordPress 開發日常

Read more from WordPress 開發日常

每次遇到想要跟我學習 WordPress 外掛開發的朋友來信,總是只能丟些教學文件給他們,畢竟我也不知道他們想做什麼東西,只能提供官方文件給他們參考,雖然這幾年來也寫了不少,但好像都缺少比較完整的開發教學。 想到之前為了教老婆開發而整理出的一套課程大綱,似乎有這個契機可以把它發展下去,但如果只是講理論而沒應用好像無法立即派上用場,於是想到可以整合之前寫過的小工具作為內容,就可以設計出真的能做出東西的教材。 剛好上週為了除錯的事情順手寫了一支日誌外掛,整合理論與實務的教學計畫如下: -- 前言 日誌紀錄是開發者與網站維護人員最重要的好夥伴,除了可以在開發當下輸出執行結果來確認程式的邏輯外,當網站發生錯誤時也能從紀錄中去檢查問題所在原因。查看 WooCommerce 的日誌紀錄步驟為:進入後台側選單 > 點選 WooCommerce > 狀態 > 日誌紀錄 > 選擇日誌檔 > 查看,就會顯示相關的資訊。 一、WooCommerce 內建日誌紀錄的問題 WooComerce 內建的日誌有以下幾個痛點: 選單的目錄層級過多,日誌檔太多時東西不好找...

6 months ago • 1 min read

上週五工作到一半,家裡的門鈴響起,開門後是衛生局的人員通報說社區附近出現登革熱案例,需要整棟樓進行消毒,正當我想著那我就不要出門就好,結果想不到對方說連屋內都要消毒時,我一整個傻眼,家裡這麼多吃的穿的睡的,全部都要暴露在殺蟲劑下,一想到頭就暈。 第一時間先上網查一下這是不是新型態的詐騙手法,才知道原來對臺南人來說這已是司空見慣的作業流程,還查到「養生膠帶」這個神器,它可以把大型傢俱鋪上一層塑膠袋作為防護,於是當晚趕快去水電行買了兩捲,想說隔天早上再蓋就好。 到了隔天一早九點,大樓就傳來噴藥機的巨大聲響,衛生局人員敲每戶的門,說要開始進行消毒了,那時候我們才剛吃完早餐,一整個被殺個措手不及,只好趕快把養生膠帶鋪上,但因為太趕,很多傢俱都沒有鋪到,就這樣半推半就的被請出家裡。 坐進電梯前看到消毒人員拿著在戶外消毒水溝的大型噴藥機直接在家裡面狂噴,不知為何有種荒謬感,好像我家是喪屍病毒外洩的實驗室必須徹底消毒一番,然後跟著鄰居們一起被迫撤離家園,似乎也拉近了鄰居之間的距離(?)...

6 months ago • 1 min read

這兩週在忙著準備 WordCamp 簡報以及擺攤相關事宜,雖然既累人又噴錢,但過程還是充滿了樂趣,我弄了宣傳 DM、易拉展、桌上立牌,以及手工裁切貼紙,好久沒做平面設計了,光設計一份 DM 就搞了五小時。 我是用 Figma 做的,由於它是專門用來做介面設計的,因此色彩模式並沒有 CMYK,所以只能用 RGB 輸出,為了要精準還原電腦上的顏色,前前後後不曉得打樣了多少次,最後還是睜一隻眼閉一隻眼讓它過了,不然可能花上七天七夜還搞不定… 明天就是期待已久的 WordCamp Taiwan,我覺得身為聽眾真的超幸福,只要人到屁股坐下,就能獲得這些講者們累積好多年的經驗與知識,會後還能去扒著他們不放問問題,光這樣想就覺得值回票價,我想分享一下身為開發者的我會去聽哪幾場,以及我是如何認識這些大大的: 上午 9:30 - WordPress 社群中的成長旅程 by Eric 在 WordCamp Keynote 由台灣人主講印象中這還是頭一次,我覺得這超棒的,以往的 Keynote 都是由 WordPress 官方代表來負責,通常會宣傳新的功能或是官方想要傳達的主題,這次是由 Eric...

7 months ago • 1 min read
Share this post