如何为WordPress分类和标签页面添加H1名称和描述?

转载 懿古今  2022-04-15 14:43  阅读 456 次
【阿里云】新老特惠,云服务器0元试用,首购低至0.9元/月起!

经常浏览其他博主的博客,发现发现他们的分类页面和标签页面在内容顶部都有一个 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
温馨提示:文章内容系作者个人观点,不代表捌佰科对观点赞同或支持。
版权声明:本文为转载文章,来源于 懿古今 ,版权归原作者所有,欢迎分享本文,转载请保留出处!
【腾讯云】买云服务器,参与礼品兑换、抽奖,最高送价值8000元IPad,还有Bose耳机、千元京东卡等您来!

发表评论


表情