wordpress列表页如果文章没有缩略图就显示默认图片
时间:2019-09-16
本文章向大家介绍wordpress列表页如果文章没有缩略图就显示默认图片,主要包括wordpress列表页如果文章没有缩略图就显示默认图片使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
有时我们在设计wordpress模板时需要考虑是否有特色图,在分类页上如果一些文章有缩略图一些没有那就有点参差不齐不美观,有没办法设置如果没有文章缩略图则自动显示默认图呢?可以的,随ytkah一起来看看。在category.php文件中,我们可以通过has_post_thumbnail()先判断是否有特色图,如果有就调用特色图,如果没有就调用默认图,如/images/default.jpg,代码如下
<div class="list"> <?php if(have_posts()) : ?> <?php while(have_posts()) : the_post(); ?> <div class="item wow zoomIn"> <a href="<?php the_permalink(); ?>"> <img src="<?php if ( has_post_thumbnail() ): ?><?php the_post_thumbnail_url( 'full' ); ?>" alt="<?php the_title(); ?>" width="520" height="300"> <?php else: ?><?php echo '/images/default.jpg'; ?>" alt="<?php the_title(); ?>" width="520" height="300"> <?php endif; ?> <strong><?php the_title(); ?></strong> <p><?php the_excerpt(); ?></p> </a> </div> <?php endwhile; ?> <?php posts_nav_link(); ?> <?php else : ?> no products! <?php endif; ?> </div>
保存上传,刷新缓存,打开分类页看看是不是已经调用默认缩略图了。
原文地址:https://www.cnblogs.com/ytkah/p/11526591.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- LeetCode77|排序链表
- LeetCode76|两颗二叉搜索树中的所有元素
- LeetCode75|二叉搜索树的第k大节点
- LeetCode86|只出现一次的数字II
- LeetCode85|只出现一次的数字III
- LeetCode84|只出现一次的数字
- LeetCode83|排序矩阵查找
- LeetCode82|翻转字符串里的单词
- LeetCode81|移动零
- LeetCode80|反转字符串中的元音字母
- LeetCode79|平方数之和
- LeetCode91|寻找重复数
- LeetCode90|两个数组的交集
- LeetCode89|在排序数组中查找数字I
- LeetCode88|两数之和IV-输入BST