如何在 WordPress 中创建附加图片尺寸

12/18/2023

为什么要在 WordPress 中创建附加图片尺寸?

通常,流行的 WordPress 主题和插件会自动创建附加图片尺寸。例如,您的主题可能会为存档页面或自定义主页创建不同的缩略图尺寸。

然而,这些图片有时可能无法完全满足您的要求。例如,您可能希望在子主题或网格布局中使用不同的图片尺寸。要实现这一点,您需要在 WordPress 中创建附加图片尺寸,并在需要时调用正确的图片。

为您的主题注册附加图片尺寸

大多数 WordPress 主题支持特色图片,也称为文章缩略图。然而,如果您正在创建自定义的 WordPress 主题,则需要通过在主题的 functions.php 文件中添加以下代码来添加对特色图片的支持:

add_theme_support( 'post-thumbnails' );

一旦添加了对文章缩略图的支持,您可以使用 add_image_size() 函数注册附加的图片尺寸。您将使用以下格式的 add_image_size 函数:

add_image_size( 'name-of-size', width, height, crop mode );

以下是几个完整函数的示例:

add_image_size( 'sidebar-thumb', 120, 120, true ); // 硬裁剪模式
add_image_size( 'homepage-thumb', 220, 180 ); // 软裁剪模式
add_image_size( 'singlepost-thumb', 590, 9999 ); // 无限高度模式

显示附加图片尺寸

添加更多图片尺寸后,就可以在 WordPress 主题中显示它们。只需打开您希望使用不同图片尺寸的主题文件,然后在文章循环中添加以下代码:

<?php the_post_thumbnail( 'your-specified-image-size' ); ?>

重新生成附加图片尺寸

add_image_size() 函数仅在您上传新图片时创建附加尺寸。这意味着在创建 add_image_size() 函数之前上传的所有图片都不会生成新尺寸。您需要使用



Related Posts

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>