Wordpress the_permalink() 关闭标签？

Question

我正在尝试为我的 WordPress 网站编写自定义主题。我正在尝试输出 5 个帖子，并且想将它们包装到一个链接中。然而，当我

foreach()

浏览帖子并想要将我的 html 包装在带有永久链接的

<a>

标签中时，它不起作用。

我写的代码：

<?php
    global $post;
 
    $myposts = get_posts( array(
        'posts_per_page' => 5,
    ) );
 
    if ( $myposts ) {
        foreach ( $myposts as $post ) : 
            setup_postdata( $post ); ?>

            
                <div class="container-fluid">
                    <a class="post-link" href="<?php echo the_permalink();?>">
                        <div class="post-post p-5">
                            <div class="row">
                                <div class="col-md-12">
                                    <?php the_category('<p></p>'); ?>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <h3><?php the_title(); ?></h3>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <small><?php the_author(); ?></small>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            

        <?php
        endforeach;
        wp_reset_postdata();
    }
    ?>

但是最终出现在网站上的代码完全是垃圾，它会在下一个 div 之前关闭

<a>

标签。我做错了什么？

登陆网站的代码：

<div class="container-fluid">
    <a class="post-link" href="http://localhost/wptheme/index.php/2021/01/11/oeoeoeoeoeoe/">
    </a>
    <div class="post-post p-5">
        <a class="post-link" href="http://localhost/wptheme/index.php/2021/01/11/oeoeoeoeoeoe/">
        </a>
        <div class="row">
            <a class="post-link" href="http://localhost/wptheme/index.php/2021/01/11/oeoeoeoeoeoe/">
            </a>    
            <div class="col-md-12">
            <a class="post-link" href="http://localhost/wptheme/index.php/2021/01/11/oeoeoeoeoeoe/">
            </a>
            <a href="http://localhost/wptheme/index.php/category/allgemein/" rel="category tag">Allgemein</a>                                </div>
        </div>
            <div class="row">
                <div class="col-md-12">
                    <h3>öööööö</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <small>root</small>
                </div>
            </div>
    </div>
    
</div>

Answer 1

WordPress 的 the_permalink() 函数打印带有标签的链接。

使用

get_the_permalink()

函数代替 the_permalink() 在需要的地方“回显”链接。

Answer 2

看起来您正在尝试将 anker 放入 anker 中，这是不允许的，您的 html 的输出可能由浏览器解析/解释，请尝试在浏览器解析后查看源代码而不是 html。在 Chrome 中，您可以通过访问查看源代码来实现：http://yourdomain.com

其他浏览器不确定，您可以尝试在页面中右键单击并选择查看源代码