WordPress制作独立的标签云(Tags)页面

据说在搜索引擎优化SEO上,百度似乎对关键词TAGS更为偏爱,所以无论是出于美观(如果只是放在侧边栏,当标签一多时就显得很难看了)还是为了SEO,我们都很有必要把标签云制作成一个独立的页面。

首先讲解下代码:

<?php wp_tag_cloud('number=30&smallest=12&largest=22'); ?>

30是页面的关键词数,12是最小字体,22是最大字体。

第一步:
将你的页面模板 single.php 复制一份,命名为 tags.php,放入主题文件夹下

4.9.8等新版本
将你的页面模板 page.php 复制一份,命名为 page-tags.php,放入主题文件夹下

第二步:
编辑 tags.php 文件,在文件的顶部插入模板标记名称。

<?php
/*
Template Name: Tags
*/
?>

注:Tags 为模板标记名,可以随便命名,后面步骤需要用到,与这里对应即可。

第三步:

tags.php 文件内容按下列方法修改:

1、找到页面内容调用(一般为:<?php the_content(); ?>),删除;

2、将 <?php wp_tag_cloud('number=30&smallest=12&largest=22'); ?>  这段代码放到刚刚删除的页面内容位置

3、根据需要删除多余代码,保存并上传到 wp-content/themes/你的主题名称/ 这个目录下

第四步:

在WordPress后台,新撰写一个页面,填上你喜欢的标题、永久链接,在下面“高级选项”的“页面模板”下拉选框中,选择模板名称“Tags”(与第二步的模板标记名对应)。

附件(Pop's Blog使用的独立标签云页面代码):

<?php
/*
Template Name: Tags
*/
?>
<?php
get_header(); ?>
<div id="container">
<div id="content" role="main">
<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<?php if ( is_front_page() ) { ?>
<h2><?php the_title(); ?></h2>
<?php } else { ?>
<h1><?php the_title(); ?></h1>
<?php } ?>
<div>
<?php the_content(); ?>
<?php wp_tag_cloud('number=100&smallest=12&largest=22'); ?>
</div><!-- .entry-content -->
</div><!-- #post-## -->
<?php endwhile; ?>
</div><!-- #content -->
</div><!-- #container -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

新版本的代码如下:

<?php
/**
* The template for displaying all single posts and attachments
*
* @package WordPress
* @subpackage Twenty_Sixteen
* @since Twenty Sixteen 1.0
*/

get_header(); ?>

<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; endif; ?>

<?php wp_tag_cloud('number=888&smallest=12&largest=22'); ?>

</main><!-- .site-main -->
</div><!-- .content-area -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Related Posts