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,图片标签