Elementor sticky footer

無法接受內容少的時候,或螢幕解析度較大的時候 Footer 浮在半空中,這會讓我很難過,以前切HTML就有這種症狀,在WordPress中也是一樣,無法接受,所以花了一些時間找到一個最簡單的解決方法

以下幾行CSS就可以搞定

https://stackoverflow.com/a/59071640
https://css-tricks.com/couple-takes-sticky-footer/#article-header-id-3
https://stackoverflow.com/q/1488565

[……]

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

elementor action after form submit . webhook example

雖然 elementor 有很豐富的表單發送後的處理動作,針對特別情況,例如我們希望把表單資料轉存至自家的 CRM 保存,但你家的 CRM 又有奇怪的規格,又或者需要驗證token,這時就要自訂義表單發送後的處理動作了,以下官方文件中自訂義表單發送後的動作

範例:

post json format

官方文檔:
https://developers.elementor.com/forms-api/#Form_New_Record_Action

[……]

Read more

WordPress blank theme and starter theme for Developers

對於開發人員,開始一個WordPress專案,依屬性的不同,開發方式會區分為「全客製」或「半客製」開發,各有優缺點,而依據開發方式的不同,開發人員必須選擇適當主題最為基礎來開始製作專案,而哪種主題適合呢?

「空白主題 blank theme」適用於全客製開發

用此種開發方式,基本上這個專案具有獨特性,非「常態性」網站,比較難用通用的樣式或版面結構去套用,自幹型網站,這種情況就適合使用空白主題 (blank theme),直接以空白主題開發,未來也需要自行維護這個主題

空白主題最大特色就是什麼都沒有,但也並非什麼都沒有,更正確的說法應該是乾淨的主題,預先建立主題檔案結構及初始程[……]

Read more

WooCommerce 直接登出,關閉 “您確定要登出嗎?” 訊息

WooCommerce 在登出動作非常怪,按下登出連結後,會跑出「您確定要登出嗎?」,阿不然咧?!!!!! 我就是要登出阿!不然是按好玩的嗎?!常常都按下登出後人就走了,但其實還要多一個步驟才能真正登出,這也可能會間接產生安全性問題,至少我不愛,哥教你改。

下列代碼可修正此問題:

參考資料:
https://wpglorify.com/disable-are-you-sure-you-want-to-log-out/
https://njengah.com/woocommerce-logout-without-confirmation/

[……]

Read more

WooCommerce 我的帳號刪除「下載」頁

WooCoomerce 在「我的帳號」頁面中,用頁籤的方式整合帳戶相關功能,其中有一個系載頁面比較匪夷所思,其實主要是因為 WooCommerce 的商品有虛擬商品的類型,若購買虛擬商品,則可以由這頁來下載

但大部分客戶還是以實體商品為主,所以通常不會需要虛擬商品,多出這個頁籤,點進頁面又會顯示沒有可以下載的檔案,這時業主會一直問為什麼有這頁、這頁要幹嘛、可以拿掉嗎?答案是可以的喔

方法 1 :由進階設定面板關閉

透過後臺介面,進入後台 WooCommerce > 設定 > 進階,移動至「帳號端點」區塊(這翻譯誰看得懂),將下載這個帳號端點留空即可,這個方法非常簡單,人人都可[……]

Read more

WooCommerce After Payment Redirect

WooCoomerce 預設結帳完成後會定向到訂單內容頁面,但行銷人員可能想追蹤轉換成效,不論基於任何原因,是可以做到這點的,我們透過 woocommerce_thankyou 這個Hook,讓結帳完成重定向頁面至感謝頁面。

實作 woocommerce_thankyou Hook

於結帳完成後,檢查訂單是否成立,而且是成功的,如果是成功的就重定向頁面,可將以下代碼貼至主題中的 functions.php 最後方,/thank-you 可改為重定向的目標網址

[……]

Read more

Elementor 表單發送信件發生錯誤

用 Elementor 表單的小工具來做網站聯絡我們的表單非常方便,但出現了一個很奇怪的錯誤,表單發送後出現「發生錯誤」的訊息,為什麼說奇怪呢,因為我有用 WP Mail SMTP 這個插件,透過 SMTP 用 Gmail 發信,而在 WP Mail SMTP 中的測試電子郵件發信的功能中,也正常發信,信件也順利收到,就是 Elementor 表單一直顯示錯誤,煩

如果您也遇到一樣的問題,可先照下面這篇文章座故障排除,這篇文章寫得很完整,不過跟我的情境有點差異,建議先照網頁中的方法嘗試排除,若不行在繼續看下去

收不到信怎麼辦? 5分鐘教你如何檢測及修復寄信功能!
https://ww[……]

Read more

WooCommerce & WordPress 隱藏未分類

WordPress 或 WooCommerce 預設都會有一個未分類,顧名思義,是用來儲存沒有設定分類的文章,但在前端頁面跑出這個「未分類」很奇怪,所以本篇要教大家怎麼隱藏它

隱藏與刪除未分類

隱藏予刪除有本質上的不一樣,未分類其實還是一個很好用的功能,能讓編輯快速的找到還沒有被編入分類的文章進行操作,只是前端我不想出現這個分類罷了,所以只需要在前端隱藏未分類就可以了

您仍然想刪除未分類,可參考下列連結
https://passwordprotectwp.com/remove-uncategorized-wordpress/

隱藏文章未分類

首先我們必須將未分類[……]

Read more