wordpress分頁 wordpress分頁插件

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

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

網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序定制開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(liá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

附帶一點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內(nèi)置的分頁功能

工具:WordPress

步驟:

1、給WordPress文章編輯器添加顯示分頁按鈕,默認沒有添加,修改 /wp-includes 目錄下的 class-wp-editor.php 文件,在標(biāo)簽'wp_more',后面添加以下代碼'wp_page',即可。

2、就可以在后臺寫文章及編輯文章頁面的文本編輯器上看到一個跟 more 標(biāo)簽按鈕相似的圖標(biāo),這個便是插入分頁的按鈕。

3、某個段落之前插入一個分頁符,即把光標(biāo)定位到要分頁的位置,然后點擊下分頁按鈕,就會自動插入一個分頁符。

4、在主題模板文件 single.php 中找到類似下面這行代碼。?php the_content(); ?

在這行代碼后面添加如下所示的代碼,即可實現(xiàn)簡單的分頁功能。

/br?php wp_link_pages(array('before' = 'div class="fenye"文章分頁:', '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' = "下一頁")); ?

wordpress怎樣設(shè)置分頁

一,分類(category.php),歸檔頁面(archive.php)及標(biāo)簽頁面(tag.php)可以使用默認的分頁函數(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ù)字分頁。

這個功能由single.php中的函數(shù)控制,函數(shù)是:

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

如果沒有,記得插入到

?php?the_content()??

下方。

分享標(biāo)題:wordpress分頁 wordpress分頁插件
文章分享:http://bm7419.com/article28/ddejjjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、云服務(wù)器、標(biāo)簽優(yōu)化、軟件開發(fā)、網(wǎng)站設(shè)計、移動網(wǎng)站建設(shè)

廣告

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

h5響應(yīng)式網(wǎng)站建設(shè)