WordPress编辑器添加彩色提示框短代码

2018年7月29日19:10:21 6 649人围观

给WordPress编辑器添加彩色提示框短代码教程来自网络,把提示图片去掉了还有太丑的颜色也删掉掉了只剩下四个还不错的?以上都是废话。
WordPress编辑器添加彩色提示框短代码
教程:
把代码添加到主题目录下的functions.php文件里,begin主题放在最下面其它主题随意。
代码:

  1. //短代码信息框//  
  2. function toz($atts$content=null){
  3.     return '<div style="color: #7da33c; background: #ecf2d6 -1px -1px no-repeat; border: 1px solid #aac66d; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px;">'.$content.'</div>';
  4. }
  5. add_shortcode('mom-cs','toz');
  6. function toa($atts$content=null){
  7.     return '<div color: #ad9948; background: #fff4b9 -1px -1px no-repeat; border: 1px solid #eac946; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px;">'.$content.'</div>';   
  8. }    
  9. add_shortcode('mom-sv','toa');   
  10. function toc($atts, $content=null){   
  11.     return '<div color: #c66; background: #ffecea -1px -1px no-repeat; border: 1px solid #ebb1b1; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px;">'.$content.'</div>';
  12. }
  13. add_shortcode('mom-sb','toc');
  14. function tob($atts$content=null){
  15.     return '<div color: #777;  background: #eaeaea -1px -1px no-repeat;  border: 1px solid #949fd8;  overflow: hidden;  margin: 10px 0;  padding: 15px 15px 15px 35px;">'.$content.'</div>';
  16. }
  17. add_shortcode('mom-sn','tob');

调用:
WordPress编辑器添加彩色提示框短代码

绿色美化框

红色美化框

灰色美化框

黄色美化框

以下是记录自用代码:
查看加密内容关注微信公众"小诗梦"回复:"3791"即可获密码, WordPress编辑器添加彩色提示框短代码

发表评论

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

目前评论:6   其中:访客  4   博主  2

    • avatar ↘林 来自天朝的朋友 辽宁省 联通 1

      666,企鹅seo博客到此一游

      • avatar Jing.Ly 来自天朝的朋友 广西 移动 0

        到此一游 :evil:

        • avatar 绝版黑色 来自天朝的朋友 江苏省常州市 电信 1

          我这个是用的插件。

            • avatar 诗梦 [博主] 来自天朝的朋友 广西 移动

              @绝版黑色 插件太大了٩?ི۶

            • avatar 诗梦 [博主] 来自天朝的朋友 中国 移动

              自用的不合适你

              • avatar 地方而发热发热 来自天朝的朋友 黑龙江省佳木斯市 联通 0

                WordPress编辑器添加彩色提示框短代码