WordPress纯代码文本标记使用多彩色颜色

  • A+
所属分类:资源分享
摘要

WP Tabel Tag Gen可以根据自己的需要往文章内插入表格、纯代码添加下载按钮可以让你文章的下载按钮更美观。此次和大家分享一个WordPress美化小技巧,纯代码为文章添加彩色美化框、及闪光按钮,并且在撰写新文章文本编辑模式添加相关按钮,后续直接点击按钮插入即可。

一、效果展示

使用本文中介绍的方法,大家都可以达到以下效果。

1、撰写新文章的文本编辑按钮展示。

2、文本彩色美化框展示。

绿色提示框
红色提示框
黄色提示框
灰色提示框
蓝色提示框
黑色提示框
虚线提示框

[sgbtn_orange href='']点击购买[/sgbtn_orange]
[sgbtn_lv href='']点击购买[/sgbtn_lv]
[gb href='']点击购买[/gb]
[bb href='']点击购买[/bb]
[yb href='']点击购买[/yb]

二、实现方法

1、在主题functions.php文件中添加下面代码。

2、修改CSS代码。我们在主题的style.css文件中或者main.css文件中添加下面代码。如果文本美化框前面的图标不正常显示,请把下面代码中“img/sc_notice.png”等4个图片改成图片网址即可正常显示。

3、所需素材下载。右键点击下面的素材图标保存到本地,然后再把图片上传到主题的img文件夹中,没有就自己新建一个文件夹。

发表评论

您必须才能发表评论!