wpf 侧边栏(WP主题开发11:wordpress主题trans,右侧边栏的数据怎样调用?)WordPress主题 / WordPress主题中的自定义侧边栏设置...

wufei123 发布于 2024-06-04 阅读(14)

在前面的章节中,我们修改好了wordpress主题trans的首页头部和左侧的代码,实现了我们想要的效果今天,我们再来给trans主题首页的右侧边栏进行修改,把静态的代码修改成动态的一般情况下,右侧边栏才是网站的主要侧边栏,而左侧一般是页面的主体部分。

所以,右侧边栏大多是放置最新文章、热门文章排行等等这类信息我们打开trans主题的index.html静态模板,我们可以看到,它的右侧边栏主要有3个板块:最新文章、热门文章、热门标签目前,它们的数据都是写死的,我们要实现的是:从wordpress数据库中调用数据,让这些数据活起来。

第一步:从wordpress数据库中调用10篇最新文章trans主题右侧边栏最新文章列表的静态代码如下:aaaadadafdadfadfadfadf1aaaadadfadfadfads2aaaad3aaadadfadfadfadfsadfadfada4afdadfadfasdaaaadfadfadf5aaaaadfadfadfdf6 。

我们先把标签内的所有内容(所有a标签)都删除掉,变成如下代码: 然后,在这个ul标签内部添加wordpress最新文章的调用代码:

< ?phpquery_posts(posts_per_page=10&caller_get_posts=1&orderby=new); while (have_posts()) : the_post(); echo ;echo get_the_title(); echo ;endwhile; wp_reset_query(); ?>

最新文章效果代码中,我们用到了wordpress程序的一个查询函数——query_posts(),它的作用是:从wordpress数据库的wp-posts数据表中按条件查询文章上面的代码中,给了3个条件:。

posts_per_page=10 => 查询10篇文章;caller_get_posts=1 => 排除置顶文章;orderby=new => 排序按最新的接着又用到了while循环语句这里再强调一下,循环语句一定要结束它(endwhile) 或者用大括号把循环体包括起来。

另外,使用了query_posts()查询语句,就一定要使用 wp_reset_query()来结束它,否则,后面的代码数据就可能会出错第二步:从wordpress数据库中调出10篇文章,按评论多少排序。

原静态模板右侧边栏中的热门文章代码如下:百度站长工具抓取诊断失败的原因有哪些5月21日274

这是一篇热门文章的代码,我们要在右侧边栏显示10篇,所以,我们依然是要使用循环语句,修改后的代码如下: trim(strip_tags( $post->post_title )), //img标签的alt属性title => trim(strip_tags( $post->post_title )),//img标签的title属性class => home-thumb )); }else { //否则调用文章第一张图片echo post_title." width="150" height="150" />;}?> ID,"views",true); ?>

热门文章效果上面代码中的query_posts()参数,我们用到了 orderby=comment_count ,这表示按评论多少来排序文章代码中其它的wordpress函数,我们在前面的章节中都已经介绍过,这里就不多说了。

第三步:从wordpress数据库中调用40个热门标签tag标签是wordpress的一个非常独特的内容,它可以像分类列表页一样地展示所有包含某个标签的文章列表,而那些所谓的搜索引擎,却非常地喜欢这个tag标签,收录量超大。

闲话少说我们先来看一下trasaaaadad1aaaad2aaaad3aaadsa4< a href="">aaa5< a href="">aaaadf6

我们也是先把ul标签里的所有a标签删除,如下: 然后,在这个ul标签中添加tag热门标签的调用代码,如下:

热门标签效果​上面的代码中,我们使用了wordpress提供的一个标签云函数wp_tag_cloud(),如要不添加任何参数,它会显示当前wordpress网站中的所有的tag标签我们这里给它添加了6个参数:。

number=40 => 显示多少个标签orderby=count => 按文章数量排序order=DESC => 倒序smallest=13 => 字体最小13largest=13 => 字体最大13 ,要以根据自己的需求来设置大小unit=px => 字体的单位,px表示像素

通过上面的几步,我们就为wordpress主题trans的首页右侧边栏修改好,我们从wordpress数据库的中调用了最新发表的文章和热门文章、热门标签,让整个右侧边栏也动了起来,达到了我们想要的效果当然,我们还可以给右侧边栏添加更多的功能模板,如:文章归档、日历、近期评论、广告等等,这些,我们需要根据自己或客户的需求而定。

发子,本章就介绍到这里,如有疑问,欢迎点评和关注我

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

河南中青旅行社综合资讯 奇遇综合资讯 盛世蓟州综合资讯 综合资讯 游戏百科综合资讯 新闻74192