Как я могу добавить изображение внутри шорткода

Question

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

<img src="<?php bloginfo('template_directory')?>/images/logo/logo.png">

Однако теперь я хочу создать шорткод, который имеет атрибут и использует то же изображение внутри него. Поэтому я попробовал следующее:

add_shortcode('scrollTop', function(){
    echo "<a href='#content' class='content'>";
    echo "<img src='bloginfo('"template_directory"')/images/logo/logo.png'">;
    echo "skipping content";
    echo "</a>";
});

Я полагаю, это синтаксическая ошибка, но я пытаюсь найти способ обойти.

Как добавить изображение в шорткод?

Answer 1

Используйте оператор конкатенации и исправьте одинарные кавычки внутри функции bloginfo.

add_shortcode('scrollTop', function(){
    echo "<a href='#content' class='content'>";
    echo "<img src='" . bloginfo('template_directory') . "/images/logo/logo.png'>";
    echo "skipping content";
    echo "</a>";
});

Также убедитесь, что вы не используете echo внутри своего шорткода для отображения чего-либо.Вместо этого используйте return.См. этот вопрос для получения дополнительной информации.

add_shortcode('scrollTop', function(){
    return "<a href='#content' class='content'>
        <img src='" . bloginfo('template_directory') . "/images/logo/logo.png'>
        skipping content
        </a>";
});