Elementor 的 form widget 實在好用，透過所見及所得的方式就可以拉出精美表單，雖然Elementor 已經很貼心地整合很多表單發送後的動作，但還是有些情況並不一定適用，比如說在官網的表單其實是要發送至另一個系統，這些預設程序就無法處理，雖然 Elementor 有提供 API 可以去擴充這些程序，但這些處理程序是表單透過 Ajax 方式發送至後端處理，這種情況，除非目標的系統也開出對應的API端口，就可以順利銜接，但有些時候目標系統並不是我們能控制的，僅能透過傳統的 Http post 方式傳遞表單資料到目標系統，但 Elementor 目前沒有開啟或關閉 Ajax 的選項[……]
標籤: javascript
WooCommerce JavaScript/jQuery events 懶人包
WooCommerce 為讓介面友善頻繁使用 javascript / jQuery 透過 Ajax 異步更新「動態資料」或「版面區塊」，對於開發者而言，也必須處理前端的異步更新後的資料，通常會藉由event 去觸發特定程式，bagerathan 貼心的整理出 WooCommerce 商品頁 ( product page )、購物車頁 ( cart page )、結帳頁 ( checkout page ) 常用 js 事件( event )對照表，方便開發者速查
https://gist.github.com/bagerathan/2b57e7413bfdd09afa04c7be8c6a617f[……]
WPML append current language Code in body tag
WPML 是什麼？
是一個出色的 WordPress 多國語言插件，功能非常強大
官網：https://wpml.org
在 body 標籤的 class 中加入當前的語言代碼
在進行多國語言網站開發的時候，會希望 Body 上面有一個可以判斷語言的 Class 可以讓 CSS 或 JavaScript 這類前端程式可以藉此方便去調整文字的樣式或功能等等，以樣式為例，因為不同語言的字寬可能不太一樣，通常需要再進行一些針對語言的樣式調整，以下代碼可在 body 標籤的 class 上加入目前的 Language Code
請將下列代碼置於主題根目錄下的 fuctions.php 文件
最後輸出結果
透過語言[……]
jQuery TypeError: $(…). is not a function 簡單的解決方法
WordPress 開發插件，使用jQuery的時候出現下列錯誤
TypeError: $(…). is not a function
在 WordPress 中調用 jQuery 選擇器(Selector)不能使用金錢符號 $ ，原因我也不知道
要使用 jQuery 作為選擇器 (Selector)
但有些是以前寫的，要把它們運用在WordPress上前要把所有金錢符號 $ 都改掉，有點麻煩，也可能會造成未知的Bug，因此，可以使用以下方法簡單解決這問題
解決方法：
於 jQuery 載入完成後加上以下程式：
[……]
WordPress Load css or script in Footer
主題或外掛載入 CSS 或 JS 檔案
一般情況下，會在 Head 中載入 CSS & JS 檔，可參考此篇：
WordPress 插件或主題載入 CSS & JS 檔案
於 Footer 中載入 CSS 或 JS 檔案
放在 footer 中主要有兩種情況，不那麼重要的檔案，放在 Footer 中最後載入，可以增加頁面開啟的速度，另外一種就是主題或插件把 style 直接 output 在頁面中，我們在 Head 中載入的 CSS 無法覆蓋這些樣式，所以放到 Footer 以覆蓋這些樣式。
範例：
[……]
WordPress Fix TypeError: p.easing[this.easing] is not a function
Fix TypeError: p.easing[this.easing] is not a function
function v123_dev_main_scripts() {
wp_enqueue_script('jquery');
wp_enqueue_script('jquery-ui-core');
wp_enqueue_script('jquery-effects-core');
}
add_action('wp_enqueue_scripts', 'v123_dev_main_scripts');[……]
Fix WordPress jQuery not working? 解決 WordPress 無法使用 jQuery 問題
設計WordPress主題或插件開發時，常會需要使用jQuery，WordPress其實很貼心的已經載入jQuery，但實際使用時發現，原本可以跑的jQuery程式，放進WordPress卻不能跑了，才知道原來WordPress的jQuery要這樣寫。
WordPress 頁面中，確實看到 jQuery 已載入
<script type='text/javascript' src='https://yourdomain.com/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script> <sc[......]
WordPress jQuery 搜尋及替代文字
主題偷吃步 – jQuery 搜尋及替代文字
在設計WordPress時，常需要替換一些文字，但為了一點文字就去更改主題或子主題，有點殺雞用牛刀，況且為了這一點小東西直接去改主題並不是一個好選擇，除非永遠不去更新主題，否則主題更新後，問題又回來了，所以下方這段代碼算是偷吃步，用jQuery去替代文字就好，主題更新也不會有影響，雖然不正規，不過相當管用。
/*
v123 DEV
https://v123.tw
*/
jQuery(document).ready(function(e) {
var textarea=jQuery('span.excerpt-hellip[......]