我們經常在瀏覽有些網站的時候看到內容只展示部分內容，如果需要閱讀全文的話需要點擊內容按鈕才可以展現全部內容。這樣的好處就是不至于一次將文字頁面全部打開，使得頁面不至于一次加載太長。這個功能到底如何實現的呢？是否可以在WordPress程序中實現？

老蔣看到大部分WordPress主題都不帶這樣的功能，需要我們自行修改模板來實現。那具體如何實現的呢？這里我們一起整理實現WordPress文章內容收縮和展開的功能。

第一、JS代碼部分

jQuery(document).ready(

function(jQuery){

jQuery('.collapseButton').click(

function(){

jQuery(this).parent().parent().find('.xContent').slideToggle('slow');

}

);

}

);

需要將JS部分添加到內容頁模板中，或者我們有全局JS的可以添加。

第二、內置功能模塊

// 收縮和展開功能 itbulu.com修改

function xcollapse($atts, $content = null){

extract(shortcode_atts(array("title"=>""),$atts));

return '

'.$title.'內容收縮和展開

'.$content.'';

}

add_shortcode('collapse', 'xcollapse');

我們可以將代碼添加到當前主題Functions.php文件中。

第三、添加短代碼按鈕

function appthemes_add_collapse() {

?>

if ( typeof QTags != 'undefined' ) {

QTags.addButton( 'collapse', '內容收縮按鈕', '[collapse title="說明文字"]','[/collapse]' );

}

}

add_action('admin_print_footer_scripts', 'appthemes_add_collapse' );

同樣添加到Functions.php文件中，用來編輯器中有一個按鈕，這樣添加的時候直接點擊按鈕。

第四、實現方法

[collapse title="說明"]內容部分[/collapse]

根據實際需要我們可以在編輯內容的時候以上面格式出現。把需要展現的內容添加到對應標簽中。

總結

以上是生活随笔為你收集整理的php展开收缩bom表_WordPress实现文章内容收缩和展开功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。