仅在填充内容时显示父div

Question

Is there a way to only display a parent (wrapping) if it's actually been populated with content?

The reason I ask is in Wordpress I'm using Advanced Custom Fields to create additional text areas on the homepage of the website. The content is added to the page inside divs, like this:

<section class="band">
    <div class="wrap">

        <?php the_field('services'); ?>

    </div>
</section>

If the field is left blank, obviously the markup that surrounds remains on the page and due to the margin/padding they have set on them it leaves a big empty stripe across the page.

I know little Wordpress (and PHP in general), I assume this must be possible? I've had a play around with if/else statements but had no luck.

Can anyone advise on this?

Answer 1

You could do it this way:

<?php if( get_field('services') ) : ?>
    <section class="band">
        <div class="wrap">

            <?php the_field('services'); ?>

        </div>
    </section>
<?php endif; ?>