在众多博客平台中,WordPress 是最受欢迎的一个。在使用过程中,很多人都会遇到分页的问题,不仅影响美观,还可能影响用户体验。今天,我就来和大家分享一些WordPress去掉分页的方法,让我们一起打造一个简约而高效的博客吧!
什么是分页?
我们来了解一下什么是分页。分页指的是将一篇文章分成多页显示,每页显示一定数量的内容。在WordPress中,当过多时,系统会自动生成分页,方便用户浏览。
为什么要去掉分页?
1. 美观性:分页会导致页面结构杂乱,影响整体美观。
2. 用户体验:分页可能会让用户感到繁琐,不利于浏览。
3. SEO优化:过多的分页可能会导致关键词分散,不利于搜索引擎优化。
去掉分页的方法
方法一:使用插件
1. 安装插件
登录你的WordPress后台,点击“插件”→“添加新插件”,在搜索框中输入“remove pagination”,然后安装并激活插件。
2. 配置插件
安装插件后,在“设置”菜单中找到“Remove Pagination”选项,勾选“Enable”选项,然后点击“Save Changes”保存设置。
3. 验证效果
完成以上设置后,刷新文章页面,你会发现文章不再分页了。
插件名称 | 功能描述 | 优点 | 缺点 |
---|---|---|---|
RemovePagination | 去掉文章分页 | 操作简单 | 无法自定义 |
PaginationLinks | 保留分页链接,但隐藏分页页码 | 操作简单 | 仍存在分页 |
DisablePagination | 去掉文章分页,保留链接 | 功能丰富 | 操作复杂 |
方法二:修改主题文件
如果你的WordPress主题支持自定义,那么可以通过修改主题文件来去掉分页。
1. 打开主题文件夹中的“functions.php”文件。
2. 在文件中找到以下代码:
“`php
function pagination_links() {
global $wp_query;
if (!$wp_query->max_num_pages) return;
$big = 999999999; //这是分页ID的唯一标识
echo paginate_links(array(
‘base’ => str_replace($big, ‘%%’, esc_url(get_pagenum_link($big))),
‘format’ => ‘?paged=%%’,
‘current’ => max(1, get_query_var(‘paged’)),
‘total’ => $wp_query->max_num_pages,
‘prev_text’ => __(‘上一页’),
‘next_text’ => __(‘下一页’),
));
}
“`
3. 将上述代码删除或注释掉,然后保存文件。
方法三:自定义模板
如果你熟悉WordPress模板,可以创建一个新的文章模板,并在模板中修改分页相关代码。
1. 在主题文件夹中创建一个新的模板文件夹(例如:custom-templates)。
2. 在custom-templates文件夹中创建一个名为“single.php”的文件。
3. 将以下代码复制到single.php文件中:
“`php
//这里省略了头部和循环部分
while (have_posts()) : the_post();
//你的
endwhile;
//这里省略了尾部部分
“`
4. 保存文件后,登录后台,点击“文章”→“所有文章”,找到需要修改的文章,在“格式”选项中勾选“自定义模板”,然后选择刚刚创建的模板。
总结
去掉WordPress分页的方法有很多种,你可以根据自己的需求选择合适的方法。在操作过程中,一定要小心谨慎,避免影响到网站的正常运行。
祝愿大家都能打造出一个简约、高效的博客!
怎样给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;}
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开始设置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版本是可以正常使用。