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

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

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

因此[……]

Read more

WordPress blank theme and starter theme for Developers

對於開發人員,開始一個WordPress專案,依屬性的不同,開發方式會區分為「全客製」或「半客製」開發,各有優缺點,而依據開發方式的不同,開發人員必須選擇適當主題最為基礎來開始製作專案,而哪種主題適合呢?

「空白主題 blank theme」適用於全客製開發

用此種開發方式,基本上這個專案具有獨特性,非「常態性」網站,比較難用通用的樣式或版面結構去套用,自幹型網站,這種情況就適合使用空白主題 (blank theme),直接以空白主題開發,未來也需要自行維護這個主題

空白主題最大特色就是什麼都沒有,但也並非什麼都沒有,更正確的說法應該是乾淨的主題,預先建立主題檔案結構及初始程式,並遵循 WordPr[……]

Read more

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_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 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

WordPrdss single page template by category

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

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

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

文章類別 (category)

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

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

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-news.php 找不到,就查找 ar[……]

Read more