如何实现文章分页
本文主要介绍“实现文章分页的方法”,希望能解决大家遇到的问题。我们来看看这篇《实现文章分页的方法》一文。
如何实现文章分页?
由于页面过长,页面加载速度过慢,降低了用户体验。因此,我们必须想办法给长文章分页。经过一番搜索,发现代码中有一个很好的解决方案。个人使用后,真的很有效wordpress 分页代码,所以在这里分享一下wordpress 分页代码,有兴趣的不要错过哦。
最近发现有很多有图的文章,写的比较长。这会导致页面加载太慢,不利于用户体验。尤其是新增的主题页面,虽然文字不多,但每个主题都必须配上一张小图wordpress建站,让读者有个大致的了解。决定是否进行演示。然后将近30个主题加在一起,页面很长。所以我们必须想办法给长文章分页。
我用谷歌搜索了一下,发现了一个非常好的代码解决方案。个人使用后,真的很管用,所以在这里分享一下。
一、添加分页按钮
不怕麻烦的话,写文章的时候可以切换到HTML模式,插入下面这行代码,就不用加这个分页按钮了。
代码显示如下:
实际上,在编辑器中添加分页按钮要容易得多。之前看到过修改代码实现了这个功能,但是忘记了。因为我一直在使用编辑器来增强插件:. 这个按钮已经存在很久了,这里就不多说了。
2012-06-17 添加:向 3.4 文本编辑器添加分页按钮
因为我的《如果你是一位女嘉宾简介》网站也使用了本文介绍的长文章分页码。但是那个站没有安装插件。所以我还是找到了一种比较简单的方法,在编辑器中添加这个分页按钮。方法如下:
找到 /wp-/class-wp-.php 文件。查找'',标签:(在第 366 行)
代码显示如下:
$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '¦', 'bullist', 'numlist', 'blockquote', '¦', 'justifyleft', 'justifycenter', 'justifyright', '¦', 'link', 'unlink', 'wp_more', '¦', 'spellchecker', 'fullscreen', 'wp_adv' ), $editor_id);
在 '' 之后添加 '',(带单引号和逗号)。修改后的代码如下:
代码显示如下:
$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '¦', 'bullist', 'numlist', 'blockquote', '¦', 'justifyleft', 'justifycenter', 'justifyright', '¦', 'link', 'unlink', 'wp_more','wp_page', '¦', 'spellchecker', 'fullscreen', 'wp_adv' ), $editor_id);
此时,您可以在后台编写和编辑页面上看到类似于文本编辑器上的更多选项卡按钮的图标。
同样,相应的按钮将出现在代码编辑器中。
二、添加分页功能
事实上,自带分页功能的函数只是没有被调用。所以我们在编辑文章的时候,明明插入了分页符,但是没有看到任何变化。我怎样才能调用这个函数?方法很简单wordpress做网站,在主题模板文件.php中找一行类似如下的代码。
代码显示如下:
在这行代码之后添加如下代码,实现一个简单的分页功能。
代码显示如下:
三、美化分页效果
虽然经过以上两步,就可以实现长篇文章的分页功能了。但它不是那么好看。让我们美化一下,让分页效果更完美。
首先,将上一步中的分页功能代码替换为如下代码。
代码显示如下:
'分页阅读:', 'after' => '', 'next_or_number' => 'next', 'previouspagelink' => '上一页', 'nextpagelink' => "")); ?> '', 'after' => '', 'next_or_number' => 'number', 'link_before' =>'', 'link_after'=>'')); ?> '', 'after' => '
', 'next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => "下一页")); ?>
接下来,美化 CSS 样式。
将以下代码直接放在主题文件 style.css 的末尾。
代码显示如下:
/**页面分页**/
.fenye{text-align:center;margin:0px auto 10px;font-weight:bold}
.fenye span{background-color:#DDDDDD;color:#fff;font-weight: bold;margin:0px 1px;padding:1px 6px;display:inline-block;text-decoration:none;border:1px solid #e0e0e0;}
.fenye a{text-decoration:none;}
.fenye a span{background-color:#F6F6E8;font-weight: normal;color: #000;text-decoration: none;}
.fenye a:hover span{background-color:#DDDDDD;color: #fff;}
最终显示效果如下图所示:
四、解决文章分页后标题重复对SEO的影响
长文章分页后,这些页面的标题是一样的。我不知道它是否会对SEO产生不利影响。或者避免它!您可以通过在文章分页中添加页码来解决标题重复的问题。我们可以改成如下效果:
简单实用的长文章分页代码-冠硕插件
简单实用的长文章分页代码-第2页-冠硕插件
简单实用的长文章分页代码-第3页-冠硕插件
在主题模板file.php中找到类似...的代码,替换为如下代码。
代码显示如下:
—
五、避免提要分页
实现分页功能后,会对feed页面上的文章进行分页,一般只显示第一页的内容。
解决方法:打开wp-目录下的query.php文件,找到如下代码行(约3578行)
代码显示如下:
if ( strpos( $content,'' ) ) {
将其更改为以下代码行。
代码显示如下:
if ( strpos( $content, '' ) && (!is_feed()) ) {
关于“实现文章分页的方法”就介绍到这里。希望大家多多支持编程宝库。
下一篇:获取某列链接地址的方法编程技术及程序设计
本文主要介绍“获取某列链接地址的方法”,希望能解决大家遇到的相关问题。一起来看看这篇文章《获取某列链接地址的方法》。得到...
文章来自互联网,侵权请联系删除,文章阐述观点来自文章出处,并不代表本站观点。
www.8001717.cn