区块编辑器标签云 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 );

代码示例

Apple Pay (3) bootstrap 4 (3) CSS (6) Fetch API (3) Firefox (3) get_terms (2) Gravatar 头像 (4) Gutenberg (5) HTML (2) iOS (6) iOS 9 (9) iPhone (9) iPhone6 (3) javascript (6) jQuery (4) PHP环境 (2) SEO (2) Sublime Text (4) TinyMCE (3) TinyMCE编辑器 (2) Twenty Seventeen (3) Widget (5) Windows (3) Windows 10 (5) WordPress (26) WordPress 5.2 (3) WordPress主题 (29) WordPress图片 (3) WordPress插件 (4) WordPress菜单 (3) wp_body_open (3) XAMPP (4) xampp官网 (2) 分类目录 (3) 区块 (3) 区块管理器 (2) 古腾堡 (7) 备忘录 (2) 安全 (2) 工具 (2) 模板编辑器 (2) 苹果 (9) 诗歌 (3) 轮播图 (3) 隐私 (3)

发表评论

游客欢迎您