非插件实现WordPress侧栏最新文章列表+缩略图调用

文章目录

  • 第一、代码部分
  • 第二、样式部分

如果是一般的WordPress主题,需要调用最新的文章列表至侧边栏直接拖动小工具就可以完成,即便有些主题不支持小工具我们也可以在侧边模板中手工添加最新的内容。但是,如果需要在侧边栏调用最新的内容且带有缩略图,要么可以用插件解决,要么采用无插件代码实现,这里蜗牛整理非插件实现WordPress侧栏最新文章列表+缩略图调用。

文章目录
隐藏

第一、代码部分

第二、样式部分

第一、代码部分

<ul id=\”new-posts\”>
<?php
$recentPosts = new WP_Query();
$recentPosts->query(\’showposts=10\’); ?>
<?php while ($recentPosts->have_posts()) : $recentPosts->the_post(); ?>
<li>
<?php
if ( has_post_thumbnail() ) {
?>
<a href=\”<?php the_permalink(); ?>\” title=\”<?php the_title(); ?>\”><?php the_post_thumbnail(\’thumb\’, array(\’alt\’ => \’\’.get_the_title().\’\’, \’title\’ => \’\’.get_the_title().\’\’)); ?></a>
<a class=\”new-post-title\” href=\”<?php the_permalink(); ?>\” title=\”<?php the_title(); ?>\”><?php the_title(); ?></a>
<?php } else {?> <a class=\”new-post-title\” href=\”<?php the_permalink(); ?>\” title=\”<?php the_title(); ?>\”><?php the_title(); ?></a>
<?php } ?>
<p>in <span class=\”new-categ\”><?php $category = get_the_category(); $categLink = get_category_link($category[0]->cat_ID); ?> <a href=\”<?php echo $categLink; ?>\” title=\”<?php $category[0]->cat_name; ?>\”><?php echo $category[0]->cat_name; ?></a></span></p>
</li>
<?php endwhile; ?>
</ul>

利用WP_Query函数调用最新的文章以及缩略图,前提是我们必须有缩略图的功能,这个我们自己添加就可以。

第二、样式部分

需要定义样式部分,根据实际情况再做未调整。

#new-posts li { overflow:auto; margin:20px 0px;}
#new-posts li img { float:left; margin-right:10px; border:3px solid #798295;}
.new-post-title { text-decoration:none; font-weight:bold; color:#798295;}
.new-post-title:hover{color:#6eaebe;}
#new-posts li p { margin-top:10px; }
.new-categ{padding:5px;background:#6eaebe;}
.new-categ a{ font-weight:normal;color:#464b56;}
.new-categ a:hover{color:#545b68;}

这样我们可以看到调用的最新WORDPRESS内容且带有缩略图效果。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

【声明】:本评测不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告

木沐主机评测 国外服务器主机评测 非插件实现WordPress侧栏最新文章列表+缩略图调用 https://www.mumupc.com/archives/10965.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

  • 0 +

    访问总数

  • 0 +

    会员总数

  • 0 +

    文章总数

  • 0 +

    今日发布

  • 0 +

    本周发布

  • 0 +

    运行天数

你的前景,远超我们想象