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

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中不勾选保留段落标签,就可以解决了

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

时间: 2024-10-04 00:10:29

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

html定义好的css样式不能被渲染

预期效果 实际效果,在浏览器中打开该html文件时,浏览器只显示左箭头,不显示右箭头 html代码如下 <!DOCTYPE html><html> <head>  <meta charset="utf-8">  <style type="text/css">   *{margin:0;padding:0;}   #container    {     width:600px;     height: 400

Nginx 下WordPress后台页面混乱

Nginx下wp后台css样式错乱的原因是nginx配置fastcgi_buffers问题引起.最近尝试着用WordPress做个网站,弄完丢到服务器上运行时,发现后台错乱,错位的问题,css样式无法加载. 以为是升级程序出现问题,但恢复备份替换新程序也无法解决,后台检查wordpress mysql数据库也无果,后来发现问题在于: http://blog.anepx.com/wp-admin/load-styles.php?c=1&dir=ltr&load=dashicons,admin

在 WordPress 指定页面加载指定 JavaScript 或 CSS 代码

如何添加自定义字段到主题 用你常用的代码编辑器打开你的 WordPress 主题的 header.php文件,找到<?php wp_head(); ?>这句代码,在其后面添加上: <?php if (is_single() || is_page()) { $head = get_post_meta($post->ID, 'head', true); if (!empty($head)) { ?> <?php echo $head; ?> <?php } }

Python 使用Google编辑css样式

使用google浏览器写css 1.使用pychram,创建一个html界面,使用Google运行,打开设置-更多工具-开发者工具 2.选中Elements,可看到html代码 3.编辑body,选中body,出现三个点(设置),点击Edit as HTML,可写标签,例如div 4.新增一个div标签 5.双击可以进行编辑 6.选择小尖头,选择渲染后的界面区域,可过滤到这个div的代码 7.给div标签添加类选择器,class='class1' 8.在head标签中添加一个style(css样

WordPress后台的文章、分类,媒体,页面,评论,链接等所有信息中显示ID并将ID设置为第一列

WordPress后台默认是不显示文章.分类等信息ID的,查看起来非常不方便,不知道Wp团队出于什么原因默认不显示这个但可以使用Simply Show IDs插件来实现 不使用插件,其他网友的实现: <?php /** *为WordPress后台的文章.分类等显示ID From wpdaxue.com * ID默认添加到列的后面 * http://www.wpdaxue.com/simply-show-ids.html * htl add 2015-01-16 */ //添加一个新的列 ID f

解决WordPress后台安装主题、插件图片不显示的问题

今天搭建wordpress发现现在主题的时候预览图片都没有了,于是搜索了一下,发现下面的这个方法确实管用,于是转载收藏. 有在WordPress后台安装主题.插件的小伙伴可能会遇到主题.插件图片不显示的问题,这给我们照成了不便.说到底还不是墙的问题,所以咱可以通过修改本地的hosts文件来决解. 决解方法 打开C:\WINDOWS\system32\drivers\etc目录里的hosts文件,将以下代码追加到hosts文件尾并保存,代码来自 Uazoh优佐生活 #wpCDN 93.184.21

原理与示例:php+mysql+jquery 生成静态网页(含后台编辑功能)

从Web的工作原理来看,用户访问HTML所带来的服务器负载要远小于访问动态页面,因为在前者中,服务器只用把对应的html代码发送给客户端即可,而在后者中,服务器则需要根据访问条件进行一系列的计算,然后生成html代码,最后把运算结果代码发送给客户端. 所以,对于访问量较大的宣传式网站(比如新闻类),要尽可能地使用静态页面. 另一方面,我们不可能让网站编辑人员来一个一个地手工制作这些HTML,那样就是回到多年前的纯静态时代了.我们可以用动态语言来方便.快捷地生成这些静态网页.而且,目前这一技术已经

WordPress 后台文章列表设置文章特色图片(缩略图)集成版

functions.php添加以下代码 /** * WordPress 后台文章列表设置文章特色图片(缩略图)集成版 * Plugin Name: Easy Thumbnail Switcher */ class doocii_Easy_Thumbnail_Switcher { public $add_new_str; public $change_str; public $remove_str; public $upload_title; public $upload_add; public

wordpress后台打开慢/卡顿的解决方法

---------------------2014年12月29日更新--------------------- 我已经用下面提到的第三种方法禁用了谷歌字体了,最近wordpress后台还是莫名奇妙地非常慢,卡顿感让我十分不爽,本着处女座追求完美的毛病,继续寻找原因. 这回是浏览器左下角一直显示“正在等待0.gravatar.com”,看样子问题还是出在gravatar头像上了,貌似是gravatar的服务被可恶的GFW给墙了!可是在wordpress上似乎没有办法完全删除gravatar相关的代