wordpress分页静态(wordpress静态页面)

随着互联网的快速发展,越来越多的企业和个人选择使用WordPress搭建自己的网站。WordPress作为全球最受欢迎的内容管理系统,以其强大的功能、易用性和灵活性赢得了广大用户的青睐。在网站运营过程中,页面的分页静态化处理是一个不可忽视的问题。本文将为您详细讲解WordPress分页静态的技巧,帮助您打造高效网站,提升用户体验。

一、什么是分页静态化

在WordPress中,当文章数量较多时,系统会自动生成多个分页。默认情况下,这些分页是以动态页面的形式存在的,即每次访问分页都会重新生成页面内容。这种情况下,搜索引擎爬虫会频繁抓取网站,导致服务器负载增加,用户体验下降。

分页静态化就是将动态分页转换为静态页面,使得搜索引擎爬虫可以一次性抓取所有分页,提高网站SEO效果,降低服务器负载,提升用户体验。

二、WordPress分页静态化方法

下面介绍几种常用的WordPress分页静态化方法:

1. 使用插件

WordPress官方市场提供了许多分页静态化插件,如WP Super Cache、W3 Total Cache等。以下是使用WP Super Cache插件进行分页静态化的步骤:

(1)在WordPress后台,点击“插件”->“添加新插件”;

(2)搜索“WP Super Cache”并安装插件;

(3)激活插件并按照提示进行配置;

(4)在插件设置中,勾选“缓存分页”选项,并设置分页缓存时间。

2. 自定义模板

如果您熟悉WordPress模板开发,可以通过自定义模板的方式实现分页静态化。以下是自定义分页模板的步骤:

(1)在WordPress后台,点击“外观”->“编辑”;

(2)选择要修改的主题,找到分页模板文件(通常为“content-page.php”);

(3)在分页模板文件中,找到分页代码,将其替换为静态分页代码;

(4)保存并更新主题。

3. 伪静态规则

通过修改WordPress的伪静态规则,可以实现分页静态化。以下是伪静态规则的步骤:

(1)在WordPress后台,点击“设置”->“永久链接”;

(2)选择“自定义结构”选项,输入以下伪静态规则:

“`

/%postname%/page/%page%

“`

(3)保存并更新规则。

三、分页静态化效果对比

以下是一张表格,展示了分页静态化前后的一些效果对比:

项目 分页静态化前 分页静态化后
服务器负载
SEO效果
用户体验
网站速度

四、总结

通过本文的讲解,相信您已经掌握了WordPress分页静态化的方法。将动态分页转换为静态页面,有助于提高网站SEO效果,降低服务器负载,提升用户体验。在实际操作中,您可以根据自己的需求和技能水平选择合适的方法进行分页静态化处理。祝您的WordPress网站运营顺利!

wordpress文章分页怎么设置伪静态链接

1:wordpress开始设置url伪静态方法

后台:设置->固定链接,然后如图设置后保存,此项设置后,发现文章链接都是伪静态了,以为大功告成。但不久后就发现问题。

2:遇到问题显示的结果

1:如果简单的在自定链接后面加上.html单页面文章显示是正常的

2:如果是文章页有很多分页的话,就会出下下面的情况

3:查找问题所在

看到这种链接,执笔人实在是受不了。于是各种百度谷歌,最后无果。

想到模板分页调用的函数 wp_link_pages,于是从此函数下手,很快有了结果。

原来每生成一个链接都会调用一个钩子 wp_link_pages_link来方便定制,最后所有链接生成完后再调用一个钩子 wp_link_pages来个总链接大定制。

最后锁定了一个函数 redirect_canonical,该函数触发同名钩子

4:wordpress成功实现伪静态方法

最终决定一试。在当前主题的functions.php文件中加入代码:

//设置伪静态开始

//解析url的钩子

add_filter('post_rewrite_rules','add_custom_post_rewrite_rules');

function add_custom_post_rewrite_rules($rules){

$custom_rules= array('(d+)_(d+).html$'=>'index.php?p=$matches[1]&page=$matches[2]',);

$rules= array_merge($custom_rules,$rules);

return$rules;

}

//设置url钩子

add_filter('wp_link_pages_link','post_custom_rewrite_url');

function post_custom_rewrite_url($output){

$preg=”/(.*)/(d+).html/(d)/”;

$output= preg_replace($preg,”$1/$2_$3.html”,$output);

return$output;

}

//不许跳转

add_filter('redirect_canonical','post_custom_redirect_url');

function post_custom_redirect_url($output){

return false;

}

//设置伪静态结束

5:最后一步大功告成

上面的设置保存后,再返回后台:设置->固定链接,然后不需要设置什么,就点一下“保存更改”即可,这时你浏览发现文章链接都是伪静态了。

以转载于其它博客,测试4.0版本是可以正常使用。

WordPress网站如何使长文章实现分页

WordPress长文章分页的操作步骤:

第一步:进入WordPress网站后台,在外观下找到“编辑”选项,然后找到文章页面模块single.php,在single.php中找到下面的代码

<?phpthe_content();?>

第二步:找到上面的代码之后,在其下方添加wordpress自带的分页功能函数代码:

<?phpwp_link_pages();?>

第三步:第二步的代码可以实现简单的分页效果,如果你想让分页按钮更加美观的话,可以将第二步的代码替换成下面的调用代码:

<?phpwp_link_pages(array('before'=>'<div>分页阅读:','after'=>'','next_or_number'=>'next','previouspagelink'=>'上一页','nextpagelink'=>””));?><?phpwp_link_pages(array('before'=>'','after'=>'','next_or_number'=>'number','link_before'=>'<span>','link_after'=>'</span>'));?><?phpwp_link_pages(array('before'=>'','after'=>'</div>','next_or_number'=>'next','previouspagelink'=>'','nextpagelink'=>”下一页”));?>

通过下面的CSS代码来控制分页按钮的显示样式,直接复制下面的CSS样式到style.css文件中,这样就可以实现下面的效果

/**页面分页**/

.fenye{text-align:center;margin:0pxauto10px;font-weight:bold}

.fenyespan{background-color:#DDDDDD;color:#fff;font-weight:bold;margin:0px1px;padding:1px6px;display:inline-block;text-decoration:none;border:1pxsolid#e0e0e0;}

.fenyea{text-decoration:none;}

.fenyeaspan{background-color:#F6F6E8;font-weight:normal;color:#000;text-decoration:none;}

.fenyea:hoverspan{background-color:#DDDDDD;color:#fff;}

第四步:在文章中需要分页的位置插入分页代码【必须在代码文本模式下插入】

<p><!–nextpage–></p>

第五步:如果觉得每次使用分页代码比较麻烦,可以通过在编辑器上方添加一个“分页按钮”来使用,即在文章中需要分页的地方点一下“分页按钮”就会自动的添加分页代码。【此步可做可不做】

1、找到/wp-includes/class-wp-editor.php文件。查找‘wp_more’,标签:(在366行处)

$mce_buttons=apply_filters('mce_buttons',array('bold','italic','strikethrough','¦','bullist','numlist','blockquote','¦','justifyleft','justifycenter','justifyright','¦','link','unlink',<SPANstyle=”TEXT-DECORATION:underline”><STRONG><SPANstyle=”COLOR:#ff0000;TEXT-DECORATION:underline”>'wp_more',</SPAN></STRONG></SPAN>'¦','spellchecker','fullscreen','wp_adv'),$editor_id);

2、在‘wp_more’后添加‘wp_page’,(含单引号和逗号)。修改后代码如下:

$mce_buttons=apply_filters('mce_buttons',array('bold','italic','strikethrough','¦','bullist','numlist','blockquote','¦','justifyleft','justifycenter','justifyright','¦','link','unlink',<SPANstyle=”TEXT-DECORATION:underline”><STRONG><SPANstyle=”COLOR:#ff0000;TEXT-DECORATION:underline”>'wp_more','wp_page',</SPAN></STRONG></SPAN>'¦','spellchecker','fullscreen','wp_adv'),$editor_id);

3、此时,你就可以在后台写文章及编辑文章页面的文本编辑器上看到一个跟 more标签按钮相似的图标。

同样,在代码编辑器也会相应出现一个 nextpage按钮。

第六步:消除分类后不同页面的文章的标题相同的问题,避免影响网站SEO优化。在主题模板文件 header.php找到类似<title>……</title>代码,将其替换为如下代码。

<?phpif(is_single()){?><title><?phpechotrim(wp_title('',0));?><?phpif(get_query_var('page')){echo'-第';echoget_query_var('page');echo'页';}?>—<?phpbloginfo('name');?></title><?php}?>

第七步:实现分页功能后,会导致Feed页面的文章被分页,一般只显示第一页的内容,解决方法:打开 wp-includes目录下的 query.php文件,找到下面这行代码(大概在3578行)

if(strpos($content,'<!–nextpage–>')){

把它修改为下面这行代码。

if(strpos($content,'<!–nextpage–>')&&(!is_feed())){

怎样给wordpress文章编辑器添加分页按钮

1、首先给WordPress文章编辑器添加显示分页按钮,默认没有添加,并没有看到该按钮,如下图所示

2、修改/wp-includes目录下的 class-wp-editor.php文件,在标签'wp_more',后面添加以下代码'wp_page',即可。

3、此时,你就可以在后台写文章及编辑文章页面的文本编辑器上看到一个跟 more标签按钮相似的图标,这个便是插入分页的按钮。

4、然后再你的一篇长篇文章中,某个段落之前插入一个分页符,即把光标定位到要分页的位置,然后点击下分页按钮,就会自动插入一个分页符。

5、在主题模板文件 single.php中找到类似下面这行代码。

<?php the_content();?>

在这行代码后面添加如下所示的代码,即可实现简单的分页功能。

</br><?php wp_link_pages(array('before'=>'<div class=”fenye”>文章分页:','after'=>'','next_or_number'=>'next','previouspagelink'=>'上一页','nextpagelink'=>””));?>

<?php wp_link_pages(array('before'=>'','after'=>'','next_or_number'=>'number','link_before'=>'<span>','link_after'=>'</span>'));?>

<?php wp_link_pages(array('before'=>'','after'=>'</div>','next_or_number'=>'next','previouspagelink'=>'','nextpagelink'=>”下一页”));?>

7、最后,添加这个分页的一些样式,在主题模板文件中的style.css文件最后添加如下样式:

/*文章分页*/

.fenye{text-align:center;margin:0px auto 10px;}

.fenye span{background-color:#C73503;color:#fff;font-weight: bold;margin:0px 1px;padding:3px 6px;text-decoration:none;border:1px solid#D2D2D2;}

.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:#c73503;color:#fff;}

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享