广告位招租
当前位置:首页>自媒体>干货分享>经验教程>给你的WordPress添加各种颜色背景的信息提示框,已将按钮插入文章经典编辑器

给你的WordPress添加各种颜色背景的信息提示框,已将按钮插入文章经典编辑器

这个功能吧,说有用也有用,说没用也没用,看自己喜欢吧,偶尔用用还是不错的

我以前用过使用HTML代码插入提示框的,很麻烦,不如不用

但这个不同,已将提示框按钮插入文章经典编辑器了,直接点一下就能插入,你懂的撒~

各种颜色背景的提示框示例

蓝色信息提示框

蓝色信息提示框内容

黄色警告提示框

黄色警告提示框内容

绿色成功提示框
【广告位招租】联系站长合作

绿色成功提示框内容

红色错误提示框

红色错误提示框内容

紫色笔记提示框

紫色笔记提示框内容

棕色引用提示框

棕色引用提示框内容

以上是默认的可关闭不可折叠的各种颜色提示框实例!

这是可折叠不可关闭提示框

这是可折叠不可关闭提示框内容

这是可折叠可关闭提示框

这是可折叠可关闭提示框内容

这是不可折叠不可关闭提示框

这是不可折叠不可关闭提示框内容

一共6种颜色两种3种功能,已嵌入文章经典编辑器

给你的WordPress添加各种颜色背景的信息提示框,已将按钮插入文章经典编辑器

插入提示框的方式

打开经典编辑器后可使用快捷键快速插入Alt+Shift+I/W/S/E/N/Q

快捷键可自由修改,使用快捷键插入的是默认可关闭不可折叠提示框

我还是比较喜欢手动插入,没必要那么快嘛,又不赶时间~

添加提示框功能的方法

在子主题的functions.php文件中添加代码:

在子主题的Assets/js文件夹中上传tcbdb-alert-editor.js文件

在子主题的Assets/css文件夹中上传tcbdb-alert-editor.css文件

两个文件已打包,需要的自己下载

需要注意的是,文件必须放在子主题中,因为functions.php里写的是子主题的路径

当然,你也可以修改路径,包括颜色、图标等等都可以自由DIY~

下载权限
查看
  • 免费下载
    评论并刷新后下载
    登录后下载
  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

本文标题:给你的WordPress添加各种颜色背景的信息提示框,已将按钮插入文章经典编辑器

本文链接:https://tcbdb.com/915.html

声明:本站所有文章,如无特殊说明或标注,均为本站原创或用户投稿发布。任何个人或组织,在未征得本站或作者同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA充电
共{{data.count}}人
人已充电
经验教程

给B2主题的VIP用户等级和普通用户等级标识美化一下,支持自定义图标和颜色

2026-5-21 3:36:43

生活杂谈

有人曾为你撑伞,记得心怀感恩;如果没有,那就从自己开始

2026-4-26 12:44:26

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
音乐播放