WP酷 WP酷
  • 主题
  • 教程
  • 插件
  • 官方 QQ 群
  • 建站推荐
  • 联系
  • nicetheme® 奈思主题
  • 注册
    登录
立即登录
  • 请到 [后台->外观->菜单] 中设置菜单
首页 › WordPress 教程 › 为WordPress的可视化编辑器添加样式实现实时预览

为WordPress的可视化编辑器添加样式实现实时预览

PCDotFan9年前

来自多梦。开发定制的时候肯定会对文章内容的样式进行个性定制,但WordPress的可视化编辑器默认可不会载入你的样式,你需要为可视化编辑器载入你的自定义CSS样式,才可实现在可视化编辑器实时编辑实时预览。

我们只需要在主题下的functions.php文件加入以下代码即可把主题的CSS样式文件挂载到WordPress的TinyMCE可视化编辑器:

function dmeng_theme_add_editor_styles() {
add_editor_style('style.css');
}
add_action( 'init', 'dmeng_theme_add_editor_styles' );

 以上是载入主题的style.css文件,如果还需要载入其他CSS文件,请使用以下代码:

function dmeng_theme_add_editor_styles() {
add_editor_style('css/bootstrap.min.css');
add_editor_style('style.css');
}
add_action( 'init', 'dmeng_theme_add_editor_styles' );

 

4
分享

本站下载管理系统「dl.mywpku.com」因年久失修而永久关闭。若需获得往年主题,请至 WP酷的百度网盘(提取码: 5rbm) 自行搜索下载。默认解压密码为「www.mywpku.com」。

对您造成的不便,敬请谅解!

PCDotFan 站长
文章 435评论 859
相关文章
  • [6.0 更新中文汉化]极度流行的SEO插件 – WordPress SEO by Yoast
  • WordPress 新用户注册邮件链接提示「您的密码重设链接无效」
  • AMP – 为 WordPress 移动站点操作全球访问优化
  • 去除谷歌服务 – WordPress 国外主题全方位加速
  • 使用 WP-CLI 简化 WordPress 操作流程
  • WordPress 基础开发 – 一探 WordPress Hook 机制及示例应用
  • 优化静态资源 – WordPress 国外主题全方位加速
  • WordPress 实现微信登录
评论 (3)
再想想
  • 圣华设计

    过来做个沙发。嘿

    9年前
  • zthskyhao

    发射嘛

    8年前
  • 廖兴

    貌似挺有用的

    7年前
PCDotFan
站长
若无特别注明,则默认我发布的所有文章均为内容原创 / 翻译原创,转载时请保留来源。
435文章
859评论
3K获赞
猜你喜欢
WordPress 集成百度 Sitemap 实时推送代码
8年前
WordPress打造一个完整的投稿功能
9年前
PCKr & WordPress 配置全指南
8年前
  • 杂记
  • WordPress 付费主题推荐
Copyright © 2023 WP酷. Designed by nicetheme. 琼ICP备13002067号-1