php - 在 Advanced Custom Fields 图像基本显示中为图像添加 ID

Question

我希望专门使用 CSS 在幻灯片放映中定位图像。

我使用带有高级自定义字段的 Wordpress 来使用 PHP 生成图像 DIV。

我的代码:

<?php $image = get_field('product1_image1');

    $size = 'large'; // (thumbnail, medium, large, full or custom size)
    if( $image ) {

    echo wp_get_attachment_image( $image, $size );
} ?>

此代码生成如下内容:

<img width="2000" height="1333" src="http://www.johanvanhengel.com/wp-content/uploads/2016/06/TOR_for_Montis_by_Lambi__Van_Hengel_04-2000x1333.jpg" class="attachment-large size-large cycle-slide cycle-sentinel" alt="text" sizes="(max-width: 2000px) 100vw, 2000px" style="position: static; top: 0px; left: 0px; z-index: 100; opacity: 1; display: block; visibility: hidden;">

我想为生成的 IMG 标签提供“product1_image1”的 ID，以便可以使用 css 对其进行定位。

ex #product1_image1 { 不透明度:1;

干杯!

Answer 1

改变..

echo wp_get_attachment_image( $image, $size );

进入:

echo wp_get_attachment_image( $image, $size, '', array( "id"=> "product1_image1") );

正如您将在文档中看到的，该函数支持将属性作为第四个参数； https://developer.wordpress.org/reference/functions/wp_get_attachment_image/