这篇文章应该算是 定制 Seventeen 主题第二弹吧。第一弹 在这里。
最近经常写长文章,但是文章太长的话就难以选择标题的尺寸了,很为难。今天早上听群里人说 wordpress 自带文章分页功能,遂 Google 之,发现只需要在文章中插入 <!–nextpage–> 就可以实现分页了。
但是,想要启用这个功能还需要在主题的 single.php 中的 后加入
才可以实现文章分页功能。
注意,有可能你主题的 single.php 中只包含了主循环体而没有明显的输出 content,这种情况还请随机应变。可以看看都没有 content,post 之类的字眼。
但是如果只是这样的话,是完全没有定义样式的,简直是丑的可以 。遂自定义其样式:
注意,以下 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: “05”; } .page-previous::before { content: “04”; } .pagenavi { text-align:center; padding:6px; } .pagenavi > a { color: #A0A0A0; }
这样就可以看在 Seventeen 主题上看到漂亮优雅的文章分页栏辣~
顺带一提如果在 Seventeen 主题中还是像上面那样将 PHP 代码插入到 single.php 中的话,pagination 是会出现在 文章标签 之下的,很丑。
这时候需要将上面的 PHP 代码添加至 content.php 的输出 tags 代码 的前面。 最终效果请查看本文章底部:
这是第二页
这是第三页哟
这是第四页。。
够了吧这么多页了诶
再来一页好了 qwq
这是最后一页了
窝是认真的
BOOM~