wordpress 简码也在仪表板中呈现内容

Question

我正在使用一个简单的 wordpress 简码

function my_recent_post()
{
 echo 'hello';
}
add_shortcode( 'recent', 'my_recent_post' );

使用简码 [re​​cent] 及其工作正常且在首页可见， 但问题是，它也在仪表板中打印 hello。 下面是截图，有大神帮忙看看。

更新：

我实际上是在尝试显示帖子，所以你能帮我解决这个问题，因为它会在仪表板本身中呈现帖子列表，就像“你好”一样。我试过了：

function lorem_function() { 
    global $post; 
    $args = array( 'posts_per_page' => 10, 'order'=> 'ASC', 'orderby' => 'title' ); 
    $postslist = get_posts( $args ); 
    foreach ( $postslist as $post ) : 
        setup_postdata( $post ); ?>
        <div> 
        <?php the_date(); ?> <br /> <?php the_title(); ?> <?php the_excerpt(); ?> 
        </div> 

    <?php endforeach; 
    wp_reset_postdata(); 
    return; 
} 
add_shortcode('lorem', 'lorem_function');

Answer 1

根据您对我和 Nikita Dudarev 的 cmets，您需要做的是创建一个变量来保存所有帖子信息，然后将其返回。以您发布的功能为例：

function lorem_function() { 
    global $post; 
    $args = array( 'posts_per_page' => 10, 'order'=> 'ASC', 'orderby' => 'title' ); 
    $postslist = get_posts( $args ); 

    // create a variable to hold the post information
    $html ="";
    foreach ( $postslist as $post ) : 
        setup_postdata( $post ); 

        $backgroundstyle = ""; 

        // get the featured image and set it as the background
        if ( has_post_thumbnail() ) { // make sure the post has a featured image
            $imageurl = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'medium' ); // you can change "medium" to "thumbnail or full depending on the size you need
            // add the css for the background image. You can include background-size etc ad required
            $backgroundstyle = "background-image: url('".$imageurl[0]."');";
        }

        // add the information to the variable
        $html .= '<div style="'.$backgroundstyle.'">';
        $html .= get_the_date();
        $html .= "<br />";
        $html .= get_the_title();
        $html .= get_the_excerpt();
        $html .= "</div>";

    endforeach; 
    wp_reset_postdata(); 

    return $html; 
} 
add_shortcode('lorem', 'lorem_function');

注意the_date()、the_title() 和the_excerpt() 都显示信息（就像echo）。

相反，您必须使用get_the_date()、get_the_title() 和get_the_excerpt() - 它们获得相同的信息，但不是直接显示，而是将其作为变量返回，然后您可以将其存储在要返回的 html 字符串中.

更新：

由于你不想在每一行使用变量名，你可以这样做：

$html .= "<div>".get_the_date()."<br />".get_the_title().get_the_excerpt()."</div>";

我不知道你为什么特别想改变它来做到这一点 - 它对它的工作方式完全没有影响，它只是让阅读和识别任何错误变得更加困难:-)

Answer 2

你的函数必须返回一个值，而不是输出

function my_recent_post()
{
 return 'hello';
}
add_shortcode( 'recent', 'my_recent_post' );