php code block в простом массиве JavaScript innerHtml

Question

Я создал простой массив слайдов javascript для темы wordpress, которую я разрабатываю для клиента. Массив выглядит следующим образом:

var bca = [ 
    '', 
    '<h2>Heading Number 2</h2><p>Content for section 2</p>', 
    '<h2>Heading Number 3</h2><p>Content for section 3</p>', 
    '<h2>Heading Number 4</h2><p>Content for section 4</p>' 
]; 

в первой части для массива я хочу, чтобы отобразить последние WordPress сообщения в блоге, которые я могу показать, используя этот код:

<?php 
    $recent_posts_query = new WP_Query(array('post_type' => 'post', 'posts_per_page' => 3)); 
    while ($recent_posts_query->have_posts()) 
     {$recent_posts_query->the_post(); 
    ?> 
    <?php if (has_post_thumbnail()) : ?> 
     <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"> 
      <?php the_post_thumbnail(); ?> 
     </a> 
    <?php endif; ?> 
    <h2> 
     <a class="frontpage-posth2" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a> 
    </h2> 
    <a href="<?php the_permalink(); ?>" class="blog-btn">READ MORE...</a> 
    <div class="clearfix"></div> 
<?php 
    } 
?> 

Естественно, я не могу просто вставить, что в массив, но просто интересно, есть ли у кого-нибудь какие-либо идеи или какие-то уроки, которые позволят мне добавить это в этот массив выше! Большое спасибо

• Phillip Дьюс

Answer 1

Вы можете иметь массив в вашем JavaScript, который динамически генерируется в РНР.

<?php 

$array = ['apple', 'banana', 'orange']; 

$arrayPhp = json_encode($array); 
echo "<script type='text/javascript'> 

var arrayJs = $arrayPhp; 

console.log(arrayJs); 
console.log(arrayJs[0]); 

</script>" 
?>