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

Read more

WooCommerce & WordPress 隱藏未分類

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

隱藏與刪除未分類

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

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

隱藏文章未分類

首先我們必須將未分類文章的代稱修改
文章 > 分類

找到未分類[……]

Read more

WordPress get page by slug

Docs : https://developer.wordpress.org/reference/functions/get_page_by_path/

由頁面的 slug (名稱、代稱、路徑 ) 之字串取得,頁面的物件

example :

參考

https://stackoverflow.com/a/29770273
https://gist.github.com/lcdsantos/b25d21a0afb85bd89a41fc48afb6b609
https://developer.wordpress.org/reference/functions/get_page_by_path/

[……]

Read more

WordPress show all category page using rewrite rules

WordPress 文章列表我找不到不分類網址耶,我不知道到底有沒有

工作需要,我必須解決它,於是我新增了一個虛擬的網址,用來顯示分類頁,所有類別文章

用來顯示所有分類頁面,分類 category 的這個路徑支援 WordPress 原生地設定,可以修改它。

新增一個網址 rewrite 規則

這邊有個很重要的一點,建立完重寫規則,必須要到WordPress後台 設定 > 永久連結 > 儲存設定,重新建立重寫規則,如果是寫在插件上,可以使用另一種方式,在啟動插件的時候執行 flush_rewrite_rules() 重新建立重寫規則,但是請不要寫把 flush_rewrite_rules() 寫在新增重寫[……]

Read more

WPML get different language url

主題開發很常會用到 home_url() 來取得頁面網址

但使用 WPML Plugin 來開發多國語言主題時,要先了解 home_url() & site_url() 的差異,假設目前頁面語言為「英文」,網址位於 en 這個目錄中

同語言中切換頁面

WPML 很聰明,一樣可以使用慣用 home_url() 做為頁面連結就可以了,不需要帶 en 這個 language code 目錄,如果帶 en 這個 language code 目錄也沒有關係,以下三個用法,結果是一樣的

連結網址輸出為:

切換不同語言

這部分要特別注意,需要使用 site_url() 這個 function 來取得連結,假設要[……]

Read more

WordPress allow SVG file upload

很抱歉,基於安全性考量,系統不接受這個檔案類型。

WordPress 基於安全性,預設阻止SVG檔案上傳,若開發過程中需要使用SVG檔案上傳功能,就必須手動去開啟,本文介紹兩種方式來解決這個問題

安裝插件

插件:SVG Support
這是最簡單的解決方法,這是一款免費插件,只要安裝插件開啟就可以了,其他動作交給插件來處理

代碼修改

一般情況下開發者並不想要安裝太多的插件,可以透過下方代碼,一樣能開啟SVG檔案上傳功能

請將下列代碼置於主題根目錄下的 fuctions.php 文件

參考:

[……]

Read more