建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

wordpress网站模板开发中,怎样给侧边栏,添加热门标签?(WordPress如何在侧边栏显示分类最新文章)

GG网络技术分享 2025-03-18 16:12 0


wordpress网站模板开发中,怎样给侧边栏,添加热门标签?

使用过wordpress网站的朋友都知道,wordpress的tag标签是非常受欢迎的,尤其受到百度这样的搜索引擎的青睐。我就记得,我第一个wordpress网站,新发表的文章还没有被百度收录,而这篇文章的tag标签却被收录,而且tag标签被收录的比例非常大。可见,wordpress的tag标签的受欢迎程序。今天,我们就来谈谈tag标签的事儿。相信大家都知道如何给wordpress文章添加tag标签,这里就不多说了。我们今天来介绍一下“如何给wordpress网站模板添加热门tag标签“。一起来看看吧。

要想给wordpress网站模板添加热门标签,我们就需要了解一下wordpress函数——wp_tag_cloud(),我们称它为标签云函数,这个函数会调用wordpress网站最热门的tag标签。

wp_tag_cloud()函数的使用方法如下:

跟其它wordpress函数类似,这个函数的参数可以是一个字符串类型,也可以是一个数组类型。我们再来看一下这个参数都有哪些值:

下面对wp_tag_cloud()函数的参数做一个简单的解说:

wp_tag_cloud()案例解说:

下面,我们通过一个实例来介绍这个wp_tag_cloud()函数的怎样调用wordpress网站的热门tag标签。

上面的代码,我们设置了字体最大为22像素和字体最小为8像素,调用了20个热门标签。wp_tag_cloud()函数默认是按name标签名排序方式来排序的。效果如下图。


如果我们想让所有的标签按热门来排序,即按照标签内包含文章的数量的多少来排序,也就是说,包含文章最多的排最前面。我们可以修改代码如下:

我们再来看一下wordpress网站的前台页面的效果,如下图:


​我们可以看到所有的tag标签,按照热门程序的大小,从大到小地排序。当然,我们一般情况,不会这样弄的,因为这样弄不太好看,我们一般还是喜欢大大小小的标签错开显示比较好看。

在上面的代码中,wp_tag_cloud()函数的参数是一个数组。同样的,wp_tag_cloud()也可以是一个字符串,我们可以把上面的代码修改成如下样式:

好了,通过上面的介绍,相信大家都了解了wp_tag_cloud()函数的使用方法了,我们就这样为wordpress网站模板添加好了热门标签的功能。

如果还有什么疑问,您还可以观看我这个帐号发表的视频课程《如何给wordpress网站模板侧边栏,添加tag热门标签?》,里面会解说得更加详细。

WordPress如何在侧边栏显示分类最新文章

有很多用户可能都想过要在WordPress的侧边栏显示某一个分类下的最新文章,特别是当某一个分类文章更新比较快而又是十分重要的分类就更有此需求。如果搭配widget logic根据条件判断显示相应widget,那就可以根据用户当前浏览的页面所属分类而在侧边栏显示该分类下的最新文章,这非常有利于用户阅读更多文章。这篇文章将教您如何在侧边栏显示分类最新文章。

方法一:可用显示分类最新文章插件,如Category Posts Widget:
category-posts-plugin-settings
如图,这款插件就可以选择某个分类显示其最新文章,并可设置显示的数量和排序规则。

方法二:直接用代码实现显示分类最新文章,这也是本文的重点:

请添加以下代码到主题的fuction.php文件中:

/*

短代码显示分类最新文章

代码来源: www.wpzxbj.com

*/

function wpb_postsbycategory() {

// the query

$the_query = new WP_Query( array( \'category_name\' => \'announcements\', \'posts_per_page\' => 5 ) );

// The Loop

if ( $the_query->have_posts() ) {

$string .= \'

    \';

    while ( $the_query->have_posts() ) {

    $the_query->the_post();

    if ( has_post_thumbnail() ) {

    $string .= \'

  • \';

    $string .= \'\' . get_the_post_thumbnail($post_id, array( 50, 50) ) . get_the_title() .\'

  • \';

    } else {

    // if no featured image is found

    $string .= \'

  • \' . get_the_title() .\'
  • \';

    }

    }

    } else {

    // no posts found

    }

    $string .= \'

\';

return $string;

/* Restore original Post Data */

wp_reset_postdata();

}

// Add a shortcode

add_shortcode(\'categoryposts\', \'wpb_postsbycategory\');

// Enable shortcodes in text widgets

add_filter(\'widget_text\', \'do_shortcode\');

代码说明:请将以上代码中的分类别名“announcements”替换为你自己需要显示最新文章的分类别名,后面的数字5表示将抽取最新的5篇文章,数字可更改成自己需要显示的数量。当文章有特色图像时,将与文章标题一并显示,如果没有特色图像就只显示文章标题。

显示以上代码所抽取的分类最新文章:

1、在需要调用分类最新文章的地方添加以下代码即可获取该分类下的最新5篇文章:

2、也可以用以下短代码直接插入侧边栏文本widget里来显示最新分类文章:
[categoryposts]

至此,侧边栏显示分类最新文章已实现,但样式还很难看,我们可以在主题的style.css中为其添加相应的CSS样式,以下样式表仅供参考,可自行修改以适应主题风格:

ul.postsbycategory {

list-style-type: none;

}

.postsbycategory img {

float:left;

padding:3px;

margin:3px;

border: 3px solid #EEE;

}

最终效果图如下:
postsbycategory-code

标签:

提交需求或反馈

Demand feedback