php 图像srcset

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了php 图像srcset相关的知识,希望对你有一定的参考价值。

<?php if ( has_post_thumbnail()) : ?>
	<?php
		$thumbnail_id = get_post_thumbnail_id();
		$thumbnail_alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true);
		$thumbnail_small = wp_get_attachment_image_src($thumbnail_id, 'small');
		$thumbnail_large = wp_get_attachment_image_src($thumbnail_id, 'large');
	?>

	<img srcset="<?php echo $thumbnail_large[0]; ?> 480w, <?php echo $thumbnail_small[0]; ?> 1280w" src="<?php echo $thumbnail_small[0]; ?>" alt="<?php echo $thumbnail_alt; ?>" />
<?php endif; ?>
<img srcset="<?php echo $thumbnails['sizes']['gallery-4']; ?> 480w, <?php echo $thumbnails['sizes']['gallery-1']; ?> 1280w" src="<?php echo $thumbnails['sizes']['gallery-1']; ?>" alt="<?php echo $thumbnails['alt']; ?>" />

以上是关于php 图像srcset的主要内容,如果未能解决你的问题,请参考以下文章

WordPress 和 srcset 图像属性

Wordpress 将响应式 srcset 标题图像添加到主题

如何为响应式图像使用 srcset 和尺寸

WooCommerce 视网膜图像支持 - 不包含在 srcset 中

html 图像srcset

scss 响应式图像,srcset,图片标签