了解WordPress的tags标签自定义样式

在WordPress众多函数内,wp_tag_cloud()函数的作用是用来获取标签云的,该函数可以根据每个标签所关联的文章次数来定义字体大小、标签排序等属性。

从WordPress2.8版本开始,该函数添加了 分类法(taxonomy)参数,这就意味着,除了 标签(tags)以外,还可以将 分类(Categories) 或其他 自定义分类法(Custom Taxonomies)作为“云”显示。

但由于该方法把样式集合到了里面,使用起来不怎么友好,如果想自定义读取标签并修改展示样式该怎么做呢,那也是非常简单的,看代码实例,这里根据get_tags来获取:

$html = \'<ul class=\"post_tags\">\';
foreach (get_tags( array(\'number\' => 50, \'orderby\' => \'count\', \'order\' => \'DESC\', \'hide_empty\' => false) ) as $tag){
	$color = dechex(rand(0,16777215));
	$tag_link = get_tag_link($tag->term_id);
 
	$html .= \"<li><a href=\'{$tag_link}\' title=\'{$tag->name} Tag\' class=\'{$tag->slug}\' style=\'color:#{$color}\'>\";
	$html .= \"{$tag->name} ({$tag->count})</a></li>\";
}
$html .= \'</ul>\';
echo $html;

如果要求随机获取标签在首页显示,那可以使用以下代码,但这种做法貌似不利于seo,可得慎重使用

//获取随机标签
function get_rand_tags()
{
	global $post, $wpdb;
	$sql = \"SELECT * FROM {$wpdb->prefix}terms wt INNER JOIN {$wpdb->prefix}term_taxonomy wtt on  wt.term_id=wtt.term_id where wtt.taxonomy=\'post_tag\' ORDER BY RAND() LIMIT 20\";
	$related_posts = $wpdb->get_results($sql);
	$html = \'<ul class=\"post_tags\">\';
	foreach($related_posts as $tag)
	{
		$color = dechex(rand(0,16777215));
		$tag_link = get_tag_link($tag->term_id);
		$html .= \"<li><a href=\'{$tag_link}\' target=\'_blank\' title=\'{$tag->name} Tag\' class=\'{$tag->slug}\' style=\'color:#{$color}\'>\";
		$html .= \"{$tag->name} ({$tag->count})</a></li>\";
 
	}
	$html .= \'</ul>\';
	echo $html;
}

以上便是使用 wp_tag_cloud()函数来自定义WordPress的tags标签样式的相关WordPress教程,希望对您有帮助!

查看更多... 提高网络安全意识,养成良好上网习惯,网络下载文件先扫描杀毒。不要随意点击不明邮件中的链接、图片、文件,适当设置找回密码的提示问题。当收到与个人信息和金钱相关(如中奖、集资等)的邮件时要提高警惕。不要轻易打开陌生人发送至手机的链接和文件。在微信、QQ等程序中关闭定位功能,仅在需要时开启蓝牙。安装手机安全防护软件,经常对手机系统进行扫描。不随意连接不明Wi-Fi、刷不明二维码。保证手机随身携带,建议手机支付客户端与手机绑定,开启实名认证。从官方网站下载手机支付客户端和网上商城 应用。使用手机支付服务前,按要求在手机上安装专门用于安全防范的插件。登录手机支付应用、网上商城时,勿选择"记住密码"选项。通过网络购买商品时,仔细查看登录的网站域名是否正确,谨慎点击商家从即时通讯工具上发送的支付链接。谨慎对待手机上收到的中奖、积分兑换等信息,切勿轻易点击短信中附带的不明网址。资源收集自互联网,仅供用于学习和测试,请勿用于商业。资源如有侵权,请联系站长删除,敬请谅解!

原文
---内容结束💞请分享---
WWW.A5.ORG.CN
👉喜欢💞点赞👍分享🙏
点赞12 分享
相关推荐内容
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容