WP酷 WP酷
  • 主题
  • 教程
  • 插件
  • 官方 QQ 群
  • 建站推荐
  • 联系
  • nicetheme® 奈思主题
  • 注册
    登录
立即登录
  • 请到 [后台->外观->菜单] 中设置菜单
首页 › WordPress 教程 › 新版 WordPress TinyMCE 修改默认字体/字号/颜色

新版 WordPress TinyMCE 修改默认字体/字号/颜色

PCDotFan9年前

本文来自Solagirl,感谢分享。

WordPress 3.9使用TinyMCE 4.0版,钩子没怎么变,但tinymce 4.0本身有变化,所以与低于3.9的TinyMCE定制方法略有不同。本文列举几个常用的例子,文中所用代码添加到主题的Functions.php 中即可。

 

增加自定义Font Family

function customize_font_family($initArray){ 
  $initArray['font_formats'] = "Arial='Arial',Helvetica,Arial,sans-serif;Times New Roman='Times New Roman',Helvetica,Arial,sans-serif;宋体='宋体',Helvetica,Arial,sans-serif;仿宋='仿宋',Helvetica,Arial,sans-serif;仿宋GB2312='仿宋GB2312',Helvetica,Arial,sans-serif;楷体='楷体',Helvetica,Arial,sans-serif;黑体='黑体',Helvetica,Arial,sans-serif;华文新魏='华文新魏',Helvetica,Arial,sans-serif;隶书='隶书',Helvetica,Arial,sans-serif"; 
  return $initArray;
}
add_filter('tiny_mce_before_init', 'customize_font_family');

 以上代码我定义了:Arial、Times New Roman、verdana、宋体、仿宋、仿宋GB2312、楷体、黑体、华文新魏、隶书等几种字体。

 

修改字号

function customize_text_sizes($initArray){
   $initArray['fontsize_formats'] = "14px 15px 16px 17px 18px 19px 20px 21px 22px 23px 24px 25px 26px 27px 28px 29px 30px 32px 48px";
   return $initArray;
}
add_filter('tiny_mce_before_init', 'customize_text_sizes');

 

增加自定义文字颜色

function customize_text_color($initArray){
   $default_colours = '
    "000000", "Black",        "993300", "Burnt orange", "333300", "Dark olive",   "003300", "Dark green",   "003366", "Dark azure",   "000080", "Navy Blue",      "333399", "Indigo",       "333333", "Very dark gray",
    "800000", "Maroon",       "FF6600", "Orange",       "808000", "Olive",        "008000", "Green",        "008080", "Teal",         "0000FF", "Blue",           "666699", "Grayish blue", "808080", "Gray",
    "FF0000", "Red",          "FF9900", "Amber",        "99CC00", "Yellow green", "339966", "Sea green",    "33CCCC", "Turquoise",    "3366FF", "Royal blue",     "800080", "Purple",       "999999", "Medium gray",
    "FF00FF", "Magenta",      "FFCC00", "Gold",         "FFFF00", "Yellow",       "00FF00", "Lime",         "00FFFF", "Aqua",         "00CCFF", "Sky blue",       "993366", "Brown",        "C0C0C0", "Silver",
    "FF99CC", "Pink",         "FFCC99", "Peach",        "FFFF99", "Light yellow", "CCFFCC", "Pale green",   "CCFFFF", "Pale cyan",    "99CCFF", "Light sky blue", "CC99FF", "Plum",         "FFFFFF", "White"
';
$custom_colours = '
    "898989", "#898989", "666565", "#666565"
';
$initArray['textcolor_map'] = '['.$custom_colours.','.$default_colours.']'; // build colour grid default+custom colors
$initArray['textcolor_rows'] = 6; // enable 6th row for custom colours in grid
   return $initArray;
}
add_filter('tiny_mce_before_init', 'customize_text_color');

 本段代码摘自:http://stackoverflow.com/questions/23171247/add-custom-text-color-wordpress-3-9-tinymce-4-visual-editor

 

#WordPress#WordPress TinyMCE#WordPress编辑器
5
分享

本站下载管理系统「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 实现微信登录
评论 (6)
再想想
  • 超級efly

    我都不用所見即所得的…喜歡純代碼編輯器 :D

    9年前
  • __Air_

    代码什么字体都好

    9年前
  • 屠龙

    了解了。

    9年前
  • 环游地球八十年

    看不懂哈哈

    9年前
  • 乐心湖

    不懂哈

    9年前
  • 网站源码

    支持一下

    8年前
PCDotFan
站长
若无特别注明,则默认我发布的所有文章均为内容原创 / 翻译原创,转载时请保留来源。
435文章
859评论
3K获赞
猜你喜欢
为WordPress的可视化编辑器添加样式实现实时预览
9年前
自动删除WordPress文章修订版本
9年前
借助Github – 为WordPress插件添加自动更新功能
8年前
  • 杂记
  • WordPress 付费主题推荐
Copyright © 2023 WP酷. Designed by nicetheme. 琼ICP备13002067号-1