区块编辑器标签云 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://www.hanost.com.
 */
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主题 WordPress 苹果 iOS 9 iPhone iOS Windows 10 小工具 CSS javascript 古腾堡 Sublime Text Gravatar 头像 WordPress图片 WordPress插件 bootstrap 4 XAMPP Fetch API Firefox Windows TinyMCE Gutenberg

如果您觉得有用就请点赞和分享
0

发表评论

游客欢迎您