Betheme single page header transparent

Betheme 是很優秀的 WordPress 多功能主題,他有很多預置的模板很方便,但實務上開發一個 WordPress 網站,難免需要自訂義 single page,我不知道為什麼?自訂義 single page 好像不能設定 header 透明背景的樣式,我就透過CSS的方式來設定 header 透明背景,如果你也需要這功能,可以參考下列代碼:

[……]

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[……]

Read more

WordPress show all category page using rewrite rules

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

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

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

新增一個網址 rewrite 規則

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

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

請將下列代碼置於主題根目錄下的 fuction[……]

Read more

WordPrdss single page template by category

WordPress 主題的命名規則,沒有針對指定分類文章內容頁的命名規則

但實務上很常見,可能需依據文章分類,提供不同主題,例如:親子話題、旅行玩樂、時尚精品,每個分類都希望有不同的視覺效果或功能,目前 WordPress 主題的命名規則只提供分類聚集頁主題明明規則,但沒有分類下文章內容頁

所以我們需透過 WordPress API 代碼的方式來判斷當前文章,讓分類下的文章都套用指定模板。

文章類別 (category)

把下方代碼,置於主題目錄中的 function.php 中

your-category 為欲自訂分類模板的分類名稱。
single-your-cat[……]

Read more

WordPress custom single page template

方法一、模板檔名規則

WordPress 提供利用檔名命名的方式設定 post type 內容頁的自訂模板:

single-{post-type}.php
archive-{post-type}.php
search.php
index.php

上方的檔名順序,代表WordPress查找模板的順序,大括號中代表自定義文章類型( custom post type ) 的slug,如果自定義文章類型的slug為 news,自定義文章類型內容頁主題依序為:

single-news.php
archive-news.php
search.php
index.php

若 single[……]

Read more