0%

外掛介紹

LINE 即時通訊軟體在台灣有超過兩千萬的用戶,持續推出相關的生活應用,從遊戲到新聞、叫車到支付,已經大範圍的滲透到台灣人的日常生活,因此幫自己的電商網站增加 LINE 帳號登入功能,能大幅度減少註冊網站會員的門檻,進而增加購物轉換率,而 WordPress LINE 登入外掛能協助您自行串接,無需再花費技術人員的成本。

閱讀全文 »

專案成果是否能滿足客戶的期望,關鍵不是在客戶希望的時間內完成所有的任務,而是在這段期間內能否解決客戶最在意的問題,只要客戶最痛的問題處理好了,剩下的工作縱使沒有在預期時間內完成也沒關係,只要安排好後續的執行時間並且傳達給客戶知道,這樣就能擺脫每天被死線追殺的苦逼人生了…

自從改變自己的工作模式後已經過了半年的時間,這六個月的案量還算穩定 (感謝各位信任我的朋友),現在手頭上的狀態是每天有計時的工作時數大概是四個小時左右,並且同時有四個案子在同步執行中。

「一天只做四個小時卻能同時接案四個案子!?」

如果在半年前有人跟我這樣說,我會覺得這人一定是在唬爛。以前我的極限是一個月兩個案子,然後每天工時至少八小時,常常做到晚上加班加到十、十二小時也是家常便飯,為了要讓專案趕在某個約定好的日期完成,就是只能一直拼命的做做做。

現在回過頭來看待以前的自己覺得好不可思議,每天忙得跟狗一樣卻沒什麼成就感,心情又很容易受到客戶意見的影響,尤其是做好的功能又說要改,規格一變動工時的爆增就無法避免。因此想把自己這半年來的轉變記錄下來,同時也提醒自己絕對別再走回頭路。

每日的風景

閱讀全文 »

受惠於有無數的前人願意分享以及開源自己的程式碼,才能讓我這種只會去 Stackoverflow 找答案複製貼上的偽工程師開始逐漸學習 PHP,因為當貼過來的東西不能用或是需要修改的時候,就必須要去理解自己到底貼上了什麼碗糕。

對於長年下來習慣 trial and error 寫程式的我來說,當要開發一個功能時,我會先就這項功能的每個步驟開始 Google,譬如要做一個會員註冊系統的後端程式,我可能會先查這些問題:「如何將資料傳送進資料庫」、「如何進行資料庫連線」、「如何判斷資料庫資料寫入完成」等等,然後根據我查到的程式碼依序貼入編輯器裡面,接著見證奇蹟的時刻~

閱讀全文 »

我的工作舒適圈範圍涵蓋網站企劃、介面設計、前端程式設計、客製化 WordPress 佈景主題與開發 WordPress 外掛,雖然範圍有點大,但也持續深耕探索,在了解自己後更勇於面對挑戰,因為找到了屬於自己的工作模式。

自己當年剛開始接案的時候什麼都不懂,尤其是技術相關的議題,每次被客戶問到時總是說沒問題,結果真的開始做的時候才發現問題一大堆,後來參加了很多小聚認識了很多工程師大大,也一起合作過不少的案子,跟他們一起接案就是會有種安心感,覺得再難的問題都有他們可以依靠。

雖然時間久了身邊的朋友會來來去去,但唯獨工程師朋友都是十年交情以上,雖然身處在不同的公司,但都還是會每天一起遠端工作,交換彼此每天遇到的鳥事、分享新的技術工具,從他們身上我學到了太多太多,像是遇到緊急狀況時臨危不亂、遇到複雜問題能理性的分析思考並進行拆解的模式、寫程式時的嚴謹態度、放下該放下的、糾結該糾結的、以及該擺爛的時候要擺爛XD

一晃眼十年過去了,因為被工程師的人格吸引不知不覺自己也變成工程師,然後看著許多新入行的朋友,跟他們分享接案路上的各種地雷與 💩,同時也跟他們一起合作接案,協助他們處理程式相關的問題,才驚覺自己已經變成當年自己很依賴的工程師,專門在拆炸彈跟處理很棘手的問題,也因此意外發現原來自己很喜歡這樣的挑戰,透過這些挑戰來讓自己獲得成就感。

現在,因為找到自己的工作模式後,我更熱於接受這樣的挑戰

閱讀全文 »

摘要:我認為好的報價要能符合時間比例原則,並以單位時薪來展現自我價值,在這樣的前提之下,使用User Story&任務拆解的工時估算法,從前置作業、頁面數量與功能開發三個大方向進行預估,並搭配透明化、定期主動回報工作進度的共同管理專案模式,讓客戶可以根據當月已開發時數 (費用) 決定優先順序,站在客戶立場,能隨時掌握專案進度並調整開發方向,減少時間成本的浪費,對於接案者來說,保持每月現金流是能持續自我精進的關鍵。

坦白說,接案這麼多年,我最討厭的部分就是洽談工作這個環節,從搭上線開始,初步了解需求,然後碰面洽談,整理會議記錄、網站規格、報價單、合約書,寄給客戶之後開始針對報價單的內容逐一刪減,被砍價是理所當然,而議價是我覺得最難受的過程,彷彿在說我這個人不值這個價,雖然理智上知道這是商業談判的一環,但心理上很容易就會跟自己過不去。

接下來就是合約書,要提交給客戶的法務審查,審完後提出修改,當然修改條件我也不可能全部接受,於是中間又是一連串的來回,最後,真正開案大概是第一次會面之後的三個月了,而這三個月所花費的時間還沒有產生任何一毛的收入。

閱讀全文 »

事實上在成為全職的 WordPress 工程師之前,我花了很多時間在做網站企劃,不管是自己接案還是在公司任職,企劃都是我的核心工作,也因此踩了超多雷,像是溝通錯誤、資料不齊、時程爆炸等等的慘痛經驗,學習過程中請教了許多前輩以及上過不少課程,希望可以把企劃的技能點補滿。

在這些教訓中,印象最深刻的就是有一個專案我花了兩個月的時間做需求訪談、競業分析、規劃網站架構、流程,還把所有頁面的線框圖、欄位說明、版面配置的資料都整理齊全,想說交給工程師之後應該就萬無一失了吧,結果當工程師拿到文件的時候只冷冷的說了一句:「這東西我看不懂。」

當下心裡只能飆三字經然後覺得工程師很懶很廢,東西都幫你準備好了你連看都不看就說看不懂,但全天下最不能得罪的就是幫你做吃的廚師跟幫你寫扣的工程師了,所以還是只好虛心請教哪裡看不懂、哪裡需要再補充說明,現在自己換成工程師腦了,終於明白當年為何會得到一句「看不懂」了…

閱讀全文 »

WooCoomerce 有許多方便又實用的外掛,可以解決企業在經營電子商務時所遇到的各種問題,但如果要與企業內部現有的系統進行整合,就勢必要針對既有系統的規格來進行 WooCommerce 的客製化開發。

需求分析

客戶希望把 WooCommerce 訂單能於每日特定的時段自動匯出後整合至內部的管理系統,並當發生訂單取消或退貨時,也能把該筆訂單的資料傳送至該系統中。

既有的操作流程為人工使用外掛匯出 csv 後,手動調整其報表內容傳送至內部系統,問題點在於無法自動化與取得某些類型商品的價格,以及折扣金額的計算皆需要人為介入處理,因此需要設計一套自動化流程來解決這些繁瑣的任務,並減少人工整理報表時可能產生的問題。

完整流程如下:

閱讀全文 »

Shortcode API

Shortcode 是在後台編輯器中用來產生動態內容的一段短代碼,它有三種形式:

  • 直接顯示內容,像是 [myshortcode]
  • 帶有屬性,像是 [myshortcode id=”1” type=”text”]
  • 像 HTML 一樣有前後標籤包內文包住,像是 [myshortcode id=”1”] 這邊是文字內容…[/myshortcode]

Shortcode 的使用場景我通常是用來提供給不熟悉 HTML 與 CSS 的客戶,在上文章內容的時候可以使用我們幫他設計好的 UI 元件,我將 UI 元件的 HTML 包裝成 shortcode,所以只要打 [title text=”標題文字”],就會出現 h2 並帶有特定 class 的標題文字。

建立 Shortcode 的第一個步驟,先使用 add_shortcode() 來定義 callback function,需要使用在 Shortcode 裡面的屬性要以陣列的格式傳入 callback function 的第一個參數,第二個參數為要被 Shortcode 包住的內容,下面範例說明如何新增一個帶有屬性以及內容的 Shortcode:

閱讀全文 »

三、Using WordPress Plugin / 使用 WordPress 外掛

WordPress 外掛超強大!它可以讓你在不用懂任何程式碼的狀況下就可以使用許多功能,不管你使用的是免費、付費或是自行開發的外掛,透過外掛可以大幅度的延伸 WordPress 的既有功能。

再加上 WordPress 是開源軟體,許多開發者設計各式各樣的外掛來解決他們自己或是別人的問題,根據 WordPress Codex 的定義:「外掛是一套程式,或是使用 PHP 寫成的多組 Function,用來幫 WordPress 增加特定的功能或服務,它透過 WordPress 的 API,無縫整合到所有的 WordPress 網站中。」

閱讀全文 »

二、WordPress Basic / WordPress 基本介紹

第二章的部分先從介紹 WordPress 主程式的資料夾結構以及資料庫結構與相對應的 API 開始。

WordPress 資料夾結構

要開發 WordPress 之前,必須知道的第一條鐵律就是「永遠不要修改 WordPress」。這意思是說千萬不要去修改 WordPress 的核心程式,因為只要一更新所有的修改就會被覆蓋,而更新通常都會有修補漏洞的項目,所以為了要能讓網站維持在安全的狀態,更新到最新版本是必要的。

也因此不要修改核心程式碼,要修改之前先找看看有沒有相關的 Hook 可以使用,如果沒找到適合的可以回報給核心維護團隊,請他們把你需要的 Hook 加入,這樣最好的作法。

至於哪些是核心程式碼?除了 wp-content 資料夾以及 wp-config.php 以外,其他都是核心程式碼,你永遠、絕對、不要修改它!

閱讀全文 »

前言

坦白說做了這麼多年的專案,始終覺得沒有找到一套適合自己的 Starter Theme,不管是官方的還是很多社群朋友推薦的,用起來都還是有卡卡的感覺。

後來看到現在很多網路公司都會開發自己的 Design System,驚覺到要有一套自己的系統才能讓整個工作流程更加順暢,進而建立自己的標準化規格,讓未來的自己好過些。

以往在進行 A 專案的時候,都會去爬以前寫過的程式碼,它們可能散落在 BCD 專案裡面,但時間一久再加上年紀變大,常常想不起來之前寫過的東西放在哪個專案裡面。

另一方面,自己在寫的時候很少遵循什麼 Code Standard,所以就算找到之前的程式碼,也會先碎碎念自己以前怎麼會把 Code 寫成這副德行,然後真的要用的時候都還要再花時間進行整理。

而且雖然是自己寫的東西,但不少的寫法都是 Google 來的,為什麼要這樣寫?這樣寫的用意是什麼?當專案結束拿到尾款後,這些問題就也隨風而去了,當下次再碰到類似的狀況要修改成不同的功能,又要再花很多時間來重新研究。

基於這些理由,ODS - Oberon Design System (歐迪賽系統XD)就誕生了~~~

閱讀全文 »

前言

自從在 2018 年 WordCamp Taipei 分享使用 Docker + Kusanagi 來搭建 WordPress 本機開發環境之後,我的小不點 MBP 硬碟就被 Docker 的 images 跟 volume 給塞爆了, 這才知道時間一久 Docker 超吃容量@@

後來就全部改用 Local ( Localhost by Flywheel ),用了幾個月不管是安裝還是效能上都很滿意,但某天發現硬碟又要爆了,就用 CleanMyMac 把一些大檔砍一砍,不砍還好,一砍發現我用 Local 開的站全都 GG…

追查下才發現我誤砍了 Local 要用的 VM,仔細看每個站都有獨立的 PHP、Nginx、MySql,所以 VM 超肥,只能乖乖的把已經做的差不多的案子先移掉,只留下正在進行中的 VM。

閱讀全文 »

這篇文章要獻給台灣棒球幕後的重要推手、也是在國際賽中最關鍵的情蒐小組負責人、更是名球評、名教練 - 那就是~~~楊清瓏教練~~~的侄子 Gary Yang,他是我認識過幹話最多、髒話最多、最愛打電話給我、長得最像洪都拉斯、跟他吃飯從來不用付錢的朋友,也是我看過扛最多責任、最勇往直前、不知害怕為何物的一枚_猛男_!!!

時間回到半年前,上面開頭提到那位幹話最多的猛男每天都在跟我靠杯:「 AMP Stories 有多屌就有多屌」、「這一定是未來的趨勢」、「做 SEO 的都會搶這個」,腦波弱的我就這樣輕易被他說服,不知不覺下海跳進這個超級大坑,大概就跟馬里亞納海溝一樣深。

閱讀全文 »

能夠看到這麼多實務技巧以及如此全面的 WordPress 開發書籍,就覺得買這台電子書閱讀器值回票價了!

Building Web Apps with WordPress 是由 Jason Coleman&Brian Messenlehner 合力撰寫的一本關於如何使用 WordPress 開發 Web App 的程式書籍,雖然標題是寫 Web Apps,但對於想要致力於開發 Theme 或是 Plugin 的朋友都非常適合,因為它涵蓋了所有在開發 WordPress 時會涉及的議題。

像是從檔案結構、資料庫結構,到怎麼開發外掛、佈景主題,CPT、Taxonomy、OOP 開發技巧、User Role、WordPress API、安全性、ES6、WordPress REST API、Gutenberg Block editor、Multisite、本地化、效能優化、規模化、WooCommerce、整合 PHP Libraries 等等,

最後一章還預測了未來 WordPress 會走到哪個方向,對於想要掌握開發趨勢、學習基礎、進階技巧,個人超級大推這一本,看完之後一整個對於 WordPress 有了全新的認識。

閱讀全文 »

這兩天被問到這個題目,喜歡 WordPress 的地方很多,但討厭的地方努力想了好久,整理如下:

最喜愛 WordPress 的地方在於背後默默貢獻的每個人,也就是整個社群,每次參加聚會總是可以得到大家無私的分享以及交流,也因為 WordPress 認識了許多朋友,出了社會要能交到真心的朋友是很不容易的事情,透過 WordPress 讓我們彼此聯繫在一起。

閱讀全文 »

很難想像一個月前的我,從客廳走到廁所去刷牙需要花十分鐘的時間,不是我家有三百坪,而是因為途中邊走邊回 Line,擠牙膏前還要再打一下,邊刷時還不停的查看對方有沒有回,現在想想覺得自己是有事嗎?

我想上面的場景可能大家都不陌生,當準備要做什麼事時,就因為手機拿了起來,中斷了原本要做的事,然後開始站在原地一動也不動,開始打字或是瀏覽網頁。

如果走在馬路上,這樣的狀況更是屢見不鮮,走到一半前面的人突然停下來開始回訊息;都變綠燈了前面的車子還不走;上了車鑰匙都插了車門卻沒關,一腳還放在外面在滑手機,更不用說遠遠的就看到迎面而來的路人,邊看手機邊朝自己走過來,等到快撞上時才驚覺前面有人…

閱讀全文 »

Day0

上週意識到自己已經被排山倒海的工作以及隨找隨到的壓力壓得喘不過氣來,因而造成暴起暴落的情緒還影響到他人,決定重新審視自己的每日工作,試圖改善這樣的狀況。

拜日讀了「深度數位大掃除」這本書才知道,原來已經有非常多的專家早就意識到社群媒體所帶來的危害,包括無時無刻的線上 stand by、每三分鐘刷一次社群網站、每五分鐘打開一次通訊軟體查看有沒有新訊息,早就造成了現代人無法獨處必須持續線上淺社交的焦慮。

每當看到朋友在社群媒體上精心展現的照片、心得文,都會覺得自己過得太混太廢,因而產生焦慮,更嚴重的是因為工作的關係必須隨時處理通訊軟體傳來的訊息,看到卻不處理更造成自己的罪惡感,因此明白自己病情有點嚴重了。

閱讀全文 »

https://www.youtube.com/watch?v=DoLzQN1m7sU

  1. Build your own site
  2. Make keyword research and find the top result in Google Search to be a competitor.
  3. Use ubersuggest to research competitor’s top page, keywords, backlinks and social share.
  4. Promote your page to the backlinks site of competitor’s top page with email template below to get the referral traffic.

5. the same in social media with email template below

6. Collet email with Hello Bar

7. Use push notifications in your own site Subscriber

8. Start selling something

9. Do A/B test with Crazyeggs