WordPress美化小技巧 为新文章标题及内容页面添加NEW图标
![]() | ![]() | ![]() | ![]() |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |

许多WordPress站点在新文章前有醒目的标志,于是蜗牛也搜了一些关于如何为WordPress新文章加”NEW”最新标志的方法。细心的朋友会发现,蜗牛789首页确实加了一些醒目图标,让整体布局显得更加美观醒目。在此文章中蜗牛为大家分享一个WordPress美化小技巧,如何为新文章添加及侧边栏标题添加醒目图标。
一、添加侧边栏标题图标1、添加后效果如下图。
2、添加方法。方法很简单,首先我们要准备好图片素材,大家可以点击这里到此网站去找。然后再在小工具侧边栏的标题添加下面代码即可。把“https://www.wn789.com/wp-content/uploads/2018/01/5-130919100015.png”改成你图标的地址。
<img src=\'https://www.wn789.com/wp-content/uploads/2018/01/5-130919100015.png\' />二、文章内容NEW图标1、蜗牛介绍的此方法是为新文章在文章标题上添加“NEW”图标,24小时后自动取消,显示效果如下。
2、添加方法。方法很简单,只需在主题“single.php”文件的“<?php the_title(”); ?>”前面添加下面代码。注意把https://www.wn789.com/wp-content/uploads/2018/01/5-120601152048.png改成你自己图标地址。图标可以点击这里在此网站找。
<?php date_default_timezone_set(\'PRC\'); $t1=$post->post_date;$t2=date(\"Y-m-d H:i:s\");$diff=(strtotime($t2)-strtotime($t1))/3600;if($diff<24){echo \"<img src=\'https://www.wn789.com/wp-content/uploads/2018/01/5-120601152048.png\' />\";} // new.gif 替换成你的图片else{echo \"\";} //时间超过时候显示空白?>三、文章标题NEW图标
1、其实关于WordPress新发布文章24小时内标题加“NEW”图标的方法,网络中介绍的文章有很多,但基本都是大同小异。蜗牛今天要介绍的方法修改后如下图:
2、修改方法。一般是通过在主题“index.php”文件的“<?php the_title(”); ?>”后面添加如下代码。请把https://www.wn789.com/wp-content/uploads/2018/01/5-120601154100.gif改成你自己图标地址。
date_default_timezone_set(\'PRC\');<?php $t1=$post->post_date;$t2=date(\"Y-m-d H:i:s\");$diff=(strtotime($t2)-strtotime($t1))/3600;if($diff<24){echo \"<img src=\'https://www.wn789.com/wp-content/uploads/2018/01/5-120601154100.gif\' />\";} // new.gif 替换成你的图片else{echo \"\";} //时间超过时候显示空白?>3、但是有的主题不一样,就拿DUX来说,通过修改主题“index.php”文件是无法实现的,需要修改“excerpt.php”文件。我们只需在“echo ‘<h2><a’._post_target_blank().’ h=”‘.get_permalink().\’” title=”‘.get_the_title().get_the_subtitle(false)._get_delimiter().get_bloginfo(‘name’).\’”>’.get_the_title().get_the_subtitle().\'</a></h2>’;”后添加下面代码即可:
date_default_timezone_set(\'PRC\');$t1=$post->post_date;$t2=date(\"Y-m-d H:i:s\");$diff=(strtotime($t2)-strtotime($t1))/3600;if($diff<24){echo \"<img src=\'https://www.wn789.com/wp-content/uploads/2018/01/5-120601154100.gif\' />\";} // new.gif 替换成你的图片else{echo \"\";} //时间超过时候显示空白DUX无限制版下载方法蜗牛789博客DUX无限制版本下载方案,使用微信扫描下面二维码关注蜗牛789微信公众号。注意是关注微信公众号, 微信公众号每天晚上推送当日热门促销活动。然后在微信公众号回复“DUX主题”即可获取下载链接。100%服务器下载版本,绿色无毒。
[WordPress美化小技巧]历史优惠活动内容
猜你可能想看的VPS
- 来自 Discuz 的经典 php 加密&解密函数 AuthCode()全球[VPS测评]
- 死海网络互联洛杉矶 gia 特价重整上线,电信单线双程 GIA 联通移动全球[VPS测评]
- 九个格子中间偏下的两个格子中分别写着正和怀是什么成语?全球[VPS测评]
- vh.net - 主打日本高端机房 E3-1270 16GB 800G 日本VPS[主机]
- TmhHost 黄金周活动,充值返 10%,日本软银 韩国 CN2 洛杉日本VPS[主机]
- 投稿 数脉科技四月促销→E3-1230v2 16G 240G SSD 1香港VPS[主机]
- 便宜 $2 月 512M 内存 20G SSD 1Gbps 不限流量 K全球[VPS测评]
- 五折大促!桔子 VPS 美国 Cn2 Gia,1 核 1G 100M 带美国VPS[主机]
- [11.11]恒创科技香港云服务器 独立服务器 4 折起 充值最高返 1独立服务器[U]
- linux 删除文件夹命令全球[VPS测评]
- 疯狂猜成语 图猜成语一个人对着一张纸拍胸大笑是什么成语?全球[VPS测评]
- 疯狂猜成语 图猜成语繁体的声和响字都有一个红叉是什么成语?全球[VPS测评]
- friendhosting→11 周年庆 5 折优惠 多送一倍时间 VP全球[VPS测评]
- ioncloud→8 折优惠 圣何塞 cn2 云服务器 带 WindowWINDOWS
- LH.pl → 37€ 月 波兰 1C4G50G硬盘 不限流量 免费备份全球[VPS测评]
- TPE海缆故障通报-完成修复全球[VPS测评]
- 修罗香港IPLC → 1核 256M内存 单向50GB 15mbps →香港VPS[主机]
- HTML5绿色有机食品电商网站模板 - Organtio全球[VPS测评]
- 碳氧云,香港vps路由调整为沙田cn2,特价款6核6G仅80元/月香港VPS[主机]
- 全球云lovps,香港CN2线路vps 新品七折月付49元香港VPS[主机]
- 创意加载进度HTML动画特效,SVG+CSS3实现的动画死神来了load全球[VPS测评]
- 云计算的大门依旧没向雷军敞开全球[VPS测评]
- 为什么阿里云、腾讯云卖服务器可以挣到钱?全球[VPS测评]
- UCloud海外云服务器促销:全场1折起,香港cn2vps最低年付150香港VPS[主机]
- 拼多多回应筹备跨境电商业务:不予置评全球[VPS测评]
- CMCUCT:2核2GB/20GB香港ntt线路vps 6TB流量/1G香港VPS[主机]
- 一个纯CSS ToolTip提示工具组件,鼠标悬停的时候会出现气泡文字提全球[VPS测评]
- Bloggar-移动端友好的新闻博客类HTML5模板全球[VPS测评]
- Hostkvm:香港/韩国CN2云服务器 大带宽VPS 2核4G,$7.韩国VPS[主机]
- HostKvm:韩国香港vps10月份最新促销,海外VPS全场八折优惠韩国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-128520.html











