新聞中心
WordPress使用技巧:巧用Read More命令截斷文章
一些博文的文字非常多,非常長,要占很多位置,文章發(fā)布后在前臺顯示,就會把整個版面拉的很長,非常不利于用戶閱讀。這個時候,我們希望在將文章截斷,并以摘要的模式顯示。這樣可以保持我們網(wǎng)站首頁不會由于長文章,而拉長導致版面不好看,影響閱讀、影響美觀。無憂主機(m.love62.cn)下面將介紹幾種方式,幫助你實現(xiàn)文章已摘要模式顯示。
一、修改wodpress主題代碼實現(xiàn)文章摘要顯示
由于小編對wordpress主題修改不熟悉,所以此方法也沒在php空間中測試。下面的修改方法,是我咨詢一個老站長告訴我。告訴我,只需要修改wordpress主題中的functions.php文件實現(xiàn)。
在functions.php文件中添加如下代碼:
function dm_strimwidth($str ,$start , $width ,$trimmarker ){
??? $output = preg_replace('/^(?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$start.'}((?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$width.'}).*/s','\1',$str);
??? return $output.$trimmarker;
}
然后,在需要的地方,使用下列代碼進行調用:
<?php echo dm_strimwidth(strip_tags($post->post_content),0,200,'<a href="'.get_permalink().'">......[閱讀全文]</a>');?>
這個方法需要修改代碼來實現(xiàn),對于向我這樣沒有什么編程基礎的人來說,確實是麻煩了點。接著往下看,還有更簡單的方法。
二、自定義使用Read More截斷文章,控制顯示文章內(nèi)容
這個命令就太簡單了,只要我們在發(fā)布文章時候,在編輯區(qū)切換到“html”編輯模式下,只在文章任意位置輸入<!--more-->命令(見下圖),就可以將長文章截斷顯示。非常簡單,我通過下面兩個截圖來說明使用這個命令后,文章的顯示效果和<!--more-->命令的使用。
<!--more-->命令的使用,在文章任意輸入如下圖。
在沒有使用沒有使用<!--more-->命令截斷,文章將全文顯示,首頁版面被拉的很長,文章有多長,版面都會被拖好長!如下圖。
使用<!--more-->截斷文章后,只顯示<!--more-->位置前面的內(nèi)容,后面的內(nèi)容將自動隱藏起來??纯聪旅娴膱D,是不是清爽了很多。
該測試連接效果見:http://test.815.51php.com/wordpress/
無憂主機m.love62.cn強烈建議大家使用這種模式,可以自由靈活的定義文章的顯示內(nèi)容。當然,還有的一些wordpress主題就默認就支持發(fā)布文章以摘要模式顯示。更多的學習wordpress操作技能,都在無憂主機,感謝你的閱讀和支持。
美國/香港 純Linux環(huán)境下高端免備案php空間,僅只需99元一年起
本文地址:http://m.love62.cn/wordpress/2364.html
![1](/wp-content/themes/starow_z/img/o-1.png)
![1](/wp-content/themes/starow_z/img/o-2.png)
![1](/wp-content/themes/starow_z/img/o-3.png)
![1](/wp-content/themes/starow_z/img/o-4.png)
![1](/wp-content/themes/starow_z/img/o-5.png)
![1](/wp-content/themes/starow_z/img/o-6.png)
![1](/wp-content/themes/starow_z/img/o-7.png)