为自己使用的WordPress主题添加新文章”NEW”标志

不少的wordpress主题都集成了为新增加文章添加”NEW”标志,这个有些喜欢、有些不喜欢;如果你使用的wordpress主题没有这么一项功能,自己动手添加一下还是可以的。好处就是能够让老访客一眼就能找到网站最新的内容,嘿嘿。这里本站为大家收集到增加最新提示,方法很简单。我们所需要做的就是将下文提供的代码放在你想让其显示的位置,如首页列表的文章标题后(多为

中间),或者小工具文章列表等等,这些需要到相对应的文件中去添加哦。

文字提示代码

简单的一点的就是直接输出一个英文单词 NEW

图片版提示代码

比较美观一点的,我们可以单独做一个提示图片。

美化版

相对图片版直接输出图片,选择了在CSS中设置提示图片,这样能很好的控制提示图片的显示位置,搭配相应的图片,达到更好的视觉效果。在标题的右上角,一个合适的角标,毫无违和感。

html代码,放到首页文章列表标题前面

css代码写入style.css中

  1. .new–post {
  2. background: url(img/new.png) no–repeat;
  3. position: absolute;
  4. width: 44px;
  5. height: 45px;
  6. right: –3px;
  7. top: –3px;
  8. z–index: 10;
  9. }

在修改的时候请把文件备份一下,以防止出错的时候能够及时的恢复。其实很多时候就是自己瞎折腾,慢慢来吧!另外不是说网站非要增加这些小功能,功能越多,越占用资源,限制过多的服务器可能会出现各种问题,所以请根据自己的需求合理选择吧。

推荐站内搜索:私服网站空间、me域名、注册域名、动态vps秒换ip、服务器租用美国高防、icp备案查询系统、双线空间、上海虚拟主机、域名查下、免备案cdn加速、