首页 > Web开发 > 详细

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

时间:2019-09-20 18:32:57      阅读:111      评论:0      收藏:0      [点我收藏+]

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`样式

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!