Div эхо в массиве появляется несколько раз

Question

Я получаю пустую дополнительную версию каждого div, когда этот код работает как шаблон Wordpress.Я могу скрыть это с помощью css div: empty {display: none;}, но я хотел бы знать, почему это происходит и как исправить мою ошибку.Мой вывод

1. div read1-hold> booktitle / div
2. div read2-hold> / div
3. div read1-hold> / div
4. div read2-hold "> booktitle2 / div

 
 <div id="primary" class="content-area">
		<main id="content" class="clearfix">
 
 
 <?php

$args = array (
    'post_type'              => array('read1','read2'),
    'post_status'            => 'publish',
    'pagination'             => true,
    'posts_per_page'         => 2,
    'order'                  => 'ASC',
    'orderby'                => 'title',
); 

?>

<?php $wp_query = new WP_Query($args); ?>

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


echo '<div class="read1-hold">';
echo get_post_meta($post->ID, 'book1_title', true);
echo '</div>';


echo '<div class="read2-hold">';
echo get_post_meta($post->ID, 'book2_title', true);
echo '</div>';

?>

<?php endwhile;?>  

</main>
      
	</div>
 

<?php get_footer();

Answer 1

Вы получаете «пустые» названия книг, для которых нет сообщения book2_title или book1_title.

Попробуйте что-то вроде:

$title= get_post_meta($post->ID, 'book2_title', true);
if (!empty($title)) 
    echo '<div class="read1-hold">'.$title.'</div>';