wordpress加分頁(yè) wordpress分站

怎樣給wordpress文章編輯器添加分頁(yè)按鈕

1、首先給WordPress文章編輯器添加顯示分頁(yè)按鈕，默認(rèn)沒(méi)有添加，并沒(méi)有看到該按鈕，如下圖所示

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計(jì)制作、網(wǎng)站制作、桃源網(wǎng)絡(luò)推廣、小程序開發(fā)、桃源網(wǎng)絡(luò)營(yíng)銷、桃源企業(yè)策劃、桃源品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供桃源建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18982081108，官方網(wǎng)址：muchs.cn

2、修改 /wp-includes 目錄下的 class-wp-editor.php 文件，在標(biāo)簽'wp_more',后面添加以下代碼'wp_page',即可。

3、此時(shí)，你就可以在后臺(tái)寫文章及編輯文章頁(yè)面的文本編輯器上看到一個(gè)跟 more 標(biāo)簽按鈕相似的圖標(biāo)，這個(gè)便是插入分頁(yè)的按鈕。

4、然后再你的一篇長(zhǎng)篇文章中，某個(gè)段落之前插入一個(gè)分頁(yè)符，即把光標(biāo)定位到要分頁(yè)的位置，然后點(diǎn)擊下分頁(yè)按鈕，就會(huì)自動(dòng)插入一個(gè)分頁(yè)符。

5、在主題模板文件 single.php 中找到類似下面這行代碼。

?php the_content(); ?

在這行代碼后面添加如下所示的代碼，即可實(shí)現(xiàn)簡(jiǎn)單的分頁(yè)功能。

/br?php wp_link_pages(array('before' = 'div class="fenye"文章分頁(yè)：', 'after' = '', 'next_or_number' = 'next', 'previouspagelink' = '上一頁(yè)', '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' = "下一頁(yè)")); ?

7、最后，添加這個(gè)分頁(yè)的一些樣式，在主題模板文件中的style.css文件最后添加如下樣式：

/*文章分頁(yè)*/

.fenye{text-align:center;margin:0px auto 10px;}

.fenye span{background-color:#C73503;color:#fff;font-weight: bold;margin:0px 1px;padding:3px 6px;text-decoration:none;border:1px solid #D2D2D2;}

.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:#c73503;color: #fff;}

wordpress怎樣設(shè)置分頁(yè)

一，分類（category.php）,歸檔頁(yè)面(archive.php)及標(biāo)簽頁(yè)面(tag.php)可以使用默認(rèn)的分頁(yè)函數(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)然，這種分頁(yè)方式只有前一頁(yè)后一頁(yè)。

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

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

如果單片文章插入分頁(yè)符：

!--nextpage--

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

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

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

如果沒(méi)有，記得插入到

?php?the_content()??

下方。

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

WordPress長(zhǎng)文章分頁(yè)的操作步驟：

第一步：進(jìn)入WordPress網(wǎng)站后臺(tái)，在外觀下找到“編輯”選項(xiàng)，然后找到文章頁(yè)面模塊single.php，在single.php中找到下面的代碼

?php?the_content();??

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

?php?wp_link_pages();??

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

?php?wp_link_pages(array('before'?=?'div分頁(yè)閱讀：',?'after'?=?'',?'next_or_number'?=?'next',?'previouspagelink'?=?'上一頁(yè)',?'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'?=?"下一頁(yè)"));??

通過(guò)下面的CSS代碼來(lái)控制分頁(yè)按鈕的顯示樣式，直接復(fù)制下面的CSS樣式到style.css文件中，這樣就可以實(shí)現(xiàn)下面的效果

/**頁(yè)面分頁(yè)**/

.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;}

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

p!--nextpage--/p

第五步：如果覺(jué)得每次使用分頁(yè)代碼比較麻煩，可以通過(guò)在編輯器上方添加一個(gè)“分頁(yè)按鈕”來(lái)使用，即在文章中需要分頁(yè)的地方點(diǎn)一下“分頁(yè)按鈕”就會(huì)自動(dòng)的添加分頁(yè)代碼?！敬瞬娇勺隹刹蛔觥?/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’, （含單引號(hào)和逗號(hào)）。修改后代碼如下：

$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í)，你就可以在后臺(tái)寫文章及編輯文章頁(yè)面的文本編輯器上看到一個(gè)跟 more 標(biāo)簽按鈕相似的圖標(biāo)。

同樣，在代碼編輯器也會(huì)相應(yīng)出現(xiàn)一個(gè) nextpage 按鈕。

第六步：消除分類后不同頁(yè)面的文章的標(biāo)題相同的問(wèn)題，避免影響網(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?'頁(yè)';}??—??php?bloginfo('name');??/title?php?}??

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

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

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

if?(?strpos(?$content,?'!--nextpage--'?)??(!is_feed())?)?{

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

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

一、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' ='上一頁(yè)','next_text' ='下一頁(yè)','before_page_number' = 'span class="meta-nav screen-reader-text"第 /span','after_page_number' = 'span class="meta-nav screen-reader-text" 頁(yè)/span',) ); ?

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

// 分頁(yè)代碼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)到首頁(yè)'?/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加分頁(yè) wordpress分站
轉(zhuǎn)載源于：http://muchs.cn/article40/ddiigho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、外貿(mào)建站、標(biāo)簽優(yōu)化、企業(yè)建站、面包屑導(dǎo)航、商城網(wǎng)站

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

猜你還喜歡下面的內(nèi)容