Wordpress custom-single-product.php：如何<；数据已满=。。。更改主映像？

我正在另一个开发者创建的WordPress网站上工作，由于WordPress的更新，自定义主题在某些地方被破坏了。我已经设法解决了大多数问题，但这一个让我感到困惑，主要是因为我不确定它最初是如何工作的！我对PHP和WordPress相当陌生，我的大部分经验都是在HTML/CSS中。。。 无论如何，我已经修改了这段代码来解决一些问题，它的当前状态是：

我不确定是否有javascript做了一些花哨的事情来让它工作，但这里有一个代码片段，可以帮助您了解如何使用WP 4.4中从


"
srcset=“”
sizes=“（最大宽度：50em）87vw，680px”alt=“A rad wolf”>

注意：您可以将“中”更改为其他wordpress默认大小，如“小”、“中”、“大”、“满”或在functions.php中自行设置自定义大小

注2：控制响应如何工作的主要因素是“sizes”属性，该属性指定了以何种宽度显示的内容。更多信息可在此处找到，请参见
我在研究lol时确实遇到过这段代码片段，但无法使其工作……除非它被拉出来，否则我看不到任何javascript在其他地方，我不太了解WordPress，因此无法确保它不会从某个地方潜入一些内容！无论如何都没有标记。我将通读该教程。谢谢：）您可能需要重新生成缩略图，以便以不同的分辨率重新生成新图像。您可以尝试
<div class="full rounded-corners" >
    <!-- first image is viewable to start -->
    <?php echo the_post_thumbnail(); ?> 
</div>
<div class="previews">
<?php
global $wpdb;
$attachment_ids = $product->get_gallery_attachment_ids();

foreach ($attachment_ids as $attachment_id) {
    $sql = "SELECT guid FROM wp_1posts WHERE ID = " . $attachment_id;
    $row = $wpdb->get_row($sql);
    ?>
    <a data-full="<?php echo $row->guid; ?>"><img src="<?php echo $row->guid; ?>" width="56" height="58" /></a>

<?php } ?>
        

<div class="full rounded-corners" >
    <!-- first image is viewable to start -->
    <?php echo the_post_thumbnail(); ?> 
</div>
<div class="previews">
    <?php
    global $product;
    $attachment_ids = $product->get_gallery_attachment_ids();
    foreach( $attachment_ids as $attachment_id ) {
   ?>
       <a data-full="<?php echo wp_get_attachment_url( $attachment_id ); ?>"> <img src="<?php echo wp_get_attachment_url( $attachment_id ); ?>" style="height:60px; width:auto;"></a>
   <?php }
   ?>
</div>
</div>

<img style="display: inline;" src="http://localhost/MooreRiverWP/wordpress/wp-content/uploads/2015/07/View-to-Ocean.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="8 Harris Street" srcset="http://localhost/MooreRiverWP/wordpress/wp-content/uploads/2015/07/8-Harris-Street-200x133.jpeg 200w, http://localhost/MooreRiverWP/wordpress/wp-content/uploads/2015/07/8-Harris-Street.jpeg 314w" sizes="(max-width: 314px) 100vw, 314px" height="209" width="314">

<?php
$img_src = wp_get_attachment_image_url( $attachment_id, 'medium' );
$img_srcset = wp_get_attachment_image_srcset( $attachment_id, 'medium' );
?>
<img src="<?php echo esc_url( $img_src ); ?>"
     srcset="<?php echo esc_attr( $img_srcset ); ?>"
     sizes="(max-width: 50em) 87vw, 680px" alt="A rad wolf">