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

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

<?php
" g% V8 n: i* q9 U
//widget：标签 E; F+ U J( _) A0 i0 C
function widget_tag($title){
1 R: p6 x# ^! h8 f* j/ u* F; M
global $CACHE;
) o0 T8 k9 v8 S9 t5 F
$tag_cache = $CACHE->readCache('tags');
; w9 Q9 h& D" V4 Y, P! P% W
shuffle($tag_cache); //添加这行代码实现标签随机排序
2 @" {" e) l) B
$num='20';指定标签个数
" C9 u4 i/ G& P5 P# h9 t( n
?>- t) k2 J8 p- b% q! v, w; f A
<?php foreach($tag_cache as $key => $value):if($key < $num):! ]: U6 d. c" C/ v
$color = dechex(rand(3355443,13421772));?>- z# o8 g6 I6 {9 p7 ?: ~, h
<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>
# z+ U7 I8 Y( E9 u
<?php endif; endforeach; }?>

复制代码

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

<?php
) D& F9 w: |$ v) e; S7 M
//widget：标签
8 I( h U+ X2 v. f
function widget_tag($title){
3 c5 u1 d. r" ^, z, G
global $CACHE;9 c6 k% w5 K; }) [2 ~3 J
$tag_cache = $CACHE->readCache('tags');, R, M$ V4 L7 {$ a! T6 }
//start 开始排序2 S, E) L; ~. a3 b$ f* }
foreach ($tag_cache as $key => $row) {
& o5 O: G! w3 G* _5 Q" A$ n
$usenum[$key] = $row['usenum'];
9 U# Z% n# l C8 @3 m7 j7 U
}
+ @7 F' x8 ~& U" `2 w
array_multisort($usenum, SORT_DESC, $tag_cache);
% W% u! v! b+ @8 a
//end 获取排序后的新数组 $tag_cache
% h4 |1 t) J) {5 n
?>, o2 R( G( j- @; _& u2 [( Y
……省略外层的div+CSS
7 L3 i% F" e6 h7 k8 W$ i$ E0 m
<?php foreach($tag_cache as $value):
: ~" z* x9 f% G+ V8 m- @- l! p
if($value['usenum'] > '1'): //1可以更改为大于1的其他数字，控制文章相关数
0 R+ C+ Q2 R' h2 X2 i& q; F5 P
$color = dechex(rand(3355443,13421772));?>
! @7 v; ?! c2 k8 o+ ]
<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>8 e% I2 Y9 C4 o2 a1 V7 g2 S# T6 l
<?php endif; endforeach; }?>

复制代码

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

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

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

相关文章

全部评论 0

最佳新人

贡献之王

土豪装逼

管理/版主

教程 / CSS+DIV素材

【原创】Discuz!X3.5版本无法访问uc_server中心解决办法296人阅读

【实测】各类meta标签的作用说明318人阅读

【原创】删除discuz!x3.5门户文章发布后，标题自动添加 ...的教476人阅读

【实测】 css左右滑动菜单775人阅读

【原创】判断href非url超链接则显示输入的文字，判断href非url超737人阅读

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

【原创】discuz论坛首页四格，幻灯片+文字列表切换功能DIY+CSS+j2289人阅读

【原创】侧边导航栏样式，点击跳转到对应位置的DIY+CSS模块2073人阅读

【原创】分享一款html5+css3带倒计时效果并跳转指定网址的单页DI2307人阅读

【原创】分享一款横排5格免扣字体素材资源下载风格DIY+JS+CSS模2587人阅读

所属版块