wordpress無(wú)插件實(shí)現(xiàn)單篇文章分頁(yè)顯示

字號(hào):


    今天需要實(shí)現(xiàn)一個(gè)功能,wordpress實(shí)現(xiàn)一篇較長(zhǎng)的文章分頁(yè)顯示,于是乎找了很多資料,找了很久才找到,大部分都是3.0之前的實(shí)現(xiàn)方法,所以都不成功,后來(lái)終于找到了,也知道了之前的不能實(shí)現(xiàn)的原因。下面魏星博客就分享一下我實(shí)現(xiàn)的過(guò)程以及代碼。
    1. 找到wp-includes/js/quicktags.js ,在其中找到下面這個(gè)javascript代碼:
    edButtons[edButtons.length]=new edButton(“ed_more”,”more”,”<!–more–>”,”",”t”,-1);
    在這個(gè)代碼的后面加上如下代碼:
    edButtons[edButtons.length]=new edButton(“ed_next”,”page”,”<!–nextpage–>”,”",”p”,-1);
    2. 繼續(xù)在wp-includes/js/quicktags.js 中找到如下代碼:
    j.Buttons[j.Buttons.length]=new edButton(a+”_more”,”more”,”<!–more–>”,”",”t”,-1);
    在后面加上如下代碼:
    j.Buttons[j.Buttons.length]=new edButton(a+”_next”,”page”,”<!–nextpage–>”,”",”p”,-1);
    OK ,此文件可以保存了。
    3. 找到wp-includes/js/quicktags.dev.js ,找到下面代碼
    /*
    edButtons[edButtons.length] =
    new edButton(‘ed_next’
    ,’page’
    ,’<!–nextpage–>’
    ,”
    ,’p’
    ,-1
    );
    */
    去掉注釋,最后是下面的樣子
    edButtons[edButtons.length] =
    new edButton(‘ed_next’
    ,’page’
    ,’<!–nextpage–>’
    ,”
    ,’p’
    ,-1
    );
    4. 找到wp-admin/includes/post.php ,找到下面代碼:
    ‘link’, ‘unlink’, ‘wp_more’,
    在其后面添加代碼:
    ‘wp_page’,
    OK,當(dāng)你打開(kāi)編輯器寫(xiě)文章的時(shí)候,可視化狀態(tài)下就會(huì)出現(xiàn)分頁(yè)符的按鈕,在你想插入頁(yè)碼的時(shí)候點(diǎn)擊此按鈕就行了。
    名單
    5.修改single頁(yè)面的代碼,找到一下代碼
    <?php the_content(); ?>
    一般情況下,他的下面會(huì)緊跟著一段類似代碼如下,如果沒(méi)有請(qǐng)你自己手動(dòng)添加
    <?php wp_link_pages( array( 'before' => '<div>' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
    6.到這邊已經(jīng)成功了,你可以書(shū)寫(xiě)文章進(jìn)行測(cè)試了,測(cè)試玩你就會(huì)發(fā)現(xiàn)樣式不是很好,你可以接著修改第5步中的代碼,將其改為一下的代碼,實(shí)現(xiàn)一定的樣式
    第1頁(yè),第二頁(yè),第三頁(yè)形式代碼
    <?php if (get_query_var(‘paged’)) { //判斷是否為首頁(yè)
    echo ‘第’;
    echo get_query_var(‘paged’); //頁(yè)碼
    echo ‘頁(yè)’;
    }?>
    上一頁(yè) 2 3 4 5 6 7 下一頁(yè)形式代碼
    <?php
    wp_link_pages('before=&after=&next_or_number=next&previouspagelink=上一頁(yè)&nextpagelink=&nbsp');
    wp_link_pages('before=&after=&next_or_number=number');
    echo "&nbsp;";
    wp_link_pages('before=&after=&next_or_number=next&previouspagelink=&nbsp&nextpagelink=下一頁(yè)');
    ?>
    好了,全部功能基本已經(jīng)實(shí)現(xiàn),要是還想修改樣式什么的,請(qǐng)自己加css文件內(nèi)容
    下面是我替換好的2個(gè)js文件,以及post.php文件,你可以直接下載,替換原來(lái)的文件就行了,如果你有什么問(wèn)題或疑問(wèn),請(qǐng)留言,互相交流!!