WordPress导航菜单添加小字hot、new、推荐等

如果你看到别人的WordPress网站,导航菜单有小字,也叫角标,自己不知道怎么添加,那么下面的教程可以让你也用上。

比如我网站上的限时优惠和感谢打赏这两个小字都是一样的方式实现的,效果如下

WordPress导航菜单添加小字hot、new、推荐等

 

要想达到上面的效果只需要在菜单里加入代码就可以实现。

比如感谢打赏这几个字(你也可以改成推荐、hot、new等文字)

在主题设置+自定义CSS里面加入如下代码即可实现哦!

.menu-item.hot:after {
background-color: red;
border-radius: 3px;
color: #fff;
content: "HOT";
font-size: 10px;
line-height:1;
padding: 1px 3px;
position: absolute;
right: -1px;
top: 12px;
}

原创文章,作者:mantou,如若转载,请注明出处:https://v2ez.com/47.html

(0)
mantoumantou
上一篇 2021年3月21日
下一篇 2021年3月27日

相关推荐

  • “无痕测试,基准系统,一键导出”,NodeQuality测试脚本发布

    新脚本是原NodeBench脚本和粘贴板的升级项目,实现了一些关键特性升级: 全面拥抱脚本方案,补充其他测试信息,减少重复测试 切换到一个专用的临时准系统内测试,测完自动清理,极致…

    代码程序 2025年3月24日
  • 用cloudflare Workers 部署美团图床

    Demo 开发计划 后台管理 鉴黄 画廊 referer、IP黑名单优点无限图片储存数量,你可以上传不限数量的图片 无需购买服务器,托管于Cloudflare的网络上,当使用量不超…

    2024年5月12日
  • IP 查询新选择

    分享一个自己利用 cf wk 搭的,后台用的是 vip 版本的数据库,每日更新,哪天没钱续费了可能就黄了。 查当前 ip 信息 curl https://iplookup.forb…

    代码程序 2023年11月1日
  • Linux中解决cannot access ‘\r’: No such file or directory

    碰到这种情况,是因为脚本文件在windows环境下编辑过后再上传到linux服务器导致换行符格式不对。使用dos2unix命令行即可解决。 进入root用户后,使用yum inst…

    代码程序 2021年4月12日
  • 解锁ChatGPT,给你的vps添加原生IP

    ChatGPT现状ChatGPT目前封锁了绝大多数的数据中心IP,倘若你现在正好在使用vps作为主力代理,那么应该会在ChatGPT首页看到无法使用的封锁消息!现在,又有了一个新的…

    代码程序 2023年5月2日
  • 富士 XF56mm F1.2 R WR

    富士 XF56mmF1.2 R WR 最近买了一只镜头,主要原因是X100V 夜拍能力太差,晚上拿起相机想快速拍一张的时候大概率是糊的,要么就拉高ISO 全是噪点。对富士镜头群不了…

    2023年9月7日
  • 一键查看浏览器中保存的明文密码

    有时候为了方便,总是把密码让浏览器把密码记住,这样时间久了可能就会忘记密码。今天就分享一个利用收藏JS代码的方法让密码明文化。 使用方法 在浏览器新建一个新的标签(收藏夹), 把下…

    2021年4月3日
  • 利用cloudflare的workers反向代理onemanager

    由于在国内访问巨硬的onedrive,速度实在是不太理想,大多数地区下载可能就仅仅比某度盘好那么一点点,而世纪互联又太贵(tj什么时候翻车?),所以只好用上cf的workers来给…

    2021年4月4日
  • Azure双栈网络及纯IPV6教程

    前情提要: 采用Cli或者第三方API面板开机可实现双栈网络,本教程为Azure网站手动配置,可避免使用API被风控。我用于演示的服务器是 基本 动态 IPV4 的香港机器,其它情…

    2024年3月6日
  • 利用jsdelivr和github搭建免费又好用的全球节点CDN

    什么是jsDelivr 官网地址:https://www.jsdelivr.com/众所周知国内一些如阿里云,腾讯云,七牛云,又拍云超过一定额度都会产生费用,我记得几年前用七牛云一…

    2021年3月27日

发表回复

登录后才能评论