欢迎光临
我们一直在努力
卡尔云 大网数据--高防低价服务器抢购 低至28/月十堰4-4就在零零陆云计算 金华高防物理机 40H64G 30M 158/月 819云计算香港20MCN2 300元/月
林枫云-专注独立IP高频VPS 低价高性价比—迅速云 GoDo云计算韩国物理机低至299元/月 龍行数据:美国100M服务器 299元/月 络V云计算:新加坡100M服务器 1200元/月
CNMCDN防护稳定又实惠 轻松云:美国200兆VPS16元/月 亦宁云200M大带宽 动态BGP低至35/月 低价高效上云-道之云网络 【科御云】香港CDN、延迟低速度快防御高

非插件实现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)
未经允许不得转载:沃园 » 非插件实现WordPress侧栏最新文章列表+缩略图调用

评论 抢沙发

评论前必须登录!

立即登录   注册