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

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

<?php
" J- `: c8 t+ p+ `* X0 H8 {
//widget：标签! m& T2 o5 A1 }0 i' q
function widget_tag($title){/ S6 \) o, O& b) S3 B! C
global $CACHE;
) T. Y) N: }0 @0 H! b8 o: k
$tag_cache = $CACHE->readCache('tags');- q* e' ^9 _) l! |3 y: U
shuffle($tag_cache); //添加这行代码实现标签随机排序
& G2 X H# K% P' \
$num='20';指定标签个数
7 ]- ~4 q; n" Z- c
?>' d5 h/ V* z1 o ~
<?php foreach($tag_cache as $key => $value):if($key < $num):% U/ D0 Q3 v' K
$color = dechex(rand(3355443,13421772));?>& s( [$ H* m" Q- ]. v! |4 [5 [, 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>2 \; {, J' t2 z$ K+ P
<?php endif; endforeach; }?>

复制代码

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

<?php( f0 `1 y* [) f- M
//widget：标签
. k- d* B2 X8 s' R F8 }* K, M# v
function widget_tag($title){
5 x8 D9 e# }) D# b6 b! e! y
global $CACHE;
4 E- k+ k/ k9 ?. V
$tag_cache = $CACHE->readCache('tags');
# m2 ^. @+ s* M6 C3 E; H! Q
//start 开始排序* S# L8 J* x& |$ i/ x% O
foreach ($tag_cache as $key => $row) {
' r( T5 ?6 ?8 c _: ^& v; i
$usenum[$key] = $row['usenum'];
, f8 ?& R% m2 m8 W$ H* W1 O/ E9 J1 q
}2 t: l& Z9 V7 w( T; P1 q0 [/ n4 {
array_multisort($usenum, SORT_DESC, $tag_cache);/ P1 G. H9 B6 x1 H) z4 P0 f0 H
//end 获取排序后的新数组 $tag_cache
" C) b# ~6 ?9 L) N# B- s1 E z
?>
0 X; X3 y) H+ q7 P# o
……省略外层的div+CSS7 {3 X! e( r+ E, M
<?php foreach($tag_cache as $value):- J+ g( O/ l) U0 A- R. i8 ^- ^- I; l
if($value['usenum'] > '1'): //1可以更改为大于1的其他数字，控制文章相关数* U/ Y" l+ k; g
$color = dechex(rand(3355443,13421772));?>- D3 k* }# C+ ?! q
<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>
! i9 S; U" w7 J4 S
<?php endif; endforeach; }?>

复制代码

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

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

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

相关文章

全部评论 0

最佳新人

贡献之王

土豪装逼

管理/版主

教程 / CSS+DIV素材

【原创】去除Discuz!X3.5门户编辑器勾选源码后，编辑器中自带的20人阅读

【原创】解除Discuz!X3.5登录admin.php管理员后台被强制登录账号242人阅读

【原创】Discuz搜索门户文章内容实现展示栏目名称，搜索门户文章324人阅读

【原创】通过计划任务，实现Sitemap.xml地图制作247人阅读

修改Discuz!X3.5系统内置的DIY幻灯片样式585人阅读

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

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

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

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

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

所属版块