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

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

WordPress customize site title in theme

大部分看到都是用 wp_title 這個 filter 去改,但對於我 wp_title 不起作用,我找到資料提到自 Wordpress v4.4.0 起,標題的生成方式已更改。這也許是我用 wp_title 仍無法修改的主因

最簡單的用法

以下範例是最簡單的做法,將下列代碼置主題根目錄下的 functions.php

加入一些判斷

更多判斷

雖然 wp_title 對我不起作用,但官網文件仍然有價值,可以參考其判斷方式,這邊做了一點點的修改,一樣可以套用 wp_title 的處理方法
https://developer.wordpress.org/refe[……]

Read more