如何在简码内添加图片

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

使用concatenation operator并更正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。有关更多信息，请参见this question。

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