首先利用WordPress自带标签功能管理文章关键词,确保标签简洁有效;接着可通过内置“标签云”小工具在侧边栏展示不同字体大小的标签;若需独立页面,可创建自定义模板调用wp_tag_cloud函数输出关键词云;也可使用Simple Tags插件通过短代码[st_tag_cloud]快速实现;最后添加自定义CSS美化样式,提升视觉效果和用户体验。

WordPress如何生成关键词云标签页-1

在WordPress中生成关键词云标签页,主要是利用系统自带的标签功能和小工具或函数调用,把文章标签以权重不同的字体大小展示出来。实现这个效果不需要额外插件,但也可以通过插件简化操作。

1. 启用并管理文章标签

确保你的文章已添加了合适的标签,这是关键词云的基础:

  • 编辑文章时,在右侧“标签”模块输入相关关键词(如:设计、开发、优化)
  • 保持标签简洁、有意义,避免重复或过于相似的词
  • 定期进入文章 > 标签页面整理无用标签

2. 使用小工具创建标签云侧边栏

如果你希望在侧边栏显示标签云,可以直接使用内置小工具:

  • 进入外观 > 小工具
  • 找到“标签云”小工具,拖动到主侧边栏或所需区域
  • 可设置标题(如“热门关键词”),选择是否显示计数和排序方式
  • 保存后前台即可看到不同字体大小的标签展示

3. 创建独立的标签云页面

如果你想做一个单独的“关键词云”页面,可以手动创建模板或使用短代码:

方法一:使用默认函数输出

在主题文件夹中新建一个页面模板,例如 page-tags-cloud.php,内容如下:

<?php
/*
Template Name: 关键词云页面
*/
get_header();
?>
<p><div class="tag-cloud-page">
<h1>所有关键词</h1>
<?php wp_tag_cloud(array(
'smallest'  => 12,
'largest'   => 24,
'unit'      => 'px',
'number'    => 50,
'format'    => 'flat',
'orderby'   => 'name',
'order'     => 'ASC',
'link'      => 'view',
'taxonomy'  => 'post_tag'
)); ?>
</div></p><p><?php get_footer(); ?>

然后在后台新建页面,选择“关键词云页面”模板,发布即可。

方法二:使用插件快速实现

安装并启用Simple Tags插件:

  • 插件支持一键生成标签云、自动添加标签等功能
  • 启用后,在页面编辑器中使用短代码 [st_tag_cloud] 即可插入标签云
  • 可在插件设置中自定义样式、数量、字体范围等

4. 样式美化建议

为了让关键词云更美观,可添加自定义CSS:

.tag-cloud-page a {
  display: inline-block;
  margin: 5px;
  padding: 6px 10px;
  background: #f0f0f0;
  border-radius: 4px;
  text-decoration: none;
  font-family: Arial, sans-serif;
}
.tag-cloud-page a:hover {
  background: #007cba;
  color: white;
}

将上述CSS添加到外观 > 自定义 > 额外CSS中即可生效。

基本上就这些。只要合理使用标签并配合模板或小工具,就能轻松实现一个视觉清晰的关键词云页面,有助于提升网站SEO和用户体验。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。