elementor remove from events

elementor 表單功能真的很好用,已經足以應付大部分的表單需求,官方也陸續推出表單發送後的相關動作,讓大家點點面板做做設定就可以開箱即用,真的足以應付大部分表單的使用需求

當然除了發送電子郵件外,表單也有其他的使用場景,有可能需要把表單資料發送到指定網站,比如說公司的 CRM 來收集顧客資料等等,針對這需求 Elementor 也提供 Webhook 這個動作,Post表單資料到自訂網址的功能,也是點點滑鼠就能改變,其實非常方便

Elementor 為了要讓大家方便使用,將表單這個小工具進行標準化,所有的表單發送行為統一透過 Ajax 發送至後端處裡,再回傳結果於前端[……]

Read more

WordPress 中文檔名自動更名,解決中文檔名問題

相信做網頁開發的工作者都知道,盡量不要使用中文檔名,因為可能會有未知的問題會發生,大部分還是建議英文、數字為檔名格式,尤其 WordPress 常常會使用到全世界開發的插件,還是以英文與細微大宗拉,舉例說明:如果插件是跟檔名有關,若用正規表達式來判斷檔名就會造成問題

透過下方 API 自動將上傳檔案,改用 md5() 來產生,代碼如下:

[……]

Read more

WordPress .htaccess Rewrite homepage only , not 301

在首頁網址不變的前提下,利用 Apache .htaccess 重寫首頁頁面,指定到同站某一網頁內容,而不影響其他網頁運作

使用情境:

首頁需要改版時,但新版本頁面開發/測試時但還不能正式上線,但於準上線狀態,這時可以透過這技巧,避免停機更新,快速切換首頁顯示頁面,不更動網址所以行銷追蹤碼或廣告著陸都不會有問題

[……]

Read more

elementor Hello 隱藏頁面上方網站標題的五種方法

Hello Theme 這是 Elemenotr 推出最相容 WordPress 主題,今天建立一個網站準備先來做一個一頁式網頁,結果一直給我出現網站標題

如果你是 Elementor 老手應該馬上到想到頁面設置中有個隱藏標題選項,開啟它標題就會消失,今天這情況有點特殊,就是不消失,即便我切換成 Elementor 樣版,依然會出現標題,煩!

拆東西找問題,為什麼死都會出現標題

開啟 Hello Theme header template part 的檔案,看到底什麼原因,問題就在這一個區塊,用 has_custom_login() 來判斷有沒有上傳網站 Logo檔案[……]

Read more

WooCommerce 列表頁顯示商品筆數

使用 Elementor 編輯商品列表頁,開啟分頁,發現都顯示16筆,即使我在 Elementor 原生的 Widget 中設定 3*3 仍然無法改變,一樣給我跑出16筆,因為3欄的關係,所以最後一筆商品會落單,這樣很怪

原因不明,可能某某插件,覆蓋了商品列表預設顯示筆數,所以要重新定義商品顯示筆數,把下方代碼貼到當前主題根目錄的 functions.php 檔案中,重新整理商品列表頁 ( 有開快取請先清除快取再重整 )

正確顯示9筆了,多舒服阿!!

Reference
https://woocommerce.com/document/change-number-o[……]

Read more

WooCommerce 新增自訂義頁籤及內容

WooCommerce 商品頁下方預設有一個頁籤的設計,有網頁設計經驗的對這設計並不陌生,可以像一般電商平台一樣用來放尺寸表、退換貨說明、購物條款等附加內容,可說是一個很實用的功能。

但到後台的商品編輯頁面,遍尋不著新增頁籤及內文的介面,本文將介紹如何在商品頁中透過程式碼新增自訂義頁籤及內文

上方為新增自定義頁籤的範例,可將上方程式碼貼到主題根目錄下方的 functions.php 中,就可多出一個頁籤拉

[……]

Read more

Yoast SEO 麵包屑路徑,刪除最後一個節點

Yoast SEO 這個百萬活躍用戶級的插件,這我就不多做介紹了,Yoast SEO 中提供了麵包屑路徑這個功能,這是一個很好用的功能,不過卻沒有太多選項,我不知道是否是免費版的關係,目遇到一個問題,麵包屑路徑會連同當前這個頁面的標題也顯示出來,這就比較困擾了,如此會造成頁面標題重複且雜亂。

下圖是很普遍的編排方式,下方顯示當前頁面標題,上方則顯示麵包屑路徑,麵包屑方便使用者了解這頁面或文章的階層結構,但我覺得在最後一個節點顯示「當前」的頁面標題很怪,會與下方頁面標題重複,邏輯上,我已經在這頁了,應該不用顯示這標題才對,只要方便我返回此文章的列表頁就可以了,如下圖所示 ( 標題文字為假字[……]

Read more

WordPress 簡單移除網址最後斜線

WordPress 網址最後方都加一個斜線,一般情況下沒什麼影響,也沒特別注意,但基於種種原因,可能基於客戶需要追蹤行銷成效,已經設定好追蹤的網址,迫於配合客戶的無奈,就必須思考如何移除網址後方斜線

WordPress預設網址

以本文為例,網址後方會帶斜線

希望把它改成(移除最後端斜線)

設定永久連結

其實很簡單,登入WordPress後台「設定」> 「永久連結」

把最後方的斜線刪除即可,接著按儲存設定

原本網址會失效嗎?

不會的,不管網址有沒有加斜線,都會導到沒加斜線的頁面,也就是說,下方這兩個網址都可以連到這篇[……]

Read more