1 问题排查
有个想做网络推广的朋友,最近开始学习用WordPress建站。
启用 TinyMCE 编辑器 插件,在 TinyMCE 编辑器 插件的设置里,遇到这样的问题 ▼
创建CSS样式菜单
若出现以上情况,WordPress可视化编辑器,可能无法显示我们想要的代码样式风格,比如:
editor-style.css
文件,是否在WordPress主题的根目录中?当我们在WordPress后台中编辑文章时,由于css样式问题,所以前台和后台显示不一样……
但Wordpress 3.0之后的版本,具有非常好的功能:
如果我们打开Wordpress的默认主题Twenty Eleven,我们可以看到有一个这样的html注释和代码 ▼
//此主题使用editor-style.css为可视化编辑器设置样式,以匹配主题样式 add_editor_style();
第 1 步:创建editor-style.css文件
第 2 步:将以下代码添加到editor-style.css文件里 ▼
@import url('../style.css'); body { margin: 14px; max-width: 702px; } .post-content { font-size: 14px; }
第 3 步:将editor-style.css文件,复制到你的WordPress主题的根目录中。
第 4 步:添加以下代码到functions.php文件里 ▼
add_action( 'after_setup_theme', 'my_theme_setup' ); function my_theme_setup() { add_editor_style(); // 对于块编辑器 add_theme_support( 'editor-styles' ); }
第 5 步:刷新WordPress文章编辑页面
如果你的WordPress主题,没有给“引用标签 blockquote ”、“代码标签 pre/code”加上CSS样式,就需要自己在WordPress主题的 style.css 文件里添加对应的CSS代码。
详情请查看以下建站教程 ▼
blockquote怎么用?HTML中blockquote标签demo效果
在WordPress文章编辑中,有一个常见的“块引用” 按钮▼使用后,它会在所选段落中添加一个<blockquote>标记,以调用一些引用的语句或突出显示。blockquote是什么意思?以下是陈沩……
CSS样式里pre是什么?HTML中pre自动换行code标签作用
我们用WordPress建站需要学习一些CSS 和 HTML的基础知识:由于某些WordPress主题的CSS样式文件,并没有加入 pre 和 code 标签样式。 大多数浏览器目前支持<pre>标记。H……
希望我们网站( https://www.wordpressx.com/ ) 分享的《已禁用:主题未添加名为editor-style.css的样式表文件?》,对您有帮助。