Skip to content

Instantly share code, notes, and snippets.

Last active November 15, 2021 17:44
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save neilgee/730b97ed4e0f8a8d0a1b96c862cdd385 to your computer and use it in GitHub Desktop.
Post loop showing full content in Boostrap Mpdal
<?php //<~ don't add me in
add_shortcode( 'modal_post_loop', 'modal_post_loop' );
* Post Query Showing Loop Content in Modals
* @since 1.0.0
function modal_post_loop() {
$args = array(
'posts_per_page' => -1,
'post_type' => 'post',
'post_status' => 'publish',
$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ) :
$i = 1; // Set the increment variable
while ( $the_query->have_posts() ) : $the_query->the_post();
<!-- Loop content -->
<div><?php the_post_thumbnail( 'thumbnail' ); ?></div>
<h2><?php the_title(); ?></h2>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Modal-<?php echo $i;?>">
Read More
<!-- Modal content-->
<div class="modal fade" id="Modal-<?php echo $i;?>" tabindex="-1" role="dialog" aria-labelledby="ModalLabel-<?php echo $i;?>" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="ModalLabel-<?php echo $i;?>"><?php the_title(); ?></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
<div class="modal-body">
<div><?php the_post_thumbnail( 'large' ); ?></div>
<?php the_content(); ?>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<?php $i++; // Increment the increment variable by 1
else :
_e( 'Sorry, no posts published today, please try tomorrow' );
return ob_get_clean();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment