Php WordPress-在循环中的第一篇文章后插入内容

我已经设置了PHP代码，在WordPress主页上显示文章的第一篇文章之后插入类别列表

很好用

我的问题是，我想在列表上方显示一个标题，可能是一个HTMLH3标记，上面有“浏览我们的类别”之类的文本

我的问题是，我应该把这个HTML标题放在哪里

如果我把它放在div标签中，请参见标题下面的代码，它会在页面的每一篇文章下面重复。我只希望它出现一次——在第一篇文章之后，就在我的分类列表上方

我尝试将其作为$output变量的一部分，例如：

 $output = '<h3>Browse Categories</h3>';
 $output .= '<a class="cat-links" href=" ... etc.

但这不起作用

我使用的代码如下所示：

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<?php get_template_part('content', get_theme_mod('solopine_home_layout')); ?>

<?php // CUSTOM CODE TO DISPLAY LIST OF CATEGORIES ?>

<div style="text-align:center; padding-bottom:100px;">

<?php 
if( $wp_query->current_post == 0 ) { 

    $allowed = array(17,18,19,20);
    $categories = get_categories(array(
        'orderby' => 'name',
        'parent'  => 0,
        'hide_empty'=> true,
        'include' => $allowed,
        )
        );

    $separator = ' ';
    $output = '';

    if($categories){

    foreach($categories as $category) {

    $output .= '<a class="cat-links" href="'.get_category_link( $category ).'" title="' .        
    esc_attr( sprintf( __( "View all posts in %s" ),            $category->name ) ) . '">'.$category- 
    >cat_name.'</a>';
        }
        echo trim($output);

    }

} 

?>      

</div>

<?php // END CUSTOM CODE ?> 

<?php endwhile; ?>

希望有人能帮忙

谢谢

---

湄公河

在foreach循环之前使用它。echo“浏览类别”