0

首先：它甚至可能吗？

我想获得一个返回 srcset<img>标记的函数，以使我的 wordpress 布局响应。这对我来说很重要，因为我的 wrapper 是 1400 宽，这对于宽于 1400 @1 或 700 @2 的屏幕来说是很好的，但是对于手机来说太宽了，720px 的宽度对于@2 甚至@3 屏幕来说已经足够了（因为它们可以变得更清晰，但眼睛不会注意到太多）。

问题是我不知道在处理 php 时要提供哪种缩略图大小......所以我想使用srcset. 为此，我知道我必须在functions.php. 但是我应该怎么做以及怎么做？我应该修改the_post_thumbnail()功能吗？还是我应该创建一个新的？在这种情况下，如何从不同大小的帖子缩略图中获取不同的图像名称？

4

2 回答 2

1

您可以使用过滤器来修改_post_thumbnail 功能。

使用以下过滤器修改由 the_post_thumbnail 函数生成的输出。

           add_filter( 'post_thumbnail_html', 'your_function', 10, 6 );
于 2015-10-13T10:20:14.180 回答
0

您可以使用 wpwp_get_attachment_image_src()和get_post_thumbnail_id()函数来创建自己的<img>标签：

global $post;
$url1 = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'thumbnail' );
$url2 = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium');
<img src="<?php echo $url1[0]; ?>" srcset="<?php echo $url2[0]; ?> 500w" alt="alt-text" />

其中“缩略图”和“中”是图像尺寸名称。例如，默认的 WordPress 大小是缩略图、中、大和完整。您的主题可以声明更多尺寸。

如果您在循环内，则无需声明 de global $post。

于 2015-10-13T08:32:33.747 回答