今天講的 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 主題需要注意的細節問題,細節決定一個人的高度!