2021年06月18日 21:17 1485 举报
仿站长社区热门话题wordpress云标签布局样式+ 分享一个源码
wordpress主题开发过程中很多人都会开发各种类型的云标签样式,但是大多数样式都是左对齐右侧长短不一的风格,分享一下站长社区云标签样式效果代码

PHP代码

$tags = get_tags(array('number'=>20,'orderby'=>'rand'));
$tagsLi = '~';
if(!empty($tags)) {
    $tagsLi = '';
    shuffle($tags);
    foreach ($tags as $tag) {
        $tagsLi .= '<span style="background:rgb('.rand(100,150).','.rand(180,220).','.rand(200,240).')"><a title="'.$tag->name.'" target="_blank" href="'.get_tag_link($tag->term_id).'">'.$tag->name.'</a></span>';
    }
}
//使用普通获取标签的方式获取的标签

HTML代码

<div class="TAGS"><?=$tagsLi;?></div>

CSS代码

顺便测试下支付功能

把css代码加载到通用文件中即可看到想要的标签云效果啦

本文链接:https://www.zhanzhangshequ.com/122.html [ 点击复制 ] 喜欢(0) 收藏(0)
您需要 [ 登录 ] 后方可进行评论或回复
    很明显 沙发是空的 您看着办吧~
最新签到
时间 09:22:20签到 16次
时间 09:04:35签到 13次
时间 14:38:25签到 1次
时间 11:01:05签到 16次
时间 15:52:51签到 16次
时间 17:03:13签到 4次
时间 20:44:52签到 1次
时间 15:27:10签到 4次
最新来访
来访 895次 引流 32次
备案号皖ICP备13016897号-16
京公网安备34060002040025号
©2020-2021 BY 站长主题