区块编辑器标签云 core/tag-cloud 样式自定义

WordPress程序小工具系列中自带的标签云前台显示样式不是我们想要的样子,我们可以自定义一个函数来修改标签云样式,然后使用widget_tag_cloud_args钩子挂载自定义函数。参考:

WordPress tag cloud
WordPress tag cloud

现在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)

发表评论

游客欢迎您