WordPress技巧:WordPress博客创建标签列表页面代码

前言

用了LoLiMeow模板,目前感觉还挺好用的,但是在我新建标签页面的时候,发现该主题没有内置标签页面,因此不得已只能通过自定义代码添加标签页面了。

基础版

1、通过FTP或者宝塔后台找到当前主题目录下,新建一个php文件,命名为tags.php,然后将page.php中的所有代码复制到tags.php中

2、用文本编辑器打开tag.php,在

<?php get_header(); ?>

上方添加如下代码

<?php
/*
Template Name: Tags
*/

3、找到第31行的

the_content();

修改为

wp_tag_cloud();

然后保存即可。

4、进入WordPress管理后台 - 页面 - 创建页面,标题为标签(可以自己起名),内容不要填,右侧可以选择模板,选择 Tags即可

6、标签页创建成功。

进阶版

如果你想整一个更加炫目的效果,如下图这样的:

找到主题目录下新建的的tags.php文件,将

wp_tag_cloud();

修改为:

$html = '<ul class="post_tags">';
foreach (get_tags( array('number' => 100, 'orderby' => 'count', 'order' => 'DESC', 'hide_empty' => false) ) as $tag){
        $color = dechex(rand(0,16777215));
        $tag_link = get_tag_link($tag->term_id);
                        
        $html .= "<li><a href='{$tag_link}' title='{$tag->name} Tag' class='{$tag->slug}' style='color:#{$color}'>";
        $html .= "{$tag->name} ({$tag->count})</a></li>";
}
$html .= '</ul>';
echo $html;

代码说明:

  • 以上代码最多输出100个标签,如果你想控制标签数量,请将以上代码100修改成你需要的数字
  • 以上代码控制标签按标签所含的文章数从多到少排序,如果你想按名称方式排序,请将以上代码第9行的 count 改成 name
  • 以上代码将会显示包含文章数为0的标签,如果你不想显示空标签,请将以上代码 false 改成 true

然后在主题目录下的style.css中添加css样式(以下代码仅供参考):

ul.post_tags li {
    display:block;
    width:30%;
    list-style:none;
    background:none;
    float:left;
}

保存,然后刷新页面即可显示最新效果。

文章原始代码来自:https://www.ludou.org/wordpress-create-tags-page.html,有部分修改。

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注