今天來介紹一下 Filter Hooks ，這是 WordPress 的另一種 hook，可以讓我們通過某個 Filter 鉤子上的呼叫函式來修改某些函式產生的數據。 接著我們要來試看看 filter hook ！ 我們可以通過兩個步驟新增一個函數到某個 filter 上面。 創建一個自己定義的回呼函式(Callback function) 使用 add_filter() 函式，把這個函式增加到對應的 filter上面 add_filter() 也一樣至少需要兩個參數，第一個是 hook…
接著，我們要開始來建立第一個 WordPress 外掛囉！ 在這之前，我們先來快速地檢視看看，WordPress 怎麼去知道我們的一個外掛。就是 WordPress 會搜索 wp-content/plugins 目錄（及其子目錄，也就是插件自己的目錄），來查找帶有 WordPress 外掛 header comments 的PHP 文件。 建立第一個外掛 整個流程大概是這樣的，因此我們第一步就先到 WordPress 的 wp-content/plugins 路徑下創建一個全新的資料夾吧，資料夾命名為這個外掛的名稱，接著切換到這個資料夾中，創建一個 PHP 檔案（我個人習慣和資料夾同名稱，你也可以自己隨意命名）。 如果你是 CLI…
在最開始，我們先來了解什麼是外掛？以及為什麼開發自己的 WordPress 外掛？ WordPress 外掛 在 WordPress 的世界中，我們會用外掛用來擴展 WordPress 的核心功能，所謂的外掛就是由許多 PHP 程式碼和其他相關資源組成（可能是圖片、JavaScript、CSS 這類的資源），而我們只需要遵循WordPress 開發規範，就可以把一些想法在 WordPress 上面輕鬆的實現！ 這也讓我們可以更容易的站在 WordPress 基礎上，添加自己需要的附加功能。舉一個在 WordPress 的世界中，不得不知道、也是最簡單的外掛『Hello Dolly 』，這個外掛只包含了 DocBlock（晚點會提到這是什麼）、一些 PHP…
大家好，我是艾瑞克 聽說第一天開頭，都要先上一點前言 總之，最近想學學 WordPress 外掛的開發，所以我就決定，再接下來的 30 天，把我學習的心得記錄下來，作為我這次鐵人賽的參賽內容。當然，要開發一個有趣的外掛，才會有繼續寫下去的動力（應該吧），所以我決定最後的時間，來寫出一個我熟悉的 LINE chatbot 通知 …的外掛。 然後聽說第一天的第二段，要放上之後的章節規劃，這樣就會感覺自己好像寫完了（誤），所以我也來放一下 【第 01 天】WordPress 遇上 Chatbot，像極了愛情 【第 02 天】什麼是 WordPress 外掛？為什麼開發自己的 WordPress 外掛？ 【第…
公司的網站因為要串接電子發票，串接的過程，遇到一些問題，所以紀錄一下。
身為程式開發者，很多時間會需要和 CLI 打交道，如果能把環境弄得漂亮又好用，不只是效率可以大大提升，工作起來也比較舒服～這篇文章主要就是紀錄如何用簡單快速的的設定一個漂亮好用的 CLI 環境
今天想要透過 Vue.js 將 HTML 中的一部分 HTML 內容替換掉，所以找了一下網路上的資料 Vue 是 MVVM 架構，所以可以將資料保存起來供 view 使用。 要為 HTML 中的 element 替換內容，得先將該區塊使用 v-html <div id=”app”> <span v-html=”message”></span> <button v-on:click=”newHtml”>Change…
之前在虛擬機上面開發 Laravel ，但是虛擬機得去要完整模擬一台主機，所以整個映像檔非常大，也因為這樣很多人都開始轉用 Docker。
在這篇文章中，我會紀錄如何使用 Docker 這項技術來建置 PHP/Laravel 的開發環境，未來要開發 Laravel 的時候，只要把 Laradock 運行起來就可以了。
台灣的疫情終於漸漸的穩定下來，各個社群的線下活動都開始陸續恢復運作了。Chatbot Taiwan 也迎來期待已久的第 20 場小聚！這次小聚選在熊大寶殿舉辦，很感謝場地方 LINE 提供場地和贊助美食、飲料，讓大家分享交流之餘，還能吃飽喝足，希望每個人都能滿載而歸！在心得開始前，先放上這次的活動資訊 KKTIX：https://chatbots.kktix.cc/events/meetup-020 共筆：https://hackmd.io/@chatbot-tw/meetups-020 直播回顧：https://youtu.be/VxcpDFHWOb8?t=2146 接下來就是這次活動的心得 第一個出場的是 Evan ，一樣為我們帶來這個月有關於 LINE API 的更新 總結一下，這個月的主要更新如下： Flex Message Simulator tutorial 的釋出 Messaging API…
最近在公司的產品終於從外包公司接回來，採用前後端分離架構。
傳統的架構就是讀取不同頁面就回傳一份不同的 HTML 檔案，意味著使用者的每個動作都要將整個畫面重繪，因為要一直重新 loading 整個頁面，體驗相對來說就變差了。
至於前後端分離也就是說讓前端全權負責把資料渲染在頁面上。舉個例子，今天有個用戶來開啟網頁，這樣讀取一個 web app 的過程就會經過以下步驟：
