- 资源介绍
- 更新记录
- 安装教程
前段时间博主在朋友的WordPress博客看到文章缩略图+文章标题+文章链接的上一篇下一篇样式,觉得特别有意思,于是自己也试着实现这样的效果。
网上案例也挺多的,搜出一大堆,整理了下今天分享出来
效果图

函数代码
//WordPress文章上一篇下一篇显示缩略图
function wptoo_pageturn_thumb($id){
if (has_post_thumbnail($id)) {
echo get_the_post_thumbnail( $id, \'\', \'\' );
} else {
$first_img = \'\';
ob_start();
ob_end_clean();
$output = preg_match_all(\'//i\', get_post( $id )->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Defines a default image
$random = mt_rand(1, 10);
$first_img= get_bloginfo ( \'stylesheet_directory\' ).\'/images/random/\'.$random.\'.jpg\';
}
echo \'
post_title.\'\" />\';
}
}
使用方法
1、首先将上面的代码按需要添加到主题 functions.php 文件中。
2、然后将下面代码添加到single.php文件中,文章上一篇下一篇显示缩略图就能够实现了。
遇到WordPress建站上的问题可以加入我们的WordPress交流群一起交流分享WordPress建站经验噢。
WordPress交流群:8424781
猜你喜欢
-
WordPress技巧:获取统计文章内图片数量_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何调用指定分类文章_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress获取指定/当前分类目录的文章数量_52弹弹堂-5466shop.cn
2020-08-28 -
Wordpres多站点配置(站群建设)详细方法_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress获取文章摘要函数the_excerpt详解_52弹弹堂-5466shop.cn
2020-08-28 -
解决WordPress官网无法访问 429 Too Many Requests_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何给古腾堡编辑器添加自定义模块_52弹弹堂-5466shop.cn
2020-08-28 -
wordpress禁止指定省份访问_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress主题美化教程-浏览器右边多色滚动条_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress美化教程-为文章内容页添加展开收缩功能_52弹弹堂-5466shop.cn
2020-08-28
-
WordPress移除head头部js、css、feed等多余加载项_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress添加网站文章内容页字数统计代码_52弹弹堂-5466shop.cn
2020-08-28 -
20年最新WordPress安装详细教程,还在问wordpress如何安装?这篇文章解决问题_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress 让后台用户列表可以根据文章数进行排序_52弹弹堂-5466shop.cn
2020-08-28 -
给WordPress博客添加返回顶部/底部的教程_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress纯代码实现图片灯箱lightbox效果_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress获取当前登录用户的文章数量和评论数量_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何调用当前文章作者头像_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress主题分类、文章、页面、文章类型等模版继承规则和自定义方法。_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress获取自定义文章类型的全部分类法名称、链接、ID_52弹弹堂-5466shop.cn
2020-08-28
猜你在找
5466资源网 » WordPress文章上一篇下一篇显示缩略图_52弹弹堂-5466shop.cn
- 2020-08-28Hi,初次和大家见面了,请多关照!