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

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

<?php
8 t: r) l3 q/ J' [7 \* X% k
//widget：标签
5 h r* H: b# p) M
function widget_tag($title){
+ n7 f* L& N1 _/ c$ p# G6 B5 u+ ~
global $CACHE;. I( h8 Y' M4 f* [) f
$tag_cache = $CACHE->readCache('tags');4 o: d7 F- U2 j* w, P1 Z; X: H+ B! r
shuffle($tag_cache); //添加这行代码实现标签随机排序
7 o# E& y4 t) t# }- I* |
$num='20';指定标签个数& B) z2 y8 o& K& R
?>
! l* Q: W" x# L! U' `
<?php foreach($tag_cache as $key => $value):if($key < $num):
( D) v' i3 z/ \; O
$color = dechex(rand(3355443,13421772));?>. {7 r9 \2 u* Z; v
<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>) o# A# ?; }8 G, i9 N( n* n: I0 r1 M, r
<?php endif; endforeach; }?>

复制代码

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

<?php
: J$ G5 G8 F+ x _- W4 [4 A
//widget：标签- \9 g% s7 y! t P
function widget_tag($title){/ T; g1 Q$ O& G7 a) |/ a8 Y
global $CACHE;
$ @2 u" G* D8 J- h# s# N
$tag_cache = $CACHE->readCache('tags');6 A9 X1 Z" O1 B( s
//start 开始排序
2 S" U# V4 h% E' R4 X9 y% M0 a
foreach ($tag_cache as $key => $row) {, e# R6 s, n5 t) T9 c2 \: p5 K
$usenum[$key] = $row['usenum'];$ b, Q5 F. p4 p- ~" G6 P5 ]/ C& d
}
1 k7 Z0 r+ K( f; X& E% u
array_multisort($usenum, SORT_DESC, $tag_cache);
9 ]6 ~4 F9 I3 t! o
//end 获取排序后的新数组 $tag_cache
/ p: N7 y& U" P4 R: _& ~' g
?>& ]& B5 }# V4 I* a8 {& N' K: i
……省略外层的div+CSS" p; ~- X. \1 g3 s8 R7 s1 P
<?php foreach($tag_cache as $value):4 @2 P9 z- s2 L( L) Q. W% G
if($value['usenum'] > '1'): //1可以更改为大于1的其他数字，控制文章相关数5 I, j/ k: Z% ~
$color = dechex(rand(3355443,13421772));?># E/ [: I! x' ^* ]/ K7 N
<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>% p$ x2 \" A |7 K3 q# h
<?php endif; endforeach; }?>

复制代码

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

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

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

相关帖子

全部评论 0

最佳新人

贡献之王

土豪装逼

管理/版主

教程 / CSS+DIV素材

【原创】discuz论坛分类信息中，帖子发布页有多个图片上传功能，74人阅读

【原创】修改discuz门户文章发布时间，将默认时间yyyy-mm-dd修改76人阅读

【实测】Discuz修改论坛列表页排序，实现主题帖子按最新发表时间137人阅读

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

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

【原创】分享一款html5+css3的浮窗多图DIY模块（百分百有效）88人阅读

【原创】分享一款html5+css3的浮窗单图DIY模块（百分百有效）100人阅读

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

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

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

所属版块