当前位置:首页 >正文

wordpress怎么实现文章缩略图显示

百度: 已收录 | 最后修改时间: 2018-09-14 14:50:37,
pos机流量卡
pos机流量卡

wordpress是使用比较多的博客程序,那么我们在使用的过程中想把文章用缩略图的形式排版,那么怎么才能使用啦?其实也是比较简单的。

怎么实现可以看看下面的图片

wordpress怎么实现文章缩略图显示

实现的样式是获取文章的第一张图片,来展现缩略图,废话不多说代码如下,

首先我们把下面的這段代码复制到functions.php函数模板即可

//缩略图显示
function post_thumbnail_src(){
global $post;
if( $values = get_post_custom_values(“thumb”) ) {//输出自定义域图片地址
$values = get_post_custom_values(“thumb”);
$post_thumbnail_src = $values [0];
elseif( has_post_thumbnail() ){    //如果有特色缩略图,则输出缩略图地址
$thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->id),’full’);
$post_thumbnail_src = $thumbnail_src [0];
else {
$post_thumbnail_src = ”;
ob_start();
ob_end_clean();
$output = preg_match_all(‘/<img.+src=[\'”]([^\'”]+)[\'”].*>/i’, $post->post_content, $matches);
$post_thumbnail_src = $matches [1] [0];   //获取该图片 src
if(empty($post_thumbnail_src)){//如果日志中没有图片,则显示随机图片
$random = mt_rand(1, 2);
echo get_bloginfo(‘template_url’);
echo ‘/img/’.$random.’.jpg’;
//如果日志中没有图片,则显示默认图片
//echo ‘/img/thumbnail.png’;

;
echo $post_thumbnail_src;

下面的是在index。php里面调用的代码

<?php echo post_thumbnail_src(); ?>” alt=”pos机的那些事” height=”100px” width=”140px”/>

图片的高度及样式需要自己手写完成,這里卡卡哥就不写给大家了。大家贴上去看看效果吧

对于wordpress怎么实现文章缩略图显示解答就到这里了,大家在使用pos机刷卡、pos机办理、pos机使用等等问题,上面有不明白的都可以加我微信(chengzhi369),使用pos机一定要在正规渠道办理,这样子使用才会更加的安全可靠,有保障。

版权声明:本文由作者:卡卡哥 原创,不允许转载,否则必追究法律责任,谢谢配合!!本文链接:https://www.chinahzx.cn/3301.html
本文标签:


pos机免费办理-微信:170-025-66688