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

WPML append current language Code in body tag

WPML 是什麼?

是一個出色的 WordPress 多國語言插件,功能非常強大
官網:https://wpml.org

在 body 標籤的 class 中加入當前的語言代碼

在進行多國語言網站開發的時候,會希望 Body 上面有一個可以判斷語言的 Class 可以讓 CSS 或 JavaScript 這類前端程式可以藉此方便去調整文字的樣式或功能等等,以樣式為例,因為不同語言的字寬可能不太一樣,通常需要再進行一些針對語言的樣式調整,以下代碼可在 body 標籤的 class 上加入目前的 Language Code

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

最後輸出結果

透過語言[……]

Read more

WordPress 埋GTM行銷追蹤碼

當行銷人員丟給你兩段GTM行銷碼追蹤碼文件要埋在程式碼中,文件中應該會看到類似下方這兩句話

  • 請將這段程式碼放在網頁最上方<head>中
  • 請將這段程式碼複製到<body>開頭代碼正後方

簡單說就是一段放在<head>與</head>標籤區域中,另一段碼放在<body>標籤之後,由於 WordPress 的主題模板系統不像HTML靜態網頁一般,複製貼上到指定位置就可以了,網路上有其它教學,以修改主題檔案達成,但直接把追蹤碼貼到主題檔案中,雖然可行,但絕對不是一個好主意,只要主題更新,先前做的所有編輯將會消失,除非想每次更新主題就再編輯一次。

Wo[……]

Read more