网址导航网首页

嗨,欢迎来到25Qi网址导航

站长QQ:2598903095

WordPress

WP主题开发11:wordpress主题trans,右侧边栏的数据怎样调用?

时间:2022-06-23 丨 作者:WordPress教程学习网站 丨 关键词:wordpress主题开发11

在前面的章节中,我们修改好了WordPress主题trans的首页头部和左侧的代码,实现了我们想要的效果。今天,我们再来给trans主题首页的右侧边栏进行修改,把静态的代码修改成动态的。一般情况下,右侧边栏才是网站的主要侧边栏,而左侧一般是页面的主体部分。所以,右侧边栏大多是放置最新文章、热门文章排行等等这类信息。

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


第一步:从wordpress数据库中调用10篇最新文章。

trans主题右侧边栏最新文章列表的静态代码如下:

< ul class="c_right_article">
< a href="">aaaadadafdadfadfadfadf1
< a href="">aaaadadfadfadfads2
< a href="">aaaad3
< a href="">aaadadfadfadfadfsadfadfada4afdadfadfasd
< a href="">aaaadfadfadf5
< a href="">aaaaadfadfadfdf6
< /ul>

我们先把

  • 标签内的所有内容(所有a标签)都删除掉,变成如下代码:

< ul class="c_right_article">

然后,在这个ul标签内部添加wordpress最新文章的调用代码:

< ?php
query_posts('posts_per_page=10&caller_get_posts=1&orderby=new');
while (have_posts()) : the_post();
echo '< a href="'.get_the_permalink().'" title="'.get_the_title().'">';
echo get_the_title();
echo '';
endwhile;
wp_reset_query();
?>

image.png

代码中,我们用到了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篇文章,按评论多少排序。

原静态模板右侧边栏中的热门文章代码如下:

< ul class="c_right_con">
< div class="hot_left">
< a href="/">< img src="./images/index_17.jpg" alt="">
< /div>
< div class="hot_right">
< li>
< a href="/">百度站长工具抓取诊断失败的原因有哪些
< /li>
< li>
< span class="dashicons-before dashicons-calendar-alt">5月21日
< span class="dashicons-before dashicons-visibility">274
< /li>
< /div>
< /ul>

这是一篇热门文章的代码,我们要在右侧边栏显示10篇,所以,我们依然是要使用循环语句,修改后的代码如下:

< ?php
query_posts('posts_per_page=8&caller_get_posts=1&orderby=comment_count');
while (have_posts()) : the_post();
?>
< ul class="c_right_con">
< div class="hot_left">
< a href="">
< ?php
if(has_post_thumbnail()) { //如果有特色图片,就调用特色图片
the_post_thumbnail( //直接显示特色图片
'thumbnail' , //以缩略图的形式显示
array(
'alt' => trim(strip_tags( $post->post_title )), //img标签的alt属性
'title' => trim(strip_tags( $post->post_title )),//img标签的title属性
'class' => 'home-thumb'
)
);
}else { //否则调用文章第一张图片
echo '< img src="'.catch_first_image().'" alt="'.$post->post_title.'" width="150" height="150" />';
}
?>
< /a>
< /div>
< div class="hot_right">
< li>< a href=""> < /li>
< li>
< span class="dashicons-before dashicons-calendar-alt">

< /span>
< span class="dashicons-before dashicons-visibility">
< ?php get_post_meta($post->ID,"views",true); ?>
< /span>
< /li>
< /div>
< /ul>

image.png

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


第三步:从wordpress数据库中调用40个热门标签。

tag标签是wordpress的一个非常独特的内容,它可以像分类列表页一样地展示所有包含某个标签的文章列表,而那些所谓的搜索引擎,却非常地喜欢这个tag标签,收录量超大。闲话少说。我们先来看一下tras

< ul class="c_right_tag">
< a href="">aaaadad1
< a href="">aaaad2
< a href="">aaaad3
< a href="">aaadsa4
< a href="">aaa5
< a href="">aaaadf6
< /ul>

我们也是先把ul标签里的所有a标签删除,如下:

< ul class="c_right_tag">
< /ul>

然后,在这个ul标签中添加tag热门标签的调用代码,如下:

<?php
wp_tag_cloud('number=40&orderby=count&order=DESC&smallest=13&largest=13&unit=px');
?>

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

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

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

在线随机小姐姐图片换一批
最新收录
  • 黄飞鸿热炙理疗

    黄飞鸿热灸馆加盟项目,整店输出模式,专业热灸加盟技术培训,一个专业做中医养生的连锁品牌。源自黄飞鸿的嫡孙继承了黄飞鸿先生的遗志,多年来一直坚定不移地致力于大健康产业,并创立了黄飞鸿热灸馆;主要业务服务有黄飞鸿热炙理疗,黄飞鸿热炙理疗馆加盟,黄飞鸿理疗馆,黄飞鸿热灸,黄飞鸿养生馆加盟,黄飞鸿养生馆加盟,黄飞鸿热灸馆,黄飞鸿热灸体验馆,黄飞鸿热灸馆加盟,黄飞鸿热灸理疗馆,黄飞鸿热灸膏

  • tp钱包

    TokenPocket钱包支持数字资产存储。每天走势掌握,功能强大,在线管理数字货币,超多币种推送,多种交易方式,私钥用户自持且轻便易用的以太坊轻钱包。tp支持多资产类型,如:TokenPocket、ETH、QTUM、AE、BTM等大多数主流币种,让tp钱包更好地融入你的生活。

  • 浙江丰安齿轮股份有限公司

    浙江丰安齿轮股份有限公司成立于1999年1月,是一家集开发、设计、制造、销售服务为一体的齿轮专业制造商,占地面积93亩,总资产3亿余元,主要设备400余台。公司于2017年1月在“新三板”挂牌,股票代码870508。公司以精湛的技术、过硬的品质、优良的服务来赢得客户满意,努力打造业界一流齿轮制造企业。

  • 浙江中孚环境设备股份有限公司

    我公司系高新技术企业,专业从事空气净化的产品生产、工程服务及洁净技术的应用与研究,提供从空调处理设备、空调自动控制系统到洁净室系统全面服务,为各类工业用空气处理提供一揽子解决方案及交钥匙工程。   产品遍及全国几十个省市,并出口至巴基斯坦、伊朗等国家。我公司在化纤工艺空调领域精耕细作20余年,2001年进入医药、电子等行业的净化空调设备。   本公司拥有雄厚的技术力量和良好的售后服务,承接系统设计、技术咨询、产品制造、技术改造等项目。设备采用工业计算机、可编程序(PLC)控制器、数字直接控制器(DDC)等智能控制器,可实现节能显著的运行系统(节能策略有:新回风的焓值控制、二次回风、送风机的变频调速;非露点控制方案在过渡季节节能50%。在化纤纺丝行业采用的节能措施,同样可在医药行业的净化空调上使用);采用与国际惯例接轨的CAD设计和质量保证体系。

  • 江苏双友智能装备科技股份有限公司

    双友科技为客户提供直缝埋弧焊管生产线、直缝高频焊管生产线、螺旋埋弧焊管生产线、钢管内外防腐生产线,石油套管生产线,热处理生产线以及其他系列产品。同时公司致力于为高端铝业服务,为客户提供更为高效,节能,环保,安全的铸铝生产线及其相关设备。公司积极推进国际化发展战略,逐步实现品牌、市场、团队、技术、管理与国际化标准接轨。此外,公司与众多国际知名管材和铝材生产商建立了紧密的合作关系,在中东设立了海外分支机构。双友科技旨在将中国的高端制造带给世界。

  • 南京三超新材料股份有限公司

    南京三超新材料股份有限公司成立于1999年1月,注册资本9360万元,2017年4月21日,在深圳创业板成功挂牌上市。占地面积130亩,建筑面积约86,000平方米。是一家专业从事金刚石、立方氮化硼工具的研发、生产与销售的高新技术企业,现拥有金刚石砂轮和金刚石线两大类相互协同的产品系列,应用于硅、蓝宝石、石英、铁氧体、钕铁硼、陶瓷、玻璃、硬质合金等硬脆材料的精密切割、磨削与抛光。 公司自成立以来,始终坚持"以人为本、技术优先"的发展理念,先后引入多名外籍专家,并在日本成立了超硬材料工具的专业研发机构。经过多年研发,公司成为国内最早通过自主研发掌握金刚线制造的相关技术,成功实现产业化的企业之一,并且打破了国外企业的技术垄断,与新研发成功的硅片背面减薄砂轮、硅片倒角砂轮、PAD修整器等产品,为半导体及太阳能光伏行业提供了优质的金刚石工具,并凭借良好的品质与高性价比,赢得了众多实力用户认可,在国内形成了较高的行业影响力。