今天有站长问到如何在分类页面和标签页面添加一个 H1 名称和描述，然后大概看了一下其他博客，发现他们的分类页面和标签页面在内容顶部都有一个 H1 名称和描述，而自己博客的分类和标签页面却没有 H1 标签，所以决定折腾一下（PS：下面好代码教程以Nana 主题为例，其他主题请参考折腾）。
分类页面添加 H1名称和描述步骤
1、将以下 CSS 代码添加到当前主题的 style.css 文件的最后。
.fenlei-head{padding: 20px 15px;border: 1px solid #eaeaea;border-bottom: none;background: #fff;margin: 0 0 10px;}
.fenlei-title{font-size: 22px;font-weight: 600;padding-bottom: 10px;}
.fenlei-meta{padding-top: 15px;border-top: 1px solid #eaeaea;font-size: 16px;}
其中 margin: 0 0 10px;就是这个名称和描述与内容的距离，去掉就是没有距离，其他距离高度请修改 10px 为其他。
2、将 Nana 主题中的 archive.php 文件复制保存为 category-list.php 文件，并将 category.php 文件中的 archive 修改为 category-list。
3、编辑 category-list.php 文件，找到以下代码：
<main id="main" class="site-main" role="main">
在该代码下方添加以下代码：
<div class="fenlei-head"> <h1 class="fenlei-title"><?php echo single_cat_title( '', false ) ; ?></h1> <div class="fenlei-meta"> <p><?php $category_description = category_description();if ( !empty( $category_description ) ) echo $category_description ;?></p> </div> </div>
保存即可。
温馨提示:1、以上代码调用了分类的名称和图像描述，所以在编辑分类目录的时候，一定要记得填写名称和图像描述哦。
2、这个只是修改了 Nana 主题分类页面以列表形式显示的文件，也就是说在主题设置选项中分类列表布局选择了“列表布局”时，分类页面就会显示分类名称和描述，而选择“图片布局”则没有，如想有该功能请自行修改 category-grid.php 文件。
标签页面添加 H1 名称和描述步骤
1、将以下 CSS 代码添加到当前主题的 style.css 文件的最后（如果在分类页面添加 H1 名称和描述中已经添加了以下代码，请忽略本步骤跳到步骤 2）。
.fenlei-head{padding: 20px 15px;border: 1px solid #eaeaea;border-bottom: none;background: #fff;margin: 0 0 10px;}
.fenlei-title{font-size: 22px;font-weight: 600;padding-bottom: 10px;}
.fenlei-meta{padding-top: 15px;border-top: 1px solid #eaeaea;font-size: 16px;}
其中 margin: 0 0 10px;就是这个名称和描述与内容的距离，去掉就是没有距离，其他距离高度请修改 10px 为其他。
2、将 Nana 主题中的 archive.php 文件复制保存为 tag.php 文件，找到以下代码：
<main id="main" class="site-main" role="main">
在该代码下方添加以下代码：
<div class="fenlei-head">
<h1 class="fenlei-title"><?php echo single_tag_title("", true); ?></h1>
<div class="fenlei-meta">
<p><?php $tag_description = tag_description();if ( !empty( $tag_description ) ) echo $tag_description ;?></p>
</div>
</div>
保存即可。
以上代码调用了标签的名称和图像描述，所以在编辑标签的时候，一定要记得填写名称和图像描述哦。不过我相信很多人估计都不会去重新编辑标签，为其添加图像描述。所以要么删除标签描述要么直接固定一个描述模式。具体如下：
1、删除标签描述，请直接删除以下代码即可
<div class="fenlei-meta"> <p><?php $tag_description = tag_description();if ( !empty( $tag_description ) ) echo $tag_description ;?></p> </div>
2、固定一个描述，将以下代码
<div class="fenlei-meta"> <p><?php $tag_description = tag_description();if ( !empty( $tag_description ) ) echo $tag_description ;?></p> </div>
修改为
<div class="fenlei-meta"> <p>本标签主要是聚合关于标签<?php echo single_tag_title(); ?>的文章，以便用户快速查找和方便阅读。</p> </div>
小结
其实不管是分类页面还是标签页面，或者是其他页面，又或者是其他主题，添加 H1 名称和描述方法都是一样的，关键是要灵活应用。
到此这篇关于如何为WordPress分类和标签页面添加H1名称和描述？就介绍到这了。昨天是离岸的航船，你能够记起的，只是一个驶远的剪影；明天是未知的意外，你永远不知道，哪个意外会最先到来。滞留在昨天，生活如雾般迷茫，模糊了你去时的方向；幻想在明天，是一种最玄虚的等待，你慢慢失去的，是脚下那片坚实的土地。更多相关如何为WordPress分类和标签页面添加H1名称和描述？内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！
