WordPress主题分类页面中展现描述与关键字教程

2017年12月15日10:54:53 发表评论 420 views
WordPress主题分类页面中展现描述与关键字教程

WordPress主题分类页面中展现描述与关键字教程

如今很多的站长都会是选用wordpress来创建自己博客,就可以看出这个主题是有多么的厉害了,其中有多种选择的主题更是满足建站类型的不同需求,程序开发的主题作者也是很多的,广州seo大标使用的知更鸟正版主题。主题的开发者也是不断的版本中加入了站长对于seoer优化网站的后台,想要把自己的begin主题博客优化的好,有很多的办法在页面上来实现不同的主题与关键字调用。

在WordPress中相对的成熟的判断函数来完成我们的额需求的。 简单的看下面的一组用于判断首页、栏目页、单页面的关键词的判断函数。

  1. <?php if ( is_home() ) { ?>
  2. <meta name=”description” content=”首页的描述” />
  3. <meta name=”keywords” content=”首页的关键字” />
  4. <?php } ?>
  5. <?php if ( is_category() ) { ?>
  6. <meta name=”description” content=”分类的描述” />
  7. <meta name=”keywords” content=”分类的关键字” />
  8. <?php } ?>
  9. <?php if ( is_single() ) { ?>
  10. <meta name=”description” content=”文章的描述” />
  11. <meta name=”keywords” content=”文章的关键字” />
  12. <?php } ?>

上面的这组简单的判断,我们在begin主题中的代码中应该是惊颤的碰到的,但是上面的这组可能是满足不了我们的需求,因为这样是一个固定的模式。

灵活的运用wp上面的就需要使用下面的这些高级函数来控制,让他们不同的分类不同的文章下灵活起来。
1.分类页面(栏目页)
我们在上面找到自带有一个分类描述的函数调用是。分类的关键词可以调用分类的名称来实现的函数是。

  1. <?php echo category_description($cat_ID); ?>

2.文章单页面
2.1.描述的调用函数

  1. <?php echo mb_strimwidth(strip_tags($post->post_content),0,225); ?>

2.2.关键的调用不同用原生态的函数

  1. <?php the_tags(”, ‘, ‘, ”); ?>

2.3.从新解析下得到这个函数可以得到

  1. <?php $posttags = get_the_tags();if ($posttags) {foreach($posttags as $tag) {echo $tag->name . ‘ ‘; }}?>

这样我们就单独的摘出来在分类页面和文章单页面中关键字和描述调用的函数,下面的我们就来整理一下这些函数,让他们之间发生点的关系,以达到我们的给worldpress主题每一页面设置不同的描述与关键字的需求。
3、分类栏目页面的实现关键词的和描述

  1. <?php if ( is_category() ) { ?>
  2. <meta name=”description” content=”<?php echo category_description($cat_ID); ?>” />
  3. <meta name=”keywords” content=”<?php single_cat_title(); ?>” />
  4. <?php } ?>

4、单页面实现关键词和描述

  1. <?php if ( is_single() ) { ?>
  2. <meta name="description” content=”<?php echo mb_strimwidth(strip_tags($post->post_content),0,225); ?>” />
  3. <metaname="keywords”content=”<php $posttags = get_the_tags();if ($posttags) {foreach($posttags as $tag) {echo $tag->name . ‘ ‘; }}?>” />

这样我们就单独的摘出来在分类页面和文章单页面中关键字和描述调用的函数,下面的我们就来整理一下这些函数,让他们之间发生点的关系,以达到我们的给worldpress主题每一页面设置不同的描述与关键字的需求。

在栏目页面中显示标题该怎么实现?

看完上面的这些原理我们就轻松的来实现每一个页面的设置不同的描述与关键词。在使用begin主题中我们不难看出有些网页面中是缺失h1标签是分配给logo的位置来使用的,这就出现在整个网站中的都都会是使用这个h1的(及网站的标题)重复

一般来说h1在不同的页面应该有不同的定义方式:主页,h1坚决用来定义“站点名称”;文章页,因为文章标题对SEO有好处,h1给文章标题合适;栏目页,h1给栏目名称;搜索页,h1给搜索关键词;TAG页,h1定义TAGs。

下面是大标根据上面的函数调用在前端的栏目页面显示出栏目分类页面的 标题和分类描述的方式不确定的小伙伴可以在本地的虚拟虚拟环境下来做好测试然后在实现在自己的博客上面代码的部。
1.确定显示的样式:
WordPress主题分类页面中展现描述与关键字教程
样式css不需要我们重新的去定义来使用直接复用在文章分类页面的样式即可需要注意的是。记得要把其中的H2标签更换成h1此处是用来显示分类文章页面的标题的。
使用p标签来显示分类文章页面的描述部分的。
2.分类栏目 archive.php 页面确定

  1. <article class="wow fadeInUp post-20 post type-post status-publish format-standard hentry category-sem ur">
  2.                  <?php if ( is_category() ) { ?>
  3.                 <header class="enter-header">
  4.                      <h1 class="enter-title"><?php single_cat_title(); ?> </h1>
  5.                 <header>
  6.                <div class="entry-content">
  7.                     <div class="archive-content">
  8.                        <?php echo category_description($cat_ID); ?>
  9.                     </div>
  10.                 </div>
  11.                 <?php } ?>
  12.  </article>

需要我们第5代码处添加上如下代码即可实现。
以上就是大标在自己的网站上做的一点小测试,感兴趣的朋友可以自己动手尝试起来!(ps: 目前发现在移动端展示中网站的栏目页面中的 有描述不显示的问题存在,猜测为样式中的css导致。后面会在进行尝试更改)

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: