導讀:今天講的 WordPress 教程是關於 WordPress 標題截斷新策略的問題,通常我們在做 WordPress 主題的時候,都會遇到標題截斷的問題,如何截才是最好...
WordPress 截斷標題的函式呼叫如下:
<?php echo mb_strimwidth( get_the_title(),0,30, '', get_bloginfo( 'charset' ) ); ?>
這個函式呼叫確實十分的簡單,自定義截斷的位元組數來控制的。。。也很美觀。。。但是大叔做 WordPress 企業主題這麼久,發現,其實截斷字,對 SEO 不好,畢竟把標題給截斷了,有些時候我們在標題裡做的 SEO 關鍵詞最佳化也被斷章取義了。。這不是好的策略,所以大叔覺得,還是得 css 截斷比較好,畢竟在搜尋引擎抓取內頁的時候,標題是全顯示出來的,只是我們透過 css 將前端截斷了,這才是最好的策略了!那麼如何來使用 css 來進行 WordPress 標題截斷呢?

{
width:250px; /* 限制寬度 (可選)*/
white-space:nowrap; /* 禁止自動換行 */
overflow:hidden; /* 隱藏溢位的內容 */
text-overflow:ellipsis; /* 溢位文字使用... 代替 */
}
在標題的 div 內增加這樣的 css 屬性即可輕鬆控制標題的長度,超出的內容顯示…等,這樣一來,前端截斷後,程式碼中依然是全標題,搜尋引擎蜘蛛抓取的時候也能夠獲取正常的標題!

這實屬 css 運用範圍,但也是做 WordPress 主題需要注意的細節問題,細節決定一個人的高度