WordPress MySQL #1067 – Invalid default value for ‘post_date’

datetime 的預設值設定為 0000-00-00 00:00:00 在舊版本沒問題,但在MySQL5.7後會出現 錯誤,主要原因從 MySQL 5.7 開始,SQL 模式預設為 NO_ZERO_DATE ,需禁用此限制。本文提供兩種解法:

方法一、

先將欄位預設值設定為NULL:

再更新預設值

方法二、

先執行關閉 NO_ZERO_DATE 模式

就可以順利執行

https://stackoverflow.com/a/37696251/6784662
https://stackoverflow.com/a/3282962[……]

Read more

Elementor nav menu dropdown align center

Elementor menu widget 下拉選單,預設靠左對齊,我找不到選項去調整子選單的對齊方式,想說用 CSS 下 text-align:center 就好,結果不是,Elementor子選單內的 a 標籤是用 flex 去對齊的,所以要用 flex 的方式去對齊

flex 內容置中

在這邊會透過下列 CSS 達成水平置中

如果要靠左,可以換成下列 CSS

Step 1

下方 CSS 貼到主題的 style.css 文件,或貼到 menu widget 進階選項的自訂樣式欄位中,我自己是習慣寫在 style.css 以免時間一久自己寫在[……]

Read more

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

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

Read more

Elementor Widget Posts Pagination Link causing “too many redirect” Error

問題描述

目前使用 Elementor Pro 3.1.0

WordPress 使用 Elementor 編輯器編輯頁面,於頁面中插入「文章」這個小工具並開啟頁碼選項,小工具產生的頁碼連結,於預覽時連結正常,但於發布的網頁,點擊會造成瀏覽器 ERR_TOO_MANY_REDIRECTS 錯誤,以致不能造訪第二頁之後的頁面

新增 Elementor Posts Widget

開啟頁碼選項

在 Elementor 預覽的模式中是正常的,在分類的模板中也是正常可運行的,而在頁面中產生分類列表分頁連結就有這問題,我不確定是不是Bug,Posts Widget[……]

Read more

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

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

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