给长期无更新旧文章增加自定义提示内容 —— WordPress教程

2019年6月23日01:04:08 11 5,898
标题

在这个信息爆炸的时代,我们缺的不是大量的信息,而是准确有效的信息。可能我们前两年写得文章内容已经跟现在的情况不太符合了,特别是一些教程攻略,可能随着软件、数据的更新不再准确;又或者,文章中外链的资源地址可能失效等意外情况的发生。因此,从访客体验的角度考虑,我们可以对长期未更新的旧文章做一个提示,告诉读者这篇文章已经长期未更新,请注意文章准确性;或者如果文章内容或图片资源失效,请留言反馈,我们会及时处理等。

 

给长期无更新旧文章增加自定义提示内容 —— WordPress教程

 

代码部署:

首先:打开【/inc/options/begin-options.php】文件,在适当位置添加代码

	$options[] = array(
		'name' => '文章提醒信息',
		'desc' => '显示',
		'id' => 'remind_content',
		'class' => 'be_ico',
		'std' => '0',
		'type' => 'checkbox'
	);
 
	$options[] = array(
		'name' => '',
		'desc' => '超过几天提醒',
		'id' => 'remind_over_time',
		'class' => 'be_ico hidden',
		'std' => '365',
		'type' => 'text'
	);
 
	$options[] = array(
		'name' => '',
		'desc' => '提醒内容',
		'id' => 'remind_message',
		'class' => 'be_ico hidden',
		'std' => '如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!',
		'type' => 'text'
	);
 
	$options[] = array(
		'name' => '',
		'desc' => '提醒位置:文章顶部,默认提醒位置为文章底部',
		'id' => 'remind_position',
		'class' => 'be_ico hidden',
		'std' => '',
		'type' => 'checkbox'
	);
 
	$options[] = array(
		'name' => '',
		'desc' => '输入提醒的分类 ID,多个分类用英文半角逗号","隔开',
		'id' => 'remind_id',
		'class' => 'hidden',
		'std' => '',
		'type' => 'text'
	);
	
	$options[] = array(
		'name' => '分类 ID 对照',
		'desc' => '<ul>'.$cats_id.'</ul>',
		'id' => 'catid',
		'class' => 'remind-catid hidden',
		'type' => 'info'
	);
 
	$options[] = array(
		'id' => 'clear'
	);

 

添加代码后,就可以在“后台-外观-主题选项-首页设置”看到这个功能了。

给长期无更新旧文章增加自定义提示内容 —— WordPress教程

 

然后:打开【/inc/options/includes/themes-options.php】文件,在适当位置添加代码

	jQuery('#remind_content').click(function() {
		jQuery('#section-remind_over_time, #section-remind_message, #section-remind_position, #section-remind_id, .remind-catid').fadeToggle(400);
	});
 
	if (jQuery('#remind_content:checked').val() !== undefined) {
		jQuery('#section-remind_over_time, #section-remind_message, #section-remind_position, #section-remind_id, .remind-catid').show();
	}

 

这段代码主要就是给上面的功能添加展开/闭合功能,当不启用该功能时,该功能下的选项将被隐藏。

接着:打开【/inc/inc.php】文件,在适当位置添加代码

此处为隐藏的内容!
发表评论并刷新,方可查看

 

这段代码是该功能的主体代码。

最后:打开【style.css】文件,在适当位置添加代码

/* 文章提醒信息 */
.remind_content {
    color: #db7c22;
    background: #fffcef;
    border: 1px solid #ffbb76;
    border-radius: 2px;
    overflow: hidden;
    margin: 20px 0;
    padding: 10px 15px;
    font-size: 14px;
}

 

完成上面的操作后,在【主题选项】中找到该功能并启用,然后根据自己的情况设置相关的参数即可。

 

四、其他说明

1、参数说明

  • 超过几天提醒:比如超过 1 年的文章显示提醒信息就输入365,要使文章一发布就显示提醒信息就输入0
  • 提醒内容:可输入任意文字,不仅限于提醒类文字,但只能是纯文本文字
  • 提醒位置:默认是文章底部,勾选时为文章顶部(文章标题下面)
  • 提醒分类 ID:输入想要显示提醒信息的分类 ID 即可,多个分类用英文逗号","隔开

2、其他说明

使用相同主题的童鞋,直接按本文提供的操作步骤添加代码即可。使用其他主题的童鞋,可以参考本文的思路自行修改相关代码,也可以参考下面的代码

function remind_content($content) {
	$modified_time = get_the_modified_time('U');
	$current_time = current_time('timestamp');
	$diff_time = ($current_time - $modified_time) / (60 * 60 * 24);
	if ($diff_time > 365 ) {
			// 提醒位置:文章顶部
			// $content = '<div class="remind_content">提醒内容</div>'. $content;
			// 提醒位置:文章底部
			$content = $content.'<div class="remind_content">提醒内容</div>';
	}
	return $content;
}
add_filter('the_content', 'remind_content');

 

代码中需要修改的内容:

  • 365:超过的天数
  • 提醒内容:修改为你想要设定的文字
  • 提醒位置:默认显示在文章底部,若要让提醒信息显示在文章顶部,就恢复上面那条注释并注释下面那条代码

将修改后的代码保存到主题目录下的【functions.php】文件中,然后再复制上面的 CSS 代码到主题目录下的【style.css】文件中即可。

 

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:11   其中:访客  0   博主  0

    • 罗汉斌 罗汉斌 1 来自天朝的朋友 谷歌浏览器 Windows 10 江苏省苏州市 电信

      看看,谢谢

        • 仙踪小栈 仙踪小栈 博主 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信

          @罗汉斌 这个我真在使用中,欢迎常来逛逛

        • 锟斤拷锟皆硷拷锟斤拷锟斤拷 锟斤拷锟皆硷拷锟斤拷锟斤拷 2 来自天朝的朋友 谷歌浏览器 Windows 7 湖北省武汉市 联通

          这个功能不错

          • 智幼未来 智幼未来 0 来自天朝的朋友 火狐浏览器 Windows 7 陕西省西安市 电信

            不错的,终于找到了,谢谢博主的分享。

            • Ycc Ycc 1 来自天朝的朋友 搜狗浏览器 Windows 10 山西省阳泉市 电信

              休息休息

              • 黑夜 黑夜 1 来自天朝的朋友 谷歌浏览器 Windows 10 广东省 移动

                感谢分享

                • 附vv 附vv 0 来自天朝的朋友 搜狗浏览器 Windows 10 山西省阳泉市 电信

                  这个我真在使用中,欢迎常来逛逛

                  • 王小优 王小优 4 来自天朝的朋友 谷歌浏览器 Windows 10 湖南省株洲市 联通

                    路过学习

                    • Yolanda Yolanda 0 来自天朝的朋友 谷歌浏览器 Mac OS X Lion 10_15_7 北京市海淀区 联通

                      非常感谢分享

                      • 逆 0 来自天朝的朋友 谷歌浏览器 Windows 10 福建省福州市 电信

                        看看

                        • 云飞扬 云飞扬 3 来自天朝的朋友 谷歌浏览器 Windows 10 安徽省芜湖市 电信

                          这个功能不错,感谢分享