WordPress 显示文章摘要方法详细篇

浮生如梦丶 發表於 2023-8-22 00:00:00

下面介绍四种WordPress 显示文章摘要方法： 一、使用WordPress自带摘要功能 我目前另一WordPress博客就是使用这种方法的，显示效果也很满意，唯一不足就是写文章时需单独设置摘要。不过这点也要辩证来看，虽然是麻烦了点，但灵活性好。 使用设置方法： 1、点击文章编辑页面右上角的“显示选项”，勾选里面的“摘要”选项，以后在写文章时单独写上摘要内容即可。 2、文章发布后你可能会看到在首页还是全文输出，而在分类、标签等归档页则是摘要显示，我们可以使用以下方法解决。 3、在WordPress后台“外观”——“编辑”里，点击修改loop.php文件，大约在137行左右，找到并修改下面这句，添加一个首页适用判断，红色字体为添加部分。 <?php if ( is_archive() || is_search() || is_home() ) : // Only display excerpts for archives and search. ?> 4、设置后首页就和其它归档页一样摘要显示了。 二、插入“更多”分隔标签 1、这也算是WordPress自带的设置摘要方法之一了，只需在文章编辑时在截取摘要文字后面，插入“更多”分隔标签，点击上面编辑器“更多”分隔图标，或者也可以直接写入标签语句“”。 2、设置后在首页及其它归档页面就类似摘要显示了，在摘要后面会自动加上一个“继续阅读 →”链接。不过这个链接细看你可能会发现，后面加上了#more-id，它是一个内容跳转锚点链接，点击会转到该段摘要内容后面继续阅读。 3、要不要去掉这个锚点跳转看个人喜好。如果要去掉，在WordPress后台“外观”——“编辑”里，点击修改functions.php文件，复制添加以下代码即可。代码意思是利用WordPress the_content_more_link的filter过滤，通过它再加上正则表达式，把链接中#more-id形式的字符串替换为空。 
<div style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>

复制代码

代码如下:
</div>
<p style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
function remove_more_jump_link($link) { 
return preg_replace('/#more-\d+/i','',$link); 
} 
add_filter('the_content_more_link', 'remove_more_jump_link'); 

 三、修改主题index.php文件 1、打开你正在使用主题的文件夹，找到index.php文件，找到以下代码： <?php the_content(__(’(more…)’)); ?>或者<?php the_content(); ?> 2、将它修改为： 
<div style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>

复制代码

代码如下:
</div>
<p style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
<?php if(!is_single()) { 
the_excerpt(); 
} else { 
the_content(__(’(more…)’));//或者<?php the_content(); ?> 
} ?> 

 3、保存后文章即可自动截取摘要，不过缺点是摘要里的格式会消失，如文字加粗，字体颜色等。 四、使用摘要插件 WordPress虽然有些地方不符合我们的使用，但好在插件丰富，自动设置文章摘要的插件也不少，下面介绍几款比较好用的。 1、WP-UTF8-Excerpt：支持多字节语言（如中文），不会产生乱码并保留格式。 2、WP-Posts Auto Cutter：采用UTF-8方式截取，不会中文乱码并保留摘要格式。这个插件作者没有提交到WordPress，下载只能去作者主页：http://blog.netdll.com/?p=1276（网址被墙）。 3、Limit Posts Automatically：主要是用于英文站，中文使用会产生错误。

頁: [1]

琼殿技术论坛's Archiver

WordPress 显示文章摘要方法 详细篇

WordPress 显示文章摘要方法详细篇