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

诗梦
420
文章
723
评论
2018年7月29日19:10:21 6 9.1K 次浏览 2450字阅读8分10秒
广告

心灵毒鸡汤:

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编辑器添加彩色提示框短代码
[mom-cs]绿色美化框[/mom-cs]
[mom-sv]红色美化框[/mom-sv]
[mom-sb]灰色美化框[/mom-sb]
[mom-sn]黄色美化框[/mom-sn]
以下是记录自用代码:

输入密码查看隐藏内容:

  • 赞助本站
  • 三合一收款码
  • weinxin
  • 赞助本站
  • 三合一收款码
  • weinxin
云翼计划
云计算普惠校园计划,助力学生的辉煌明天!
  • 文本由 发表于 2018年7月29日19:10:21
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接

评论已关闭!

评论:6   其中:访客  4   博主  2
    • avatar 地方而发热发热 0

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

      • avatar 诗梦 Admin

        自用的不合适你

        • avatar 诗梦 Admin

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

          • avatar 绝版黑色 1

            我这个是用的插件。

            • avatar Jing.Ly 0

              到此一游 :evil:

              • avatar ↘林 1

                666,企鹅seo博客到此一游