WordPress - 特色图片答案

【问题标题】：WordPress - Featured ImageWordPress - 特色图片
【发布时间】：2019-07-31 12:12:57
【问题描述】：

我正在尝试优化使用特色图片的网站。当我求助于一些分析工具时，他们会说我加载的图像比我需要的缩略图大得多。

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

这有什么问题吗？例如，有没有办法为指向较小图像文件的缩略图输入不同的 URL？

谢谢

【问题讨论】：

标签： wordpress wordpress-theming custom-wordpress-pages dynamic-featured-image

【解决方案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">

这是非常正确和现代的。您可以看到它不仅对每个缩略图使用不同的路径，而且它会根据屏幕宽度更改图像。这里的“路径”应该是真正的路径

【讨论】：

【解决方案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 ?>" />

【讨论】：