WordPress子比主题 文章列表右上角添加置顶+新文章发布ICON图标admin3个月前更新关注私信17510 百度已收录 广告 广告 广告 公告:荻酷网每天不定时为大家更新各种实用技术教程、编曲资源,脚本源代码,插件,软件应用等资讯、绝大部分资源都包更新及经过亲测演示,下载荻酷网客户端、获取最新资源不迷路。 下载说明:如果是种子链接请下载专用工具进行下载,其它网盘链接可直接访问下载。 教程简介: wordpress子比主题文章发布后会在文章表右上角显示ICON图标,大多数网站都有这个美化,但是有很多不太一样的地方,今天分享给大家,右上角的角标大家可以根据自己的喜好进行更换。 相关图片: 教程如下: 图片素材: 此处隐藏内容 1、在子比主题目录下“func.php”(子比主题推荐放这里)或者“functions.php”,在合适位置放下面PHP代码。 /** * 新文章发布New小图标 */ function tianyishangke_post_newicon($post){ //date_default_timezone_set('PRC'); $wiui_date = date("Y-m-d H:i:s"); $wiui_post_date = get_the_time('Y-m-d H:i:s', $post); $wiui_diff = (strtotime($wiui_date)-strtotime($wiui_post_date))/3600; if($wiui_diff<24){ $wiui_new_icon = '<div class="tianyishangke-new-icon"><img src="图标链接" draggable="false" alt="最新文章" /></div>'; }else if (is_sticky()){ $wiui_new_icon = '<div class="tianyishangke-new-icon"><img src="图标链接" draggable="false" alt="置顶文章" /></div>'; }else{ $wiui_new_icon = ''; } //开始输出 return $wiui_new_icon; } 上面代码中的图标链接自己修改。 2、在子比主题目录下“/zibll/inc/functions/zib-posts-list.php”文件中,放在获取文章列表标题内,大概440行的文章放入下面PHP代码(看图) $html .= tianyishangke_post_newicon($post);//置顶文章icon图标函数 CSS代码: /*新文章发布图标样式*/ .posts-item{position: relative !important;} .tianyishangke-new-icon{position: absolute;height: 35px;right: 0;top: 0;} .tianyishangke-new-icon img{-webkit-user-drag: none;} 温馨提示:本文最后更新于2024-05-05 20:06:11,某些文章具有时效性,若有错误或已失效,请在下方留言 ©版权声明 相关声明 1 本站名称:荻酷网 2 本站永久网址:https://cndkk.com/ 3 本文内容仅为技术科普,请勿用于非法用途。 4本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。 5 根据《计算机软件保护条例》第十七条,本站所有软件请仅用于学习研究用途。 6 本文内容未隐讳任何个人、群体、公司。非文学作品,请勿用于阅读理解的练习。 7 本网站的文章部分内容收集来源于网络,仅供大家研究学习与参考,如有侵权,请联系站长djxinhai@gmail.com进行删除处理。 感谢您的阅读图文教程教程# wp教程 五月 5 本站历史上的今天 "吼吼~~~,往年的今天站长不知道跑哪里偷懒去了~~~" 点个小爱心支持一下吧点赞10赞赏 分享QQ空间微博QQ好友海报分享复制链接收藏1