最近为一位朋友定制一款图片主题,为其使用了 七牛云存储 服务,但是想让缩略图支持URL外链引用图片,虽然说七牛有api可以直接调用不同大小的图片,但是对于某人的博客来说,或许是大材小用。对于很多朋友来说,这个api可能很方便,但是却非常难以折腾。这里周良为大家提供一个最简单的方法(非调用API,而是所有的外链图片 WordPress 都可以支持的方法)。

下面是本方法的特地:

  • 支持手动上传缩略图
  • 支持缩略图外链引用
  • 如果文章内包含有图片,就用第一张图片做为缩略图
  • 如果文章内没有图片,则用默认的图片

其实就是用 WordPress 提供的自定义栏目功能来解决。

1
$postImageUrl  = get_post_meta ( $post -&gt ;ID ,  'thumbnail' ,  true ) ;  //设置自定义栏目名为“thumbnail”

1.在functions.php文件中添加下面代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
//缩略图获取
add_theme_support (  'post-thumbnails'  ) ;
set_post_thumbnail_size (  262 ,  114  , true  ) ; //设置缩略图的尺寸
function dm_the_thumbnail ( )  {
global  $post ;
$postImageUrl  = get_post_meta ( $post -&gt ;ID ,  'thumbnail' ,  true ) ;  //设置自定义栏目名为“thumbnail”
// 判断该文章是否设置有缩略图,如果有则直接显示
if  ( has_post_thumbnail ( )  )  {
echo  '<span class="work-thumbnail">' ;
the_post_thumbnail ( ) ;
echo  '</span>' ;
}  elseif  ( $postImageUrl )  {
echo  '<span class="work-thumbnail"><img alt="" src="' . $postImageUrl . '" /></span>' ;
}  else  {  //如果文章没有设置缩略图,则查找文章内是否包含图片
$content  =  $post -&gt ;post_content ;
preg_match_all ( '/&lt;img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?&gt;/sim' ,  $content ,  $strResult , PREG_PATTERN_ORDER ) ;
$n  =  count ( $strResult [ 1 ] ) ;
if ( $n  &gt ;  0 ) {  // 如果文章内包含有图片,就用第一张图片做为缩略图
echo  '<span class="work-thumbnail"><img alt="" src="' . $strResult [ 1 ] [ 0 ] . '" /></span>' ;
} else  {  // 如果文章内没有图片,则用默认的图片
echo  '<span class="work-thumbnail"><img alt="" src="' .get_bloginfo ( 'template_url' ) . '/images/thumbnail.jpg" /></span>' ;
}
}
}

2.折腾完这些步骤以后,需要后台界面右上角点击显示选项,勾选自定义栏目。

3.获取timthumb.php文件,放在主题根目录下
然后调整样式之类的,关于代码中的结构和类名可以修改为适合自己所使用的主题。

让 WordPress 缩略图机制支持URL外链图片相关推荐

  1. WordPress将如何url外链图片设置为特色图片?

    这里总给下平时使用wordpress的过程中的一些经验和技巧. 缩略图支持外链图片 之前我在幸苦的找WP网站如何支持缩略图外链图片.包括安装插件和修改代码.后来我直接百度了问题:才知道是WP不默认支持 ...

  2. 一个让WordPress媒体库支持外链图片的插件

    最近有一个月左右没更新了,因为这个月的业余时间都在忙于一个WordPress插件:External Media without Import. 其实只是很小很简单的一个插件,代码不过短短几百行.不过这 ...

  3. 2022 WordPress All Pic Local v0.2 下载外链图片到本地

    WordPress批量下载外链图片到本地插件,这是我在网上不经意间发现的,觉得挺有用的,就发上来共享下.这插件的功能是能把所有文章内的站外图片下载到本地指定目录里,而且可以替换原图片URL到新地址.如 ...

  4. 解决CSDN导入md文档时图片显示不出来,出现[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jiakLQhy-1628602853830)提示

    解决CSDN导入md文档时图片显示不出来,出现[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jiakLQhy-1628602853830)提示 https://blog ...

  5. 外链图片也有风险吗?

    一直以来,各大论坛和邮箱都允许使用外链图片.一方面解决了上传和保存带来的资源消耗,更重要的是方便用户转载图片. 然而,简单的背后是否暗藏着什么风险呢?大多或许认为,不就是插入了一张外部图片而已,又不是 ...

  6. Git连接GitHub仓库,同步上传图片及CSDN外链图片转存失败解决方案

    Git连接GitHub仓库,同步上传图片及CSDN外链图片转存失败解决方案 ​ 最近在使用markdown编辑器写博客时,发现了一个问题,就是本地图片的上传问题,查阅发现,可以上传本地图片,使用外链进 ...

  7. php外链图片转换,解决zblogPHP远程外链图片自动保存的办法

    使用zblogphp版的独立博客博主们可能没有在意,zblogphp存在一个小bug就是在博客没有启用远程图片附件自动保存到本地的情况下,编辑文章中使用的外链图片依然会被自动保存到本地(在附件管理中可 ...

  8. savefiles提供免费25G网盘,可外链图片、视频

    savefiles网盘提供免费的25g容量给注册用户,单个文件最大可上传2g,可以外链图片.视频等文件到网页.上传速度快,不限制下载次数,不限速.国外网盘虽说不限速但也不可能像国内网盘那么快.游客也可 ...

  9. 外链图片怎样搬到淘宝

    本文来源于http://www.daxiangce.com/space-5760-do-blog-id-975.html 淘宝店主应该都知道,从2014年4月份开始,淘宝上传宝贝禁止描述里引用了第三方 ...

最新文章

  1. VS中怎样对C#项目进行单元测试
  2. 数据结构与算法常见笔试题 .
  3. vba htm转成图片_提取1000页PPT的图片,同事花了两小时,我只花了两分钟
  4. 2019年文章精选,分类整理,顺带聊几句时间观念
  5. STM32F103单片机生成16路PWM波
  6. “硅谷女王”传奇:她是谷歌云 CEO,创立巨头 VMware
  7. 移动互联网“大开放”之死
  8. 【LeetCode】【refine 2】题号:*2. 两数相加
  9. 2021-11-14
  10. 【C语言】贪吃蛇小游戏代码详解
  11. 科研笔记2:科技论文作图规范
  12. JQuery实现 任务清单案例
  13. Aviation turbofan starting model
  14. Windows 防火墙日志相关
  15. 任务调度:全网最全 xxl-job任务触发流程
  16. 机器学习算法 09-02 TensorFlow核心概念 TensorFlow基础代码、TensorFlow线性回归解析解和BGD求法
  17. Unity向量投影使用
  18. YUI介绍以及快速入门 Yahoo的JS框架
  19. lightroom 闪退_最近Autodesk软件全部闪退的解决办法
  20. 制作mac os x lion启动盘

热门文章

  1. 上级练习3--制作全国公安机关互联网管理服务平台
  2. webbuilder学习2
  3. 【Android基础】应用界面编程
  4. cv2.rectangle不会修改原图像
  5. 中国建设银行综合前端业务系统典型应用案例
  6. python中单引号和双引号区别
  7. Python 3.8 的赋值表达式与海象运算符
  8. python两个下划线怎么打_python中下划线怎么打
  9. python自动化之路-day2
  10. 初来日本全记录之赴日篇