在 wp-head 中获取帖子和链接的特色图像 rel="preload" as="image"

Question

我有一个代码可以将其放入 function.php 中。该代码运行良好。见下文

add_action( 'wp_head', function(){
$featured_img_url = get_post_thumbnail_or_first_img('et-pb-image--responsive--phone'); 
echo '<link rel="preload" as="image" href="'.$featured_img_url.'"/>';
});

目前，它正在添加到整个网站的 header.php 中。但我希望它仅在存档页面和主页上添加 header.php（设置为最新帖子视图）。

谢谢你

Answer 1

您可以使用内置功能来检查它是什么类型的页面。未经测试，但应该可以工作。

add_action( 'wp_head', function(){

  //Checks is this page archive page
  if( is_archive() ) {
  
    $featured_img_url = get_post_thumbnail_or_first_img('et-pb-image--responsive--phone'); 
    echo '<link rel="preload" as="image" href="'.$featured_img_url.'"/>';
    
  }
  
});

Answer 2

如何在下面的代码中调用当前页面的所有媒体图片URL和扩展名，如.png、.jpg、gif、webp等？在 Loops 函数中。

echo '<link rel="preload" as="image/<?php echo $imagesextensionname; ?>" href="<?php echo $imagesurl; ?>"/>';