文章分页代码

之前,我们说过了首页文章数量太多,而要进行分页显示的问题,详见:《wordpress分页代码》,到了文章页面也是一样的,文章如果太长就会出现下拉很长的现象,对阅读体验不友好,那么就需要对文章进行分页了,就会用到下面的代码:

一、添加分页代码

在主题single.php里找到

1
<?php the_content(); ?>

在后面添加以下代码

1
<?php wp_link_pages('link_before=<span>&link_after=</span>&before=<div class="article-paging">&after=</div>&next_or_number=number'); ?>

二、插入分页代码

在写文章的时候在需要断开的地方添加《-nextpage–》即可。
OK,搞定收工。

最后附上一段CSS样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/* 文章分页 */
.article-paging {
  text-align:center;
  font-size:12px;
  font-weight:600;
  overflow:hidden;
  clear:both;
  padding:20px 0;
}
.article-paging span {
  display:inline-block;
  padding:4px 12px;
  background-color:#313131;
  border:1px solid #313131;
  border-radius:2px;
  color:#fff;
}
.article-paging a span {
  background-color:#fff;
  color:#313131;
  border-color:#313131;
}
.article-paging a:hover span {
  border-color:#313131;
  background:#313131;
  color:#fff;
}

给我留言