Elementor form 停用 Ajax ,Js 自訂發送動作

Elementor 的 form widget 實在好用,透過所見及所得的方式就可以拉出精美表單,雖然Elementor 已經很貼心地整合很多表單發送後的動作,但還是有些情況並不一定適用,比如說在官網的表單其實是要發送至另一個系統,這些預設程序就無法處理,雖然 Elementor 有提供 API 可以去擴充這些程序,但這些處理程序是表單透過 Ajax 方式發送至後端處理,這種情況,除非目標的系統也開出對應的API端口,就可以順利銜接,但有些時候目標系統並不是我們能控制的,僅能透過傳統的 Http post 方式傳遞表單資料到目標系統,但 Elementor 目前沒有開啟或關閉 Ajax 的選項[……]

Read more

WooCommerce JavaScript/jQuery events 懶人包

WooCommerce 為讓介面友善頻繁使用 javascript / jQuery 透過 Ajax 異步更新「動態資料」或「版面區塊」,對於開發者而言,也必須處理前端的異步更新後的資料,通常會藉由event 去觸發特定程式,bagerathan 貼心的整理出 WooCommerce 商品頁 ( product page )、購物車頁 ( cart page )、結帳頁 ( checkout page ) 常用 js 事件( event )對照表,方便開發者速查

https://gist.github.com/bagerathan/2b57e7413bfdd09afa04c7be[……]

Read more

WPML append current language Code in body tag

WPML 是什麼?

是一個出色的 WordPress 多國語言插件,功能非常強大
官網:https://wpml.org

在 body 標籤的 class 中加入當前的語言代碼

在進行多國語言網站開發的時候,會希望 Body 上面有一個可以判斷語言的 Class 可以讓 CSS 或 JavaScript 這類前端程式可以藉此方便去調整文字的樣式或功能等等,以樣式為例,因為不同語言的字寬可能不太一樣,通常需要再進行一些針對語言的樣式調整,以下代碼可在 body 標籤的 class 上加入目前的 Language Code

請將下列代碼置於主題根目錄下的 fuction[……]

Read more

jQuery TypeError: $(…). is not a function 簡單的解決方法

WordPress 開發插件,使用jQuery的時候出現下列錯誤

TypeError: $(…). is not a function

在 WordPress 中調用 jQuery 選擇器(Selector)不能使用金錢符號  $  ,原因我也不知道

要使用 jQuery 作為選擇器 (Selector)

但有些是以前寫的,要把它們運用在WordPress上前要把所有金錢符號  $  都改掉,有點麻煩,也可能會造成未知的Bug,因此,可以使用以下方法簡單解決這問題

解決方法:

於 jQuery 載入完[……]

Read more

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 以覆蓋這些樣式。

範例:

[……]

Read more

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');

 [……]

Read more

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[......]

Read more

WordPress jQuery 搜尋及替代文字

主題偷吃步 – jQuery 搜尋及替代文字

在設計WordPress時,常需要替換一些文字,但為了一點文字就去更改主題或子主題,有點殺雞用牛刀,況且為了這一點小東西直接去改主題並不是一個好選擇,除非永遠不去更新主題,否則主題更新後,問題又回來了,所以下方這段代碼算是偷吃步,用jQuery去替代文字就好,主題更新也不會有影響,雖然不正規,不過相當管用。

/*
   v123 DEV
   https://v123.tw
*/
jQuery(document).ready(function(e) {
	var textarea=jQuery('span.excerpt-hellip[......]

Read more