如何使用WordPress内置图片仓库制作缩略图

更新于 2025年4月19日 WordPress 教程

如何使用WordPress内置图片仓库制作缩略图

如何使用WordPress内置图片仓库制作缩略图？

WordPress 不仅是博客, 很多时候 WordPress 还被用作为 CMS (内容管理系统). 博主们喜欢为每个文章加上统一大小的缩略图, 尤其是信息类平台. 其中比较常用的处理办法是用 custom field 向文章插入图片, 通过上传大小一致的小图或者使用 phpThumb 等工具生成缩略图.

2.7 开始, WordPress 大幅提升多媒体功能, 越来越多人使用 WP 的内置图片仓库. 对这些用户来说, 制作缩略图变得并不那么困难, 在上传图片的时候就会默认生成 150×150 规格的小图 (如果图片高度/宽度不足 150px, 使用原高度/宽度). 那我们可以充分利用这个功能, 在文章列表上加上这个图片作为缩略图. 这样处理各有利弊, 好处是简单, 智能 (不用每次输入缩略图), 坏处是消耗服务器流量.

Okay, 现在要做的就是提取上传生成的小图片, 并放置在文章的适当位置. 我创建了一个文件 thumb.php, 图片获取和调用一起处理, 文件内容如下.

代码如下:

<?php 
$args = array( 
'numberposts' => 1, 
'order'=> 'ASC', 
'post_mime_type' => 'image', 
'post_parent' => $post->ID, 
'post_status' => null, 
'post_type' => 'attachment' 
); 
$attachments = get_children($args); 
$imageUrl = ''; 
if($attachments) { 
$image = array_pop($attachments); 
$imageSrc = wp_get_attachment_image_src($image->ID, 'thumbnail'); 
$imageUrl = $imageSrc[0]; 
} else { 
$imageUrl = get_bloginfo('template_url') . '/img/default.gif'; 
} 
?> 
<a href="<?php the_permalink() ?>"><img class="left" src="<?php _fcksavedurl=""<?php" _fcksavedurl=""<?php" echo $imageUrl; ?>" alt="<?php the_title(); ?>" width="150" height="150" /></a>

这段代码会去找第一个上传的图片缩略图 (如果第一个图片被删除, 则找第二个的, 如此类推…), 如果找不到任何上传图片则使用默认图片

然后在文章列表 index.php, 存档页面 archive.php 和搜索页面 search.php 中调用, 调用代码如下.

代码如下:

<?php include('thumb.php'); the_content('Read More...'); ?>

这段代码是把图片放在文章内容前面, 图片如何摆放需要用 CSS 调整一下布局, 这里就不多说了.

你可能还喜欢下面这些文章

WordPress 文章自动配图、缩略图插件 WPAC 介绍与下载WordPress 文章自动配图、缩略图插件 WPAC 介绍与下载

2、自动生成的图片并非真实在磁盘中的图片，而是动态生成的，如果保存到磁盘会占用大量空间，这个空间没必要浪费，因此修改主题代码，直接将缩略图的地址改为wpac自动生成的缩略图地址是一个非常好的方案。

Wordpress怎么自动提取内容中第一张图片作缩略图Wordpress怎么自动提取内容中第一张图片作缩略图

具体分析如下：有时我们在发布文章时没有缩略图,我们希望系统自动提取我们发布的文章内容中第一张图片作为缩略图了,下面我来给大家介绍Wordpress自动提取内容中第一张图片作缩略图方法,有需要了解的同学可参考.在php中我们可以使用preg_m

如何制作自动配图的图片包如何制作自动配图的图片包

name表示图片包的名字，这里我们的图片包叫"我的图片包"。count表示图片包中图片的数量，具体以您制作的图片包图片数量而定，数量不限制，几百几千都行。最终我们的图片包里面的文件如下图所示：文件名是从0-3的连续数字，扩展名是jpg。

如何通过WordPress优化移动端图片自适应如何通过WordPress优化移动端图片自适应

如何优化WordPress移动端图片自适应？在移动设备占比超60%流量的当下，桌面端完美的图片常因分辨率差异在手机上出现模糊、变形或加载缓慢问题，影响用户体验与SEO。本文提供无需编码的解决方案：首先调整WordPress媒体设置，合理配置图

如何使用WordPress内置工具压缩网站图片如何使用WordPress内置工具压缩网站图片

WordPress内置工具可有效压缩网站图片，提升加载速度与SEO表现。文章详解如何利用媒体设置调整默认图像尺寸，使用内置编辑器缩放图片，并通过修改functions.php文件优化JPEG压缩质量（建议不低于70%）。针对现有图片，推荐使用

如何自动为WordPress文章添加特色图像如何自动为WordPress文章添加特色图像

但特色图像需要在编辑文章时手动添加很不方便，下面的代码可自动将文章中的第一张图片设置为特色图像。将下面的代码添加到当前主题的functions.php中：如果当前文章中没有图片，但又想显示一张默认的缩略图该怎么办，可以将上面的代码修改一下，调

为什么WordPress网站移动端图片无法自适应为什么WordPress网站移动端图片无法自适应

当手机访问WordPress网站时，图片溢出或变形的问题会直接导致62%用户流失。本文深度解析移动端图片失配的根源：固定像素尺寸与响应式需求的冲突，并提供四套解决方案：1）通过CSS注入强制响应式规则（需处理主题样式覆盖）；2）使用Smush

为什么WordPress网站图片上传后无法显示为什么WordPress网站图片上传后无法显示

WordPress网站图片上传后无法显示是常见问题，可能由多种原因导致。首先检查基础设置：确保文件权限正确（目录755/文件644），核对WordPress地址(URL)一致性，确认上传目录/wp-content/uploads/存在且有写入