手札

wordpress后台编辑器添加自定义字体

此方法适用于wordpress的经典编辑器，未在块编辑器中测试。WordPress自带的TinyMCE编辑器，用于后台的编辑功能。对于常规的文字编辑完全可以满足，但是毕竟功能过于简介，所以插件中心就有了各种编辑器增强插件，我们这里主要介绍利用代码的方式来增加自定义字体的功能，自定义字体除了看起来不错之外，还可以提升网站的美观度，创建品牌形象并增加用户在网站上花费的时间。

将如下代码加到wordpress主题的functions.php文件中：

function hx_custum_fontfamily($initArray)
{
    $initArray['font_formats'] = "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';";
    return $initArray;
}

add_filter('tiny_mce_before_init', 'hx_custum_fontfamily');

WordPress默认经典编辑器是没有选择字体功能，所以还需要把下面代码也一同加到 functions.php 模板文件中：

function hx_enable_more_buttons($buttons)
{
    $buttons[] = 'styleselect';
    $buttons[] = 'fontselect';
    return $buttons;
}

add_filter("mce_buttons", "hx_enable_more_buttons");

如果你的wordpress中安装过其他的编辑器扩展，那么就不需要添加上面这段代码了。

注意：加载太多字体会拖慢网站的速度。我们建议选择两种字体并在网站上使用它们。