WordPress标签优化介绍
发布时间：2022-06-23 00:28:36 所属栏目：教程 来源：互联网
导读：默认方式的 WordPress 标签云，由于满街都是同一风格，是否觉得些许枯燥了？有没有考虑来点与众不同的？当然，本文不谈标签插件，虽然有很多标签插件非常优秀，简洁主义者通常尽量少用插件。以下是通过几个简单步骤，不使用插件即可实现热门标签排行榜效果
|
默认方式的 WordPress 标签云，由于满街都是同一风格，是否觉得些许枯燥了？有没有考虑来点与众不同的？当然，本文不谈标签插件，虽然有很多标签插件非常优秀，简洁主义者通常尽量少用插件。以下是通过几个简单步骤，不使用插件即可实现热门标签排行榜效果。 以下开始介绍全部步骤，写得太过详细，其实操作简单，只需要留意蓝色字体处即可。 第一步：定制 CSS 在 style.css 中加入以下几行以控制 wp-tag-cloud 的显示风格（仅供参考）： .wp-tag-cloud li{font-size:12px;list-style:none;border-bottom:2px solid #FFF} .wp-tag-cloud li a{background:#eef5e1;color:#5AAD0C;display:block;line-height:14px;padding:2px 0px 2px 10px} .wp-tag-cloud li a:hover{background:#e4efd5;color:#5AAD0C;text-decoration:none} 第二步：修改 category-template 文件 该文件 category-template.php 位于 wp-includes 目录下，修改前建议先备份一下。 找到第421~423行，这三行代码修改之前是这样的： $a[] = " ( $smallest ( ( $count - $min_count ) * $font_step ) ) . "$unit;'>$tag"; 只修改第421行与第423行（422行不必改动），主要是把控制字体大小 style='font-size: 修改成控制标签背景宽度 style='width:，以及去掉了一些多余的东西。另外就是在423行加入了一点点内容，让标签数目直接显示出来。这三行修改后如下： $a[] = "$tag ($count)"; 第三步：在 sidebar 适当位置调用标签 此处调用方式比默认调用方式增加了一些参数值，示例如下（只需留意蓝色字体代码）： 热门标签排行榜 以上就完成了，其中第三步的调用参数意义说明如下： 1）smallest 与 largest 原来的作用是最小与最大字体大小，现在变成了最小与最大宽度值； 2）unit=px，是单位，使用了 px； 3）number=20，是调用标签的数量，此处是调用20个，可以任意设定（不宜太多或太少）； 4）format=list，以列表方式显示标签； 5）orderby=count，以标签统计次数来排序； 6）order=DESC，以倒序显示（最热的标签在前，最冷的标签在后）。 另一种方式： 可能有人会对第二步（修改 category-template 文件）有所顾虑，于是，可以有另一种方式： 此方式的调用方式也有所不同，不控制宽度值，把最小与最大字体都设置为12号字。 （编辑：聊城站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐