получать изображения вложения src и добавлять классы


8

У меня есть сообщения, каждый из которых содержит 4 прикрепленных изображения. В моем файле single.php я пытаюсь сделать так, чтобы все 4 изображения могли добавлять разные классы к каждому изображению.

<img class="image_1 no_lazy" src="first attached image src"/>
<img class="image_2" src="second attached image src"/>
<img class="image_3" src="third attached image src"/>
<img class="image_4" src="fourth attached image src"/>

вот что я пробовал, но вместо src я получаю массив ... Я думаю, что я действительно близок к решению, но я не могу понять, что я делаю неправильно ...

<?php
  global $post;
  $args = array( 
    'post_parent' => $post->ID, 
    'post_type' => 'attachment', 
    'post_mime_type' => 'image', 
    'orderby' => 'menu_order', 
    'order' => 'ASC', 
    'numberposts' => 4 );
   $images = get_posts($args); ?>

<img class="image_1 no_lazy" src="<?php  echo wp_get_attachment_image_src( $images[0]->ID, 'full' ); ?>"/>
<img class="image_2" src="<?php  echo wp_get_attachment_image_src( $images[1]->ID, 'full' ); ?>"/>
<img class="image_3" src="<?php  echo wp_get_attachment_image_src( $images[2]->ID, 'full' ); ?>"/>
<img class="image_4" src="<?php  echo wp_get_attachment_image_src( $images[3]->ID, 'full' ); ?>"/>

Кто-нибудь может мне помочь с этим?

Спасибо

Ответы:


13

Если вы хотите добавить только дополнительный класс, используйте его wp_get_attachment_image. У него есть несколько дополнительных параметров, и последний используется для задания имен классов.

Пример использования:

<?php echo wp_get_attachment_image( get_the_ID(), 'thumbnail', "", ["class" => "my-custom-class"] ); ?>

Основным преимуществом этого подхода является то, что вы также получите все srcsetатрибуты бесплатно.


0

wp_get_attachment_image_srcвозвращает массив с 3 элементами; URL изображения, ширина и высота. Вы должны повторить первый индекс результата.

Фактически, вы можете сделать свой код немного проще, используя foreachцикл:

foreach ( $images as $i => $image ) {
    $src = wp_get_attachment_image_src( $image->ID, 'full' );

    echo '<img class="image_' . ++$i;
    if ( $i === 1 )
        echo ' no_lazy';
    echo '" src="' . $src[0] . '" />';
}

если вам просто нужен URL, который вы можете использоватьwp_get_attachment_image_url()
iantsch
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.