WordPress網(wǎng)站如何使長文章實(shí)現(xiàn)分頁

WordPress長文章分頁的操作步驟：

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供阜城企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、HTML5、小程序制作等業(yè)務(wù)。10年已為阜城眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。

第一步：進(jìn)入WordPress網(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代碼來控制分頁按鈕的顯示樣式，直接復(fù)制下面的CSS樣式到style.css文件中，這樣就可以實(shí)現(xiàn)下面的效果

/**頁面分頁**/

.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)的添加分頁代碼?！敬瞬娇勺隹刹蛔觥?/p>

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"STRONGSPAN?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"STRONGSPAN?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)化。在主題模板文件 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())?)?{

WordPress 文章分頁功能怎么實(shí)現(xiàn)

WordPress系統(tǒng)是內(nèi)置分頁功能的，要實(shí)現(xiàn)它極其簡單，只需要在你想要分頁的地方加入下面的代碼即可(注意，是在文本編輯模式下)：

!--nextpage--要讓這個(gè)代碼真正能夠?qū)崿F(xiàn)其分頁功能，還需要你所使用的Wordpress主題支持，Wordpress的默認(rèn)主題是支持的，如果你的主題不支持，那解決方法也很簡單，找到你主題文件內(nèi)的single.php里的下面這行代碼：

?php the_content(); ?在這段代碼下面加上：

?php wp_link_pages('before=div id="page-links"after=/div'); ?收工。

實(shí)現(xiàn)wordpress分頁的幾種方法

wordpress內(nèi)置了很多分頁的函數(shù)，我可以通過傳參很方便的就完成分頁功能，只要你有一些css的基礎(chǔ)，很容易就可以實(shí)現(xiàn)各式各樣的分頁樣式，我們來看看有哪些

一、paginate_links()

例：?php echo paginate_links(array( 'prev_next' = 0, 'before_page_number' = '', 'mid_size' = 2,));?

二、the_posts_pagination()

例：

?php

the_posts_pagination( array('mid_size' = 3,'prev_text' ='上一頁','next_text' ='下一頁','before_page_number' = 'span class="meta-nav screen-reader-text"第 /span','after_page_number' = 'span class="meta-nav screen-reader-text" 頁/span',) ); ?

三、自定義函數(shù)，把以下代碼放入主題目錄functions.php中

// 分頁代碼function par_pagenavi($range = 3){

global $paged, $wp_query;

if ( !$max_page ) {$max_page = $wp_query-max_num_pages;}

if($max_page 1){if(!$paged){$paged = 1;}

if($paged != 1){echo "a href='" . get_pagenum_link(1) . "' class='extend' title='跳轉(zhuǎn)到首頁'?/a";}

if($max_page $range){

if($paged $range){for($i = 1; $i = ($range + 1); $i++){echo "a href='" . get_pagenum_link($i) ."'";

if($i==$paged)echo " class='current'";echo "$i/a";}}

elseif($paged = ($max_page - ceil(($range/2)))){

for($i = $max_page - $range; $i = $max_page; $i++){echo "a href='" . get_pagenum_link($i) ."'";

if($i==$paged)echo " class='current'";echo "$i/a";}}

elseif($paged = $range $paged ($max_page - ceil(($range/2)))){

for($i = ($paged - ceil($range/2)); $i = ($paged + ceil(($range/2))); $i++){echo "a href='" . get_pagenum_link($i) ."'";if($i==$paged) echo " class='current'";echo "$i/a";}}}

else{for($i = 1; $i = $max_page; $i++){echo "a href='" . get_pagenum_link($i) ."'";

if($i==$paged)echo " class='current'";echo "$i/a";}}

next_posts_link(' ?');}}

模板中調(diào)用方法：

div id="page"?php par_pagenavi(5); ?/div

附帶一點(diǎn)css樣式僅供參考：

#page{width:100%;height:36px;line-height:36px;text-align:left;overflow:hidden;margin-left:auto;margin-right:auto;display:block;text-align:-moz-center;*text-align:center;text-align:center}#page a{text-decoration:none;color:#FFF;background:#282828;display:inline-block;padding:9px 12px;margin:0 5px 0 0;line-height:16px;margin-right:3px}#page a:hover,#page a.current{color:#FFF;background:#32a5e7}

wordpress怎樣設(shè)置分頁

一，分類（category.php）,歸檔頁面(archive.php)及標(biāo)簽頁面(tag.php)可以使用默認(rèn)的分頁函數(shù)：

section?id="nav_below"?class="navigation"

div?class="nav_previous"?php?next_posts_link('span?class="meta-nav"laquo;/span?Older?posts'?)??/div

div?class="nav_next"?php?previous_posts_link('Newer?posts?span?class="meta-nav"raquo;/span'?)??/div

div?class="clear"/div

/section

當(dāng)然，這種分頁方式只有前一頁后一頁。

如果想采用數(shù)字序號式分頁，可以安裝插件?wp-pagenavi

二，文章內(nèi)部分頁：

如果單片文章插入分頁符：

!--nextpage--

就可以完成數(shù)字分頁。

這個(gè)功能由single.php中的函數(shù)控制，函數(shù)是：

?php?wp_link_pages('before=div?class="page-link"'?.'Pages:'?.?'after=/div')??

如果沒有，記得插入到

?php?the_content()??

下方。

名稱欄目：wordpress內(nèi)容分頁 wordpress 分表
分享地址：http://www.rwnh.cn/article44/ddosche.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、軟件開發(fā)、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站改版、

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)