emlog标签优化教程 - 标签数量、颜色、字体一贴搞定

emlog侧边栏标签优化显示教程，这个标题似乎很笼统，如何优化显示，主要是减少显示标签的数量，还可以加点颜色换下样式，让标签不显得单调。
现在很多博客的标签数量已经非常庞大了。如果全都都显示在侧边栏，会占很大的篇幅。下面详细的介绍一下减少标签的方法。
1、按指定标签数量随机显示：
打乱标签的数组，然后限制标签的数量。代码如下：

<?php
0 e; E. h) J" [# O# h0 g$ e
//widget：标签; S! |6 o- L& D6 n5 J# I) h
function widget_tag($title){
, N2 z- q. a- ~! ^$ ^
global $CACHE;* E; X2 e" J. E( D
$tag_cache = $CACHE->readCache('tags');: o1 @3 C- J% E* j' m
shuffle($tag_cache); //添加这行代码实现标签随机排序% D6 S- a6 U. Q6 N9 ^
$num='20';指定标签个数6 c& x: I: {8 F% n2 }) F+ w
?>
* Y: Y j7 ^8 F* E" E3 p
<?php foreach($tag_cache as $key => $value):if($key < $num):
4 `* C% ` H2 q) q; x/ Q
$color = dechex(rand(3355443,13421772));?> E% _3 W: s$ H4 s. J
<li class="tags"><a class="label" style="background:#<?php echo $color; ?>" href="<?php echo Url::tag($value['tagurl']); ?>" title="<?php echo $value['usenum']; ?> 篇文章"><?php echo $value['tagname'],' +',$value['usenum']; ?></a></li>
' `+ v9 }* R2 K3 z* ^% y1 I
<?php endif; endforeach; }?>

复制代码

2、将标签排序按条件显示：
将标签按照文章相关数进行排序，然后显示文章相关数大于一个数（如：1）的标签。代码如下：

<?php) b+ f/ t4 x+ V, O, z6 k
//widget：标签9 b/ F1 v! T+ B9 b3 t, d7 ~
function widget_tag($title){9 E6 w$ n) q( D7 ]' I6 N
global $CACHE;
3 b% E7 s# _ t! q* Z
$tag_cache = $CACHE->readCache('tags');
6 W* S) Z' A' J6 f7 E2 ^
//start 开始排序! W& j `& q3 @" c& z0 {8 Y, f
foreach ($tag_cache as $key => $row) {
- t! U2 \" @6 k5 O
$usenum[$key] = $row['usenum'];0 K1 r4 }6 \8 P7 ^; I7 N% q
}! W/ R$ O9 q) L) Y
array_multisort($usenum, SORT_DESC, $tag_cache);2 d$ I2 e+ j4 P* A# x+ j
//end 获取排序后的新数组 $tag_cache
' j$ t# g' Q: L
?>
% O8 O% \% a. z1 d
……省略外层的div+CSS( i" Q% U& M0 v& E* a& e! F' z" }
<?php foreach($tag_cache as $value):+ ?5 I: a/ M S$ `' D8 K/ s
if($value['usenum'] > '1'): //1可以更改为大于1的其他数字，控制文章相关数6 N" L' `- U+ @8 Y
$color = dechex(rand(3355443,13421772));?>
: M: [0 }9 |1 o) R6 y
<li class="tags"><a class="label" style="background:#<?php echo $color; ?>" href="<?php echo Url::tag($value['tagurl']); ?>" title="<?php echo $value['usenum']; ?> 篇文章"><?php echo $value['tagname'],' +',$value['usenum']; ?></a></li>; \4 o. d: X5 y6 y; h+ w
<?php endif; endforeach; }?>

复制代码

		自动登录	找回密码
密码			立即注册

emlog标签优化教程 - 标签数量、颜色、字体一贴搞定-站长杂谈下载

emlog标签优化教程 - 标签数量、颜色、字体一贴搞定

相关帖子

全部评论 0

最佳新人

贡献之王

土豪装逼

管理/版主

教程 / CSS+DIV素材

Discuz! X3.2 - X3.4 升级至 Discuz! X3.5 详细教程18人阅读

【原创】根据论坛发帖时间或门户文章发布时间，判断时间是否为当38人阅读

非手动网站版权年份自动更新代码35人阅读

【收集整理】兔源码简单收集整理关于网页上各meta标签说明36人阅读

【原创】JS检测网址是否可访问，如可访问则显示链接直达并可点击47人阅读

【原创】分享一款html5+css3的横排导航列表DIY模块（百分百有效39人阅读

【原创】分享一款html5+css3的四排图文资讯列表DIY模块（百分百187人阅读

【转载】垂直时光轴HTML单页+CSS+js模块880人阅读

【转载】文字由左向右循环滚动DIY+CSS+js模块930人阅读

【原创】左侧导航栏样式，点击展开一级分类二级分类的DIY+CSS+JS3690人阅读

所属版块