在Wordpress中自定义字段为空时，使span类消失

Question

我正在尝试编写使自定义字段为空的span类消失的代码。通过字段css，我添加了一个逗号，因为字段协调位于后面的元数据后面。

但是，如果我像下面的代码那样编程，则span类根本不会显示。 this-> post_ID是必需的，因为数据将显示在概述页面上，其中某些文章没有该字段“ concertlocatie”。我在这里想念什么吗？

                    <span class="td-author-date">
                        <?php if( $author_photo != '' ) { echo $this->get_author_photo(); } ?>
                        <?php echo $this->get_author();?>
                                                    <?php echo $this->get_date();?>
                        <?php $concertlocatie = the_field( "concertlocatie" , $this->post->ID ); //etc...?>
                        <?php if ( $concertlocatie ) : ?><span class="metacelocation"><?php echo $concertlocatie; ?><?php endif; ?></span>
                        <?php echo $this->get_comments();?>
                    </span>
                </div>

css

.home .metacelocation:before, 
.category-306 .metacelocation:before {
content: ', ';
text-transform: none;
font-weight: normal;
color: #aaa;
display: inline-block;
position: relative;
top: 2px;
}