JSFiddle - React, Tailwind, and code Playground

by makingthings

HTML

<?php get_header(); ?>


    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
    <div id="subcontent">
    <?php if (is_front_page() && function_exists('dynamic_sidebar') && dynamic_sidebar('Homelinks')) {
    dynamic_sidebar();
    } ?>
    </div>
        <?php if(!is_front_page()) { ?><h2><?php the_title(); ?></h2><?php } ?>


            <?php the_content('<p class="serif">Read the rest of this page &raquo;</p>'); ?>
    
            <?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
            

<?php
// Set up the arguments for retrieving the pages
$args = array(
    'post_type' => 'page',
    'numberposts' => -1,
    'post_status' => null,
// $post->ID gets the ID of the current page
'post_parent' => $post->ID,
    'order' => ASC,
    'orderby' => title
    );
 $subpages = get_posts($args);
 // Just another WordPress Loop
 foreach($subpages as $post) :
    setup_postdata($post);
 ?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<h3><a href="<?php the_permalink(); ?>"
id="post-<?php the_ID(); ?>">
<?php the_title(); ?>
</a>
</h3>
 <?php the_excerpt(); ?>
<a href="<?php the_permalink() ?>" class="btn" title="<?php the_title() ?>"><p>read more</p></a></div>

 <?php endforeach; ?>
 
    <?php endwhile; endif; ?>




<?php get_footer(); ?>