WordPress 短代码:实现文章添加彩色美化框 引用框体特效

2017年9月22日17:02:40 5 939 views
本文最后更新于2018年8月24日,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

以前用的主题都自带有简码,也在多个博客都看到这种彩色美化框,感觉好看,而且把文章分得很有层次感、突出内容等...

效果展示

绿色提示框

 

红色提示框

 

黄色提示框

 

灰色提示框

 

代码

一、编辑WordPress主题目录下的functions.php文件,添加如下代码并保存:

 

 

二、CSS美化代码:

添加到CSS中,或者直接在在主题设置——自定义代码——自定义CSS样式中加入

图标素材:

三、代码使用:

在文章编辑时插入以下代码即可,注意括号修改下("{"修改为"[")

  1. 绿色提示框:{v_notice]输入文字[/v_notice}
  2. 红色提示框:{v_error]输入文字[/v_error}
  3. 黄色提示框:{v_warn]输入文字[/v_warn}
  4. 灰色提示框:{v_tips]输入文字[/v_tips}
  • 微信小程序
  • 关注微信小程序
  • weinxin
  • 微信公众号
  • 关注微信公众号
  • weinxin
Honest1y

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:5   其中:访客  3   博主  2

    • avatar 宅小猫 3

      樱花哪里也有这个 :wink:

        • avatar 起风 博主

          @宅小猫 那个不要脸无耻之徒抄袭我的 :cry:

            • avatar 宅小猫 3

              @起风 去打他 :smile:

                • avatar 起风 博主

                  @宅小猫 下午已经打过了,跪地喊爸爸 :idea:

                    • avatar On the way°  2

                      @起风 这个B也是让你装的没谁了....
                      :idea: 爸爸一拳把你打的粘墙上抠都抠不下来