如何在Widget标题中添加快捷码(字体棒)?

时间:2016-11-20 作者:Sahriar Saikat

我想在WordPress小部件标题的左侧显示字体真棒图标(已安装)。我发现这个短代码应该可以完成这项工作。

add_filter( \'widget_title\', \'do_shortcode\' );

add_shortcode( \'icon\', \'shortcode_fa\' );
function shortcode_fa($attr, $content ) {
return \'<i class="fa fa-\'. $content . \'"></i>\';
}
将此添加到后functions.php, 我应该能够在小部件标题中添加一个齿轮图标,下面的代码来自Appearence>Widget

[icon]cog[icon]
但它不起作用。

2 个回复
最合适的回答,由SO网友:cjbj 整理而成

我在安装中检查了您的代码。它可以工作,除了您输入了一个错误(缺少反斜杠):

[icon]cog[/icon]
注意事项:

您必须确保enqueue 字体是一些样式表。

你必须close the shortcode, 例如:[icon]cog[/icon]

记住escape 具有的类名esc_attr().

另一个快捷方式想法:[fa icon="cog"]

SO网友:Jared Chu

Full working code here!

将此添加到functions.php:

add_filter( \'widget_title\', \'do_shortcode\' );
add_shortcode( \'fa\', \'shortcode_fa\' );
function shortcode_fa($attr, $content ) {
    $icon = $attr[\'icon\'];
    return "<i class=\'fa fa-$icon\'></i>";
}
向小部件标题添加短代码:

[fa icon=copyright] Widget title text
结果:

enter image description here