Question

我在WordPress中有一个自定义循环的小问题。我正在使用皇家滑块（普通的jquery版本），并希望将帖子的附加图像显示为滑块。

到目前为止，它适用于此代码：

<?php
    $args = array( 'post_type' => 'attachment', 'posts_per_page' => -1, 'order' => 'ASC', 'post_status' =>'any', 'post_parent' => $post->ID ); 
    $attachments = get_posts( $args );
    if ( $attachments ) {
            foreach ( $attachments as $attachment ):
                echo '<div class="rsContent">';
                echo wp_get_attachment_image($attachment->ID, 'large', array( 'class' => 'rsImg'));
                $description = $attachment->post_content;
                if ($description):
                    echo '<div class="infoBlock infoBlockLeftBlack rsABlock" data-fade-effect="" data-move-offset="10" data-move-effect="bottom" data-speed="200">';
                    echo $description;
                    echo '</div>';
                endif;
                echo '</div>';
            endforeach;
        }
    ?>

所以我在fullsize中获得附加的图像。但是现在我也希望以中等和缩略图大小获得附加图像，这样我就可以创建一个响应滑块。

方式是，我可以做这样的图片标记：

<picture>
<source srcset="Attachment Thumbnail size" media="(max-width: 400)">
<source srcset="Attachment Medium size" media="(max-width: 900)">
<source srcset="Attachment Full size">
<img srcset="Attachment Full size">
</picture>

你们中有人有快速提示吗？

谢谢！

Answer 1

代替large echo wp_get_attachment_url($attachment->ID, 'large', array( 'class' => 'rsImg'));使用custom-image-size并在您的functions.php中定义custom-image-size，如add_image_size('custom-image-size',730,280,true);，然后使用重新生成缩略图插件，您会将图片大小更改为730*280，访问codex以了解有关此功能的更多信息。

WordPress：不同大小的附件图像

1 个答案: