发布特色图像自定义大小?

时间:2021-06-02 作者:DDulla

我在自定义特色图像的缩略图大小时遇到一些问题。

正在尝试注册860x364的自定义图像大小,该大小将用于博客文章页面本身以及博客文章列表。我不想替换缩略图,但是因为我在其他区域使用它。

代码:

if ( function_exists( \'add_theme_support\' ) ) {
  add_theme_support( \'post-thumbnails\' );
  set_post_thumbnail_size( 860, 364, true ); 
  add_image_size( \'featured-thumb\', 860, 364, true ); // 300 pixels wide (and unlimited height)
}
在我的单个博客帖子页面中,调用图像:

<a href="<?php $src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), \'full\', false ); echo esc_url( $src[0] ); ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail(\'featured-thumb\'); ?></a>
似乎没有改变什么,我做错了什么。WPRocket插入图片标签时出现了一些奇怪的事情?

HTML:

<a href="http....o.png" title="test">
  <picture class="attachment-featured-thumb size-featured-thumb wp-post-image">
   <source type="image/webp" srcset="https://...ogo.png.webp 900w, https://...167.png.webp 300w" sizes="(max-width: 900px) 100vw, 900px">
   <img width="900" height="500" src="https://...ogo.png" alt="Test" srcset="https://...go.png 900w, https://...167.png 300w" sizes="(max-width: 900px) 100vw, 900px">
  </picture>
 </a>

1 个回复
SO网友:ZealousWeb

一旦您为图像创建了自定义大小,您需要使用插件重新生成该特征图像(如果有多个,如果只有一个),然后删除该图像并再次上载,这样您就可以将裁剪后的图像放在前面。

相关推荐

Fix hover images blink

我使用php生成了这个css脚本,它用于在用户悬停时显示wordpress的第二个特色图像。问题是图像在闪烁,我不知道如何解决这个小问题。有人能建议解决这个问题吗?我已经实现了lazyload,但在这种情况下它是无用的。<div class=\"box\"> <?php $id = get_the_ID(); ?> <div class=\"rounded-circle\" style=\"background-image:url(\'