2024 年 5 月 10 日 我的频道
Wordpress 随机特色图像
  • 2021
  • Sunny

这个功能我一直研究了几天,想法都是跟随机文章列表一样的原理,不同的是显示有特色图像的文章,昨天的一个研究成果今天却不能实现起来,昨天写的代码是双条件语句进行判断,可是到了显示特色图像的时候就不能循环输出,而且只输出一个图片达 6 次之多,今天特意重写了一下代码,也是参考了 Wordpress 的开发手册,结合网上一些例子实现的,也是一个自学的过程吧。开始是先用 html 结合 php 把效果写出来,实现以后结合程序,定义一个参数到 Function.php 中,然后调取参数,一切正常:

PHP

//随机显示特色图像
function recent_thumbnail() {
echo ‘<div class=”grid”>’;

$arr = array( ‘meta_key’ => ‘_thumbnail_id’,
‘showposts’ => 6,
‘posts_per_page’ => 6,
‘orderby’ => ‘rand’,
‘ignore_sticky_posts’ => 1,
‘order’ => ‘DESC’ );

$slideshow = new WP_Query( $arr );
if ( $slideshow->have_posts() ) {
$postCount = 0;
while ( $slideshow->have_posts() ) {
$slideshow->the_post();

echo ‘<div class=”item”>’;

// 获取特色图像的地址
$timthumb_src = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ),’large’ );
echo ‘<img border=”0″ alt=”‘ . get_the_title() . ‘” src=”‘ . $timthumb_src[ 0 ] . ‘” /> ‘;

echo ‘<a href=”‘ .get_the_permalink() . ‘” title=”‘ . get_the_title() . ‘”>’;
echo ‘<div class=”layer”></div>’;
echo ‘</a></div>’;

} // endwhile
wp_reset_postdata();
} // endif

echo ‘</div>’;
}

前端调用:

PHP

<?php recent_thumbnail(); ?>

之前所写的随机调取媒体库的代码也实现相应的功能,不同的是不能添加对文章相应的链接,这次也成功实现。

WORDPRESS
2251
0

Author Box

名字:Sunny
注册:Jan 30, 2021
简介:技术菜鸟,拷贝、黏贴代码中 ……

Comment Box

5 1 投票
Article Rating
订阅评论
提醒
guest

0 评论
内联反馈
查看所有评论