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
- 新商家慎重-Rabbithosts – 4 核 8G 内存 40G 硬盘全球[VPS测评]
- 促销 HostKvm→2019 年 8 月 全场八折 美国防御 VP美国VPS[主机]
- 大硬盘 VPS 70 每月 1G 内存 220G 硬盘 1.5T 流量全球[VPS测评]
- DogYun 圣何塞 gia 经典云上线,电信往返 gia,终身 7.8全球[VPS测评]
- 促销优惠 极光 KVM→4 月新增日本东京 CN2 产品 美国洛杉矶双向日本VPS[主机]
- CoalCloud→128 元 年 384MB 内存 8GB SSD 空虚拟空间(主机)
- ITLDC - BlackFriday 黑五 VPS4 折促销 9 机房全球[VPS测评]
- MoeCloud→129 元 月 2GB 内存 1TB 硬盘 不限流量 全球[VPS测评]
- 补货 CloudCone→512M 内存套餐 20 美元每年的套餐又补货全球[VPS测评]
- [11.11]者也 IO 全场云服务器 7 折加送内存 充 1000 送独立服务器[U]
- 速度抢购 搬瓦工 37.79 美元套餐限量补货 双向 CN2 GIA 线全球[VPS测评]
- 阿里云采购节云服务器选购攻略 国内香港免备案 89 元每年起香港VPS[主机]
- JinxHosts→55 元 月 256MB 内存 6GB SSD 空间虚拟空间(主机)
- 90VM→45 元 月 1GB 内存 8GB SSD 空间 1TB 流量虚拟空间(主机)
- 基于Vue.js的单栏wordpress博客模板全球[VPS测评]
- 搬瓦工VPS主机IP被封原因及应对方法全球[VPS测评]
- 搬瓦工VPS CN2方案和CN2 GIA-E 方案的选购建议全球[VPS测评]
- Nearoute-新春活动 充值赠金 小时计费 香港VPS 原生IP香港VPS[主机]
- 春天的风最容易温暖心灵,适合朋友圈和抖音的12条文案全球[VPS测评]
- SEO和网页加载速度有关系吗?如何提升?全球[VPS测评]
- Linux系统下安装Java JDK全球[VPS测评]
- 速云互联:香港/美国CN2 GIA线路/BGP/10Mbps/全场八折,美国VPS[主机]
- edgenat,低价年付促销活动,香港vps 4核8G仅300元/年,美美国VPS[主机]
- 什么是VPS?国内VPS有哪些?全球[VPS测评]
- 虾皮跨境电商怎么样?虾皮跨境电商靠谱吗?全球[VPS测评]
- 明恒互联:双旦同庆活动开启,100G国内高防云售价116元/月,香港云主香港VPS[主机]
- 腾讯云香港服务器优惠价格:4核8G5M新用户1508元,老用户2639元香港VPS[主机]
- 恒创科技:免备案香港/美国云服务器低至2.5折,仅需220元/年美国VPS[主机]
- 手帕云,便宜小带宽香港CN2 VPS,集群10G防御,双向CN2直连,仅香港VPS[主机]
- UCloud优刻得云服务器建站教程:香港云服务器购买优惠方法香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-128520.html











