WordPress - 特色图片

Question

我正在尝试优化使用特色图片的网站。当我转向一些分析工具时，他们会说我正在加载比缩略图所需的更大的图像。

这是因为WordPress对全尺寸图片和缩略图使用相同的URL。结果是WordPress正在下载两次大图片，然后缩小尺寸以适应缩略图。

有没有办法解决？比如，是否有某种方法可以为指向较小图像文件的缩略图添加不同的URL？

谢谢

Answer 1

首先，它不是关于WordPress它关于你使用的主题。默认WordPress功能如下：

<?php 
  if ( has_post_thumbnail() ) {
    the_post_thumbnail("full")
  } 
?>

会返回这样的东西：

<img width="1500" height="1276" src="path" class="post-img-full wp-post-image" alt="" srcset="path 1500w, path-300x255.jpg 300w, path-768x653.jpg 768w, path-1024x871.jpg 1024w, path-1080x919.jpg 1080w" sizes="(max-width: 1500px) 100vw, 1500px">

这是非常正确和现代的。你可以看到它不仅为每个thimbnail使用不同的路径，但它改变了图像取决于屏幕宽度。这里的“路径”应该是真正的道路

Answer 2

首先在functions.php中为特色图像添加新大小

 if ( function_exists( 'add_image_size' ) ) { 
    add_image_size( 'special', 250, 150,true );   
}

通话的第二阶段以图片为特色

<?php $img = wp_get_attachment_url( get_post_thumbnail_id($post->ID),'special' ); ?>

<img src="<?php echo $img ?>" />