自己不会代码想做网站？WordPress有个100的缩略图哪家好

自己不会代码想做网站？别急，WordPress就是你的救星！尤其在河北，很多企业主想要快速上线官网，但又不懂技术，这时候WordPress简直就是为他们量身定做的。今天咱们就来聊一聊怎么在WordPress里设置一个100x100像素的缩略图，整个过程不需要写一行代码，而且操作简单，适合零基础的你。如果你也在找哪家好，那这篇教程绝对值得收藏。

需求分析：为什么需要100x100像素的缩略图？

在网站设计中，缩略图的作用不可小觑，尤其是在文章列表、分类页面、社交媒体分享等场景中。一个统一尺寸的缩略图可以让页面看起来更整洁、专业。在河北很多企业官网里，使用标准尺寸的缩略图能提升整体设计的视觉统一性，也能提升用户的浏览体验。

如果你是第一次接触WordPress，可能会有这些疑问：

什么是缩略图？
为什么需要设置成100x100像素？
WordPress有没有内置工具支持？

别担心，这些问题我们都会一步步来解答。

环境准备：你需要哪些工具和插件？

在开始之前，确保你的环境已经准备好了。以下是你需要的基本配置：

WordPress网站

你需要一个已安装并配置好的WordPress网站。如果你还不知道怎么做，可以参考我们之前的文章，教你如何在河北本地服务商的帮助下快速搭建一个网站。通常，选择一家靠谱的建站服务商（比如阿里云、腾讯云、华为云等）都是不错的选择。

网站主题

建议你选择一个支持缩略图功能的主题，比如主流的Astra、Divi、OceanWP等主题都支持自定义缩略图设置。在河北，很多企业主都会选择这些主题，因为它们轻量、美观，且兼容性强。

插件推荐

虽然WordPress本身有一些默认功能，但如果你想要更灵活地控制缩略图的尺寸和样式，可以安装以下插件：

Regenerate Thumbnails：用于批量生成或重生成缩略图。
WP Smush：可以优化图片大小，提升加载速度。
Advanced Custom Fields (ACF)：如果你想自定义字段和缩略图的显示方式，这个插件非常实用。

核心步骤：如何设置100x100像素的缩略图？

设置一个100x100像素的缩略图其实并不难，下面我们就一步一步来教你怎么操作。

第一步：进入WordPress后台

登录你的WordPress后台，导航到「设置」→「媒体」。在这里你可以看到默认的缩略图尺寸设置。

第二步：添加自定义缩略图尺寸

默认情况下，WordPress只提供几种标准缩略图尺寸。如果你想要一个100x100像素的缩略图，你需要手动添加一个新的尺寸。

在「媒体」设置页面，找到「缩略图尺寸」部分，点击「添加」按钮，输入以下参数：

宽度：100
高度：100
作物：勾选“硬裁剪”（Hard Crop）

然后点击「添加」，系统会自动创建这个尺寸。

第三步：上传图片并设置缩略图

现在你可以在文章编辑页面上传图片，并设置这个100x100像素的缩略图作为封面图。在编辑文章的右侧边栏，有一个「特色图像」的选项，点击选择一张图片，系统会自动根据你设置的尺寸生成缩略图。

第四步：使用Regenerate Thumbnails插件批量生成缩略图

如果你已经上传了大量图片，但还没有生成100x100像素的缩略图，那么你需要使用「Regenerate Thumbnails」插件。安装并激活插件后，导航到「工具」→「Regenerate Thumbnails」，点击「批量再生所有缩略图」按钮，系统会自动为所有已上传的图片生成你设置的100x100像素缩略图。

第五步：使用Google Search Console检查缩略图是否生效

设置好缩略图后，你可以通过Google Search Console（谷歌搜索控制台）来检查缩略图是否生效。登录后，进入「站点: 概览」→「搜索结果」→「图像」，查看是否有100x100像素的缩略图被正确抓取。如果发现异常，可以点击「抓取错误」查看具体问题，然后及时修正。

代码/配置示例：如何在主题中调用100x100像素的缩略图？

如果你有开发能力，或者想在主题文件中调用这个缩略图，可以使用以下代码示例。

方法一：使用WordPress内置函数 `the_post_thumbnail()`

在文章模板文件（如single.php或archive.php）中，可以使用以下代码来调用100x100像素的缩略图：

<?php
if ( has_post_thumbnail() ) {the_post_thumbnail( '100x100' ); // 这里的 '100x100' 是你之前设置的缩略图尺寸
}
?>

这个函数会自动调用你设置的100x100像素的缩略图，非常适合用于文章列表、分类页等场景。

方法二：使用自定义字段调用缩略图

如果你需要更灵活的调用方式，可以使用Advanced Custom Fields插件，添加一个自定义字段来存储缩略图，然后在模板文件中通过以下代码调用：

<?php
$custom_image = get_field('custom_thumbnail'); // 这里 'custom_thumbnail' 是你的自定义字段名称
if ( $custom_image ) {echo '<img src="' . $custom_image['url'] . '" alt="' . $custom_image['alt'] . '" width="100" height="100">';
}
?>

这段代码会直接调用你上传的图片，并设置为100x100像素。