欢迎光临
我们一直在努力

本网站使用的WordPress短代码,彩色按钮方案

[v_qing]使用短代码(shortcode)功能,为文章添加更多精彩[/v_qing]
html5_css_banner

前言

[v_notice]目前本网站采用的主题是欲思主题,但是主题本身并没有短代码方案,不过好在WordPress可以自己扩展功能,今天云落给朋友们推荐个简单的方案,其实是早就想写的,没啥时间[/v_notice]

函数代码

以下代码全部添加进function.php,怎么添加都知道吧

样式代码

CSS样式代码添加进主题style.css文件,你也可以自己新建一个css文件,然后在需要用到的地方引用,比如我就是在single.php里面引用的

添加进编辑器

[v_error]请将本段代码中的所有<改成[,否则不能用[/v_error]
欲思主题的话在js/my-quicktags.js添加一下代码

其他主题的其实也差不多

实际效果

[v_notice]这是一个淡绿色的提示框[/v_notice]
[v_error]这是一个红色的错误提示框[/v_error]
[v_warn]这是一个黄色的警告提示框[/v_warn]
[v_tips]这是一个低调的灰色提示框[/v_tips]
[v_blue]这是一个高调的蓝色提示框[/v_blue]
[v_act]蓝边文本框[/v_act]
[v_organge]橙色文本框[/v_organge]
[v_qing]青色文本框[/v_qing]
[v_pink]粉色文本框[/v_pink]
[gb href=”]绿色按钮[/gb]
[bb href=”]蓝色按钮[/bb]
[yb href=”]黄色按钮[/yb]
[dm href=”]连接按钮[/dm]
[dl href=”]下载按钮[/dl]
[gt href=”]开源按钮[/gt]

[music]音乐按钮[/music]

图片素材

sc_blue
sc_error
sc_notice
sc_tips
sc_warn
图片放在主题的img目录下,没有的话可以自己新建一个,如果不想新建新目录的话,自己在CSS里面修改路径

 

赞(0) 打赏
未经允许不得转载:微博客 » 本网站使用的WordPress短代码,彩色按钮方案

微助手微博客--关注互联网

联系我们捐赠我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏