经常浏览其他博主的博客,发现发现他们的分类页面和标签页面在内容顶部都有一个 H1 名称,方便浏览者更精准的了解该页面下的主要内容分类。
那么如何为WordPress分类和标签页面添加H1名称和描述?以本主题为例
分类页面添加 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>
保存即可。其他主题可以参考此方法。
此文只是针对列表布局有效,后续更新图片布局操作方法。
本文地址:https://8ik.cn/archives/337
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:Hey_MrBoss
温馨提示:文章内容系作者个人观点,不代表捌佰科对观点赞同或支持。
版权声明:本文为转载文章,来源于 懿古今 ,版权归原作者所有,欢迎分享本文,转载请保留出处!
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:Hey_MrBoss
温馨提示:文章内容系作者个人观点,不代表捌佰科对观点赞同或支持。
版权声明:本文为转载文章,来源于 懿古今 ,版权归原作者所有,欢迎分享本文,转载请保留出处!