中文字幕在线观看,亚洲а∨天堂久久精品9966,亚洲成a人片在线观看你懂的,亚洲av成人片无码网站,亚洲国产精品无码久久久五月天

如何讓wordpress長文章分頁

2018-11-02    來源:學(xué)做網(wǎng)站論壇

容器云強(qiáng)勢上線!快速搭建集群,上萬Linux鏡像隨意使用

對于分頁,大多情況下我們在用在列表頁面的,當(dāng)一個(gè)列表分類下的文章數(shù)量過多的時(shí)候,我們需要通過wordpress分頁插件來實(shí)現(xiàn)讓用戶在多個(gè)頁面來查看。如下圖:

1

但有時(shí)某篇文章為了闡述清楚某個(gè)問題,需要通過文字加圖片的方式來配合展現(xiàn),就會導(dǎo)致整個(gè)單獨(dú)文章頁面篇幅過長,而且也影響頁面的加載速度,這時(shí)我們也可以wordpress長文章分頁顯示。

實(shí)現(xiàn)這種效果也有二種方法,一種是使用wordpress長文章分頁插件,另一種就是通過修改代碼的方式來實(shí)現(xiàn),這種方法有一定的難度,如果不了解WORDPRESS程序,可以先學(xué)習(xí)wordpress入門教程,或者參加學(xué)做網(wǎng)站論壇的零基礎(chǔ)建站培訓(xùn)。

wordpress長文章分頁的操作步驟:

第一步:進(jìn)入自己做網(wǎng)站的后臺,在外觀下找到“編輯”選項(xiàng),然后找到文章頁面模塊single.php,在single.php中找到下面的代碼

<?php the_content(); ?>

第二步:找到上面的代碼之后,在其下方添加wordpress自帶的分頁功能函數(shù)代碼:

<?php wp_link_pages(); ?>

第三步:第二步的代碼可以實(shí)現(xiàn)簡單的分頁效果,如果你想讓分頁按鈕更加美觀的話,可以將第二步的代碼替換成下面的調(diào)用代碼:

<?php wp_link_pages(array('before' => '<div>分頁閱讀:', 'after' => '', 'next_or_number' => 'next', 'previouspagelink' => '上一頁', 'nextpagelink' => "")); ?> <?php wp_link_pages(array('before' => '', 'after' => '', 'next_or_number' => 'number', 'link_before' =>'<span>', 'link_after'=>'</span>')); ?> <?php wp_link_pages(array('before' => '', 'after' => '</div>', 'next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => "下一頁")); ?>

并且通過下面的CSS代碼(參考CSS視頻教程)來控制分頁按鈕的顯示樣式,直接復(fù)制下面的CSS樣式到style.css文件中,這樣就可以實(shí)現(xiàn)下面的效果
2013226101314990

/**頁面分頁**/
.fenye{text-align:center;margin:0px auto 10px;font-weight:bold}
.fenye span{background-color:#DDDDDD;color:#fff;font-weight: bold;margin:0px 1px;padding:1px 6px;display:inline-block;text-decoration:none;border:1px solid #e0e0e0;}
.fenye a{text-decoration:none;}
.fenye a span{background-color:#F6F6E8;font-weight: normal;color: #000;text-decoration: none;}
.fenye a:hover span{background-color:#DDDDDD;color: #fff;}

第四步:在文章中需要分頁的位置插入分頁代碼【必須在代碼文本模式下插入】

<p><!--nextpage--></p>

第五步:如果你覺得每次使用分頁代碼的方法比較麻煩,可以通過在編輯器上方添加一個(gè)“分頁按鈕”來使用,即在文章中需要分頁的地方點(diǎn)一下“分頁按鈕”就會自動(dòng)的添加分頁代碼!敬瞬娇勺隹刹蛔觥

1、找到 /wp-includes/class-wp-editor.php 文件。查找 ‘wp_more’, 標(biāo)簽:(在366行處)

$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '|', 'bullist', 'numlist', 'blockquote', '|', 'justifyleft', 'justifycenter', 'justifyright', '|', 'link', 'unlink', <SPAN style="TEXT-DECORATION: underline"><STRONG><SPAN style="COLOR: #ff0000; TEXT-DECORATION: underline">'wp_more',</SPAN></STRONG></SPAN> '|', 'spellchecker', 'fullscreen', 'wp_adv' ), $editor_id);

2、在 ‘wp_more’ 后添加 ‘wp_page’, (含單引號和逗號)。修改后代碼如下:

$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '|', 'bullist', 'numlist', 'blockquote', '|', 'justifyleft', 'justifycenter', 'justifyright', '|', 'link', 'unlink', <SPAN style="TEXT-DECORATION: underline"><STRONG><SPAN style="COLOR: #ff0000; TEXT-DECORATION: underline">'wp_more','wp_page',</SPAN></STRONG></SPAN> '|', 'spellchecker', 'fullscreen', 'wp_adv' ), $editor_id);

3、此時(shí),你就可以在后臺寫文章及編輯文章頁面的文本編輯器上看到一個(gè)跟 more 標(biāo)簽按鈕相似的圖標(biāo)。
同樣,在代碼編輯器也會相應(yīng)出現(xiàn)一個(gè) nextpage 按鈕。

第六步:消除分類后不同頁面的文章的標(biāo)題相同的問題,避免影響網(wǎng)站SEO優(yōu)化(相關(guān)知識:什么是SEO)。在主題模板文件 header.php 找到類似 <title>……</title> 代碼,將其替換為如下代碼。

<?php if ( is_single() ) { ?><title><?php echo trim(wp_title('',0)); ?><?php if (get_query_var('page')) { echo '-第'; echo get_query_var('page'); echo '頁';}?> — <?php bloginfo('name'); ?></title><?php } ?>

第七步:實(shí)現(xiàn)分頁功能后,會導(dǎo)致Feed頁面的文章被分頁,一般只顯示第一頁的內(nèi)容,解決方法:打開 wp-includes 目錄下的 query.php 文件,找到下面這行代碼(大概在3578行)

if ( strpos( $content,'<!–nextpage–>' ) ) {

把它修改為下面這行代碼。

if ( strpos( $content, '<!--nextpage-->' ) && (!is_feed()) ) {

這樣我們就完成了完美的長文章分頁閱讀的效果了。

標(biāo)簽: isp seo 代碼 建站

版權(quán)申明:本站文章部分自網(wǎng)絡(luò),如有侵權(quán),請聯(lián)系:west999com@outlook.com
特別注意:本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)!
本站所提供的圖片等素材,版權(quán)歸原作者所有,如需使用,請與原作者聯(lián)系。

上一篇:wordpress獲取當(dāng)前不同分類的別名、ID號、文章數(shù)

下一篇:wordpress 特色圖像開啟與使用