wordpress外贸建站教程：给Elementor的Tag标签添加样式

本文介绍如何在YRWP系列WordPress外贸建站模板中启用并美化文章与产品详情页的标签（Tags）显示功能。该功能原生支持，但需手动配置才能展示。

步骤一：通过Elementor添加Post Info模块

YRWP系列模板基于Elementor构建。请进入对应的文章或产品详情页模板编辑界面，在Elementor中添加一个Post Info模块；在Type选项中选择Terms，再于子项中选择Tags（若为YRWP产品详情模板，则选择all-tags）。

默认显示效果较简洁，仅支持调整图标字体大小与颜色。如需进一步优化视觉呈现，请继续执行第二步。

步骤二：自定义CSS美化标签样式

selector .elementor-post-info__terms-list-item{
  border: 1px solid #D2D2D2;
  border-radius: 3px;
  padding: 3px 8px;
  margin-right: 2px;
  background: #F9F9FA80;
}
selector a:hover{
  color: #000000;
}

将上述CSS代码复制粘贴至Post Info模块左侧【高级】→【Custom CSS】栏内即可生效。您可根据实际需求调整边框、圆角、背景色、间距及鼠标悬停颜色等参数。

标签功能对SEO存在理论层面的辅助价值，但前提是内容数量充足、质量优质，并配合合理的标签体系与关键词布局；随意堆砌或滥用标签反而可能影响搜索表现。

总结

以上即为YRWP模板中启用并美化标签显示的完整操作流程，适用于YRWP006等同系列模板。