WordPress实现长篇文章/日志/单页面分页功能效果

在WordPress里写文章,如果内容很多,你可能想要把文章分成几页来让访客浏览,这样既保持了网页的美观,也提高了网页的打开速度。但是在WordPress默认提供的按钮里,你可能找不到文章分页功能所对应的按钮,下面我就告诉大家如何使用文章分页功能。

在新版本版本的WordPress中,官方屏蔽了分页功能的快捷按钮,虽然我们可以通过修改源文件启用它,不过考虑到升级后它依然会失效而我又懒得写插件,这里我就不介绍如何恢复分页按钮了,我们不用它依旧可以进行文章分页。

1、首先我们要确认所使用的模版是否支持文章分页这一特性。打开你的模版文件夹,一共有2个文件需要修改(也可能是1个),分别是page.php(单页面)和single.php(文章内容页面,如果有的话)。

打开这两个文件,找到文章显示函数那一行,它可能是以下两种格式或其类似格式:

<?php the_content(__(‘Read more...‘)); ?>
<?php the_content(); ?>

如果它的下面没有以下内容(分页支持),则添加它:

<?php wp_link_pages(); ?>

分别保存退出即可。默认函数的分页效果类似于Page: 1 2 3,如果需要更多显示样式,可参见以下内容或使用div修饰:

http://codex.wordpress.org/Template_Tags/wp_link_pages

2、在文章或单页面中添加分页标记。

打开需要编辑的文章,选择HTML源代码模式,在需要分页的地方添加以下标记:

<!--nextpage-->

每个标记表示一页,而且nextpage标签会被more截断,这点要注意。

nextpage和more标签的区别:

和more标签一样,我们只要在需要进行分页的段落后添加一个< !–-nextpage–->标签即可(注意要在html编辑模式下编辑)。与more标签不同的是,more标签只能使用一次,而 nextpage可以使用多次,也就可以将长篇的文章分为多页了。

时间: 2024-09-30 00:26:16

WordPress实现长篇文章/日志/单页面分页功能效果的相关文章

Python 2.7_爬取CSDN单页面利用正则提取博客文章及url_20170113

年前有点忙,没来的及更博,最近看爬虫正则的部分 巩固下 1.爬取的单页面:http://blog.csdn.net/column/details/why-bug.html 2.过程 解析url获得网站源代码 3.找到文章标题列表和文章url(a标签下'href'属性)组成列表 4.for循环取出 #解析用到的还是urlllib urllib2两个模块 并加了个header请求表头 代码及过程如下: #coding:utf-8 import re import urllib import urll

Wordpress基础:文章和页面的区别

页面: 页面是你可以单独建立一个固定页面,可以作为留言板,或者通知的单页面,发布之后是固定的网址. 页面并不能被分类.亦不能拥有标签,但是它们可以有层级关系.您可将页面附属在另一个页面之下. 对应模板:page.php 文章: 文章可以通过标签实现相关文章的链接,可以放评论和评论框来实现与用户的互动,而页面没有. 文章有栏目可以归档,还有标签,而页面没有. 编辑文章时可选不同的形式,而页面没有. 对应模板:single.php 分析 从性质上讲,文章偏向动态页面,而页面偏向静态页面. 也可以理解

WordPress后台的文章、分类,媒体,页面,评论,链接等所有信息中显示ID并将ID设置为第一列

WordPress后台默认是不显示文章.分类等信息ID的,查看起来非常不方便,不知道Wp团队出于什么原因默认不显示这个但可以使用Simply Show IDs插件来实现 不使用插件,其他网友的实现: <?php /** *为WordPress后台的文章.分类等显示ID From wpdaxue.com * ID默认添加到列的后面 * http://www.wpdaxue.com/simply-show-ids.html * htl add 2015-01-16 */ //添加一个新的列 ID f

WordPress页面函数功能代码调用大全

WordPress模板基本文件 style.css 样式表文件index.php 主页文件single.php 日志单页文件page.php 页面文件archvie.php 分类和日期存档页文件searchform.php 搜索表单文件search.php 搜索yemian文件comments.php 留言区域文件(包括留言列表和留言框)404.php 404错误页面header.php 网页头部文件sidebar.php 网页侧边栏文件footer.php 网页底部文件 WordPress H

ABP示例程序-使用AngularJs,ASP.NET MVC,Web API和EntityFramework创建N层的单页面Web应用

本片文章翻译自ABP在CodeProject上的一个简单示例程序,网站上的程序是用ABP之前的版本创建的,模板创建界面及工程文档有所改变,本文基于最新的模板创建.通过这个简单的示例可以对ABP有个更深入的了解,每个工程里应该写什么样的代码,代码如何组织以及ABP是如何在工程中发挥作用的. 源文档地址:https://www.codeproject.com/Articles/791740/Using-AngularJs-ASP-NET-MVC-Web-API-and-EntityFram 源码可以

详细解剖大型H5单页面应用的核心技术点

阐述下项目 Xut.js 开发中一个比较核心的优化技术点,这是一套平台代码,并非某一个插件功能或者框架可以直接拿来使用,核心代码大概是6万行左右(不包含任何插件) .这也并非一个开源项目,不能商业使用,只是为了作者开发方便同步修改代码而上传的源码 描述下,项目提出的概念“无需程序员编程”可批量制作app应用.分2大块,1块是客户端(PPT),默认扩展插件提供用户编辑的界面,平台会把设计逻辑与界面数据编译成前端数据资源包(前端能处理的js.css.图片等资源了),另一个大块就是纯前端部分(Xut.

webpack 单页面应用实战

这篇文章将介绍如何利用 webpack 进行单页面应用的开发,算是我在实际开发中的一些心得和体会,在这里给大家做一个分享.webpack 的介绍这里就不多说了,可以直接去官网查看. 关于这个单页面应用大家可以直接去我的github上查看https://github.com/huangshuwei/webpackForSPA,我将结合这个项目去介绍.如果大家觉得这篇文章有不妥的地方,还请指出. 这篇文章的目的是解决我们在开发中会遇到的问题,不是一篇基础教程,还请谅解. 项目目录 我将根据这个目录结

从零开始搭建自己的VueJS2.0+ElementUI单页面网站(一、环境搭建)

前言 VueJS可以说是近些年来最火的前端框架之一,越来越多的网站开始使用vuejs作为前端框架,vuejs轻量.简单的特性使得前端开发变得更加简易,而基于vuejs的前端组件库也越来越多.我们今天使用的ElementUI,是饿了么团队开发的一款基于vuejs的前端组件库,也是众多vuejs组件库里面比较优秀的一款.这里要说一下我们构建网站所需要用到的一些东西: NodeJS(npm) Webstorm (前端IDE) Nginx(后期用来转发请求到后台服务器) Eclipse(后台IDE) 正

浅谈HTML5单页面架构(三)—— 回归本真:自定义路由 + requirejs + zepto + underscore

本文转载自:http://www.cnblogs.com/kenkofox/p/4650310.html 不过,这一篇,我想进一步探讨一下这两个框架的优缺点,另外,再进一步,抛开这两个框架,回到本真,自己搞个简单的路由一样可以实现单页面. 这个对于刚做前端开发的新同学来说就最好不过了,如果一来到岗位就一大堆angular.backbone.requirejs,看资料都看一两周.其实大家最熟悉的东西还是那个美元$,用美元能解决的问题,就不要麻烦到angular.backbone大爷了. 事先说明,