tpavlova30 16.01.2023 02:49

Как добавить кастомный атрибут к изображению в WordPress?

Здравствуйте! У меня возникла проблема с добавлением кастомного атрибута к изображению в WordPress. Я хотел бы узнать, как это сделать.

У меня есть следующий код, но он не работает:


<?php
    $image_attributes = wp_get_attachment_image_src( $attachment_id, 'full' );
    $image_url = $image_attributes[0];
    $image_title = get_the_title( $attachment_id );

    $custom_attribute = "data-custom-attribute='my_custom_value'";

    $html = '<img src="' . $image_url . '" alt="' . $image_title . '" ' . $custom_attribute . '/>';
    echo $html;
?>

Как я могу добавить кастомный атрибут к изображению в WordPress?

Заранее благодарю за помощь!

Ответы:

dimamagistr30 16.01.2023 03:01
Вам следует внимательно изучить документацию WordPress о функции wp_get_attachment_image_src().
arodionov42 16.01.2023 03:22
Можете попробовать использовать функцию wp_get_attachment_image_attributes для добавления кастомного атрибута к изображению в WordPress.
inna18Care 16.01.2023 03:36
Вам рекомендуется использовать функцию wp_kses() для безопасного добавления кастомного атрибута к изображению в WordPress.
FainaAn25 16.01.2023 03:52
Попробуйте использовать функцию add_filter() для добавления кастомного атрибута к изображению в WordPress.
aleks24On 16.01.2023 04:13

Для добавления кастомного атрибута к изображению в WordPress, тебе потребуется использовать функцию wp_get_attachment_image, которая автоматически генерирует HTML-код для изображения.

В твоем коде у тебя отсутствует переменная $attachment_id, которая представляет идентификатор изображения. Вместо этого, ты можешь использовать функцию get_post_thumbnail_id(), чтобы получить идентификатор изображения, связанного с текущим постом.

Вот исправленный код:


<?php
    $attachment_id = get_post_thumbnail_id();
    $image_attributes = wp_get_attachment_image_src( $attachment_id, 'full' );
    $image_url = $image_attributes[0];
    $image_title = get_the_title( $attachment_id );

    $custom_attribute = 'data-custom-attribute="my_custom_value"';

    $html = wp_get_attachment_image( $attachment_id, 'full', false, array( 'data-custom-attribute' => 'my_custom_value' ) );

    echo $html;
?>

В этом коде мы используем функцию wp_get_attachment_image, чтобы получить HTML-код для изображения с кастомным атрибутом. В параметре $size мы установили значение "full", чтобы получить полный размер изображения.

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

Я надеюсь, что это поможет!

Удачи!

Добавить ответ