非插件实现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内容且带有缩略图效果。

投上你的一票

原创文章,转载请注明出处:https://www.itbulu.com/wordpress-new-post-thumb.html

上一篇 2014年6月25日 10:36
下一篇 2014年9月23日 09:44

相关推荐

  • 调用WordPress最新编辑/修改文章列表方法

    我们在调整WordPress程序调用文章的时候,可能会有见过调用最新文章、热门文章,以及多少天热度文章的列表。但是,如果有一些文章是我们早期更新的,近期如果有变动重新编辑过的,这类…

    2017年10月16日
  • 无插件实现WordPress自动获取关键字(keywords)、描述(description)

    如果我们有使用原生态的WordPress程序,在一些用户体验和搜索引擎体验设置是不够理想的,不过如果我们选择一些主题中可能会自带这些功能。比如标题自定义、关键字和描述的设置,我们一…

    2017年10月24日
  • WordPress 4.8正式版发布

    根据之前的约定,WordPress 4.8将于6.8日正式发布,今天早上看到果然发布出来(时差问题),这次更新算是2017年第一个主版本更新,且是由WP创始人Matt负责开发,目前…

    2017年6月9日
  • 快速给WordPress站点文章自动生成二维码办法

    老蒋在浏览一些博客的时候看到有些朋友将每一篇文章底部或者特定显眼的位置生成自动二维码,这样如果有需要手机浏览站点的需要,可以直接扫描二维码用手机阅读。这样的二维码功能是如何实现的呢…

    2018年5月8日
  • WordPress网站运营过程中需要做的8件事情

    早年我们要拥有自己的网站还是需要一定的技术的,需要自己写网站程序,因为那时候可以使用的开源CMS源码比较少,而且安全性不高。而如今就非常简单,我们可以几分钟快速搭建个人网站、博客。…

    2017年5月3日