WordPress程序小工具系列中自带的标签云前台显示样式不是我们想要的样子,我们可以自定义一个函数来修改标签云样式,然后使用widget_tag_cloud_args
钩子挂载自定义函数。参考:
现在WordPress推出了区块编辑器,增加了标签云功能,所以以前的这种自定义标签云样式的方法不在适用了。
将下面的代码添加到functions.php文件中,可以实现标签云的自定义:
/**
* Custom `core/tag-cloud` block.
*
* @author 智慧宫
* @link https://lerm.net.
*/
function lerm_tag_cloud( $args ) {
$args = array(
'smallest' => 8, // 最小字号
'largest' => 22, // 最大字号
'unit' => 'pt', // 字号单位,可以是pt、px、em或%默认为pt;
'number' => 45, // 显示个数,默认为45;
'format' => 'flat', // 列表格式可以是flat、list或array默认为flat;
'separator' => "\n", // 分隔每一项的分隔符
'orderby' => 'name', // 排序方式 name或count(按标签使用次数排列)默认为name;'tag_cloud_sort' 钩子也可以实现相同的功能
'order' => 'ASC', // 升序或降序ASC或DESC默认为ASC
'exclude' => '', // 结果中排除某些标签
'include' => '', // 结果中只包含某些标签
'link' => 'view', // taxonomy链接,view或edit默认为view
'taxonomy' => 'post_tag', // 调用哪些分类法作为标签云
'post_type' => '', // 文章类型。用于突出显示链接编辑页面上的正确文章类型菜单。默认为与分类法关联的第一个文章类型。
'echo' => true, // 返回或者输出
'show_count' => 0, // 是否显示文章数量,默认为0,可选0,1
);
$tags = get_tags();
$return = wp_generate_tag_cloud( $tags, $args );
return $return;
}
add_filter( 'wp_tag_cloud', 'lerm_tag_cloud', 10, 1 );
代码示例
WordPress主题 (30) WordPress (27) iPhone (9) 苹果 (9) iOS 9 (9) javascript (7) 古腾堡 (7) iOS (6) CSS (6) Windows 10 (5) Widget (5) Gutenberg (5) WordPress插件 (4) XAMPP (4) Sublime Text (4) jQuery (4) Gravatar 头像 (4) iPhone6 (3) bootstrap 4 (3) WordPress图片 (3) WordPress 5.2 (3) Windows (3) 淡入淡出 (3) Fetch API (3) Firefox (3) Twenty Seventeen (3) WordPress菜单 (3) wp_body_open (3) Apple Pay (3) 轮播图 (3) 隐私 (3) TinyMCE (3) 区块 (3) 分类目录 (3) 诗歌 (3) 备忘录 (2) 注册码 (2) SEO (2) HTML标签 (2) 工具 (2) get_terms (2) PHP环境 (2) WordPress 5.0 (2) 开源 (2) 安全 (2)