码迷,mamicode.com
首页 > Web开发 > 详细

wordpress后台编辑如何显示定义的`style.css`样式

时间:2019-09-20 19:21:18      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:pbr   直接   如何   php   刷新   解决   公司   pre   lock   

wordpress后台编辑如何显示定义的style.css样式

由于公司官网采用wordpress进行搭建,但是却又自己设计页面,无奈主题只能自行构建了,直接修改wordpress自带的主题进行修改。

问题

如何能够在可视化界面编辑时,直接显示需要展示的样式,而不是wordpress那一套呢?

解决

无意间在后台界面的设置中看到TinyMCE Advanced创建CSS样式菜单时,才能得以解决

  • 在主题页面新建一个文件 editor-style.css
  • editor-style.css中引入 style.css

      @import "style.css";
  • functions.php文件

      // Add support for editor styles.
          add_theme_support( 'editor-styles' );
    
          // Enqueue editor styles.
      // TODO: 需要修改为上面定义的文件名 editor-style.css
          add_editor_style( 'style-editor.css' );
  • 刷新页面,这样就能够在可视化界面中关联到了自定义的样式

解决页面总是被无形添加了 p/br标签

TinyMCE Advanced中不勾选保留段落标签,就可以解决了

wordpress后台编辑如何显示定义的`style.css`样式

标签:pbr   直接   如何   php   刷新   解决   公司   pre   lock   

原文地址:https://www.cnblogs.com/sinosaurus/p/11558675.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!