• 欢迎访问亿网部落,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏亿网部落吧!
  • 欢迎光临亿网部落 www.26yi.com 互联网分享精神,专注收藏分享!
  • 欢迎加入亿网部落 官方QQ群 第一时间通知最新更新的资源! ①群:xxx ②群:xxx
  • 亿网部落 广告位 火热招商中 原价20元/月 现价只需10/月 需要联系QQ:476507773

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

wp教程 亿网部落 4年前 (2015-02-24) 1500次浏览 已收录

概述
开发定制的时候肯定会对文章内容的样式进行个性定制,但 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’ );

打赏

乐趣公园 , 版权所有丨本网站资源均来自网络,如果侵犯了你的权益请联系我,我会尽快处理你的问题丨本网站采用BY-NC-SA协议进行授权 , 转载请注明为 WordPress 的可视化编辑器添加样式实现实时预览
喜欢 (0)
[476507773@qq.com]
分享 (0)
关于作者:
喜欢互联网,喜欢分享,喜欢贴吧,喜欢折腾火狐,喜欢玩新玩意。在下面这些网站,你可能也会发现我的哈。