無需插件:手動將 FancyBox 融入WordPress 主題

在WordPress世界裡,增強網站互動性和視覺效果的需求從未停歇。FancyBox,作為一個流行的輕量級JavaScript圖庫,提供了一種優雅的方式來展示圖片、視頻和更多內容。雖然WordPress插件可以簡化FancyBox的整合過程,但手動整合FancyBox不僅能提供更細緻的控制,也避免了插件更新可能帶來的兼容性問題。本文將指導您如何在不使用插件的情況下,手動將FancyBox融入您的WordPress主題中。

步驟1: 加載FancyBox資源

首先,您需要在WordPress主題的functions.php文件中加入FancyBox的CSS和JavaScript文件。這樣,不論訪問者[……]

Read more

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/2b57e7413bfdd09afa04c7be8c6a617f[……]

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