17713433920 info@mac163.com
如何在WordPress上显示标签云
如何在WordPress上显示标签云

很多人使用WordPress中的标签云小部件在其工具化的侧边栏上显示其帖子标签,但是您也可以手动将标签云添加到主题中,这非常适合创建自定义标签云页面模板或将其添加到主题中。在您不一定要微件化的区域中。

该每日代码段将向您展示如何通过主题文件在网站上的任何地方显示自定义标签云,以及如何对它们进行样式化以使其看起来整洁而现代。

如何手动显示标签云

要显示标签云,您需要做的就是在要显示标签和应用参数的任何地方插入“ wp_tag_cloud() ”函数。以下是标签的快速示例,其中包括许多参数-请参阅WordPress.org 标签云参考

<?php wp_tag_cloud( array(
   'smallest' => 8, // size of least used tag
   'largest'  => 22, // size of most used tag
   'unit'     => 'px', // unit for sizing the tags
   'number'   => 45, // displays at most 45 tags
   'orderby'  => 'name', // order tags alphabetically
   'order'    => 'ASC', // order tags by ascending order
   'taxonomy' => 'post_tag' // you can even make tags for custom taxonomies
) ); ?>

样式化标签云

您可以使用CSS轻松设置标签样式,使其比简单的链接列表更好看。如果您想对标签进行样式设置,使其看起来像我的高级主题MyWorks Portfolio中的标签,则下面是一些CSS 。请注意,这也将更改侧边栏小部件的外观,因为我直接对“ tagcloud” div类进行样式设置,只需添加一个包含DIV即可对其进行不同样式设置。

模样:

wordpress-tag-clouds
wordpress-tag-clouds

编码:

.tagcloud a{
    display:block;
    float:left;
    padding:4px 10px;
    margin-right:7px;
    margin-bottom:7px;
    background:#EEE;
    color:#666;
    font-size:11px;
    font-weight:bold;
    text-transform:lowercase;
    text-shadow:1px 1px 1px #FFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #CCC;
    text-decoration:none;
}
.tagcloud a:hover{
    background:#F3F3F3;
    color:#000;
    text-decoration:none;
}

如何使用插件显示标签云

如何使用插件显示标签云
如何使用插件显示标签云

您还可以使用“ 自定义标签云插件”将标签添加到任何帖子或页面。只需安装此插件即可使用简码将自定义标签云添加到您的小部件,帖子和页面。该插件包括用于显示帖子,类别和链接类别标签的选项。另外,您可以设置显示的数字,添加自定义标签分隔符并选择云模式。而且,如果您想要更多功能(例如尺寸,布局和顺序),则还可以使用该插件的高级版本。


微信二维码

微信扫描二维码联系我们!
我们在微信上24小时期待你的声音
提供外贸路由器设备产品,轻松翻墙,解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建等!


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
回到顶部