今天講的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主題需要注意的細節問題,細節決定一個人的高度
|
新聞熱點
疑難解答