这篇文章应该算是 定制 Seventeen 主题第二弹吧。第一弹 在这里

最近经常写长文章,但是文章太长的话就难以选择标题的尺寸了,很为难。今天早上听群里人说 wordpress 自带文章分页功能,遂 Google 之,发现只需要在文章中插入   就可以实现分页了。

但是,想要启用这个功能还需要在主题的 single.php 中的   后加入

才可以实现文章分页功能。

注意,有可能你主题的 single.php 中只包含了主循环体而没有明显的输出 content,这种情况还请随机应变。可以看看都没有 content,post 之类的字眼。

但是如果只是这样的话,是完全没有定义样式的,简直是丑的可以 20150711215742。遂自定义其样式:

注意,以下 CSS 仅适用于 Seventeen 主题,其他主题还请自行撰写样式。

将上述的 <!–?php wp_link_pages(); ?–> 替换为:

'', 'next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => '')); ?>

然后随便在哪里插入如下 CSS 代码:

.page-numbers { display: inline-block; line-height: 48px; padding: 0 14px; font-size: 17px; } .page-previous, .page-next { font-size: 17px; font-family: 'FontAwesome'; height: 48px; line-height: 48px; position: relative; width: 48px; } .page-next::before { content: "\f105"; } .page-previous::before { content: "\f104"; } .pagenavi { text-align:center; padding:6px; } .pagenavi > a { color: #A0A0A0; }

这样就可以看在 Seventeen 主题上看到漂亮优雅的文章分页栏辣~

顺带一提如果在 Seventeen 主题中还是像上面那样将 PHP 代码插入到 single.php 中的话,pagination 是会出现在 文章标签 之下的,很丑。

这时候需要将上面的 PHP 代码添加至 content.php 的输出 tags 代码   的前面。
最终效果请查看本文章底部:

这是第二页

这是第三页哟

这是第四页。。

够了吧这么多页了诶

再来一页好了 qwq

这是最后一页了

窝是认真的

BOOM~

除另有声明外,本博客文章均采用 知识共享(Creative Commons) 署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议 进行许可。