Страница блога Wordpress с содержимым блога должна появиться в моде Bootstrap, а не на новой странице

Question

Не вопрос, но я думал, что поделюсь своим решением. Я хотел, чтобы содержимое блога было модальным. Я использовал тег the_ID();, чтобы помочь создать модальный идентификатор и ссылку.

Вот код ниже:

<?php get_header(); ?>
<div id="primary" class="content-area">
    <div id="content" class="site-content" role="main">
        <?php if ( have_posts() ) : while ( have_posts() ) :   the_post(); ?>
        <!--The modal opener as a title-->
        <a href="" data-toggle="modal" data-target="#<?php the_ID(); ?>"><?php the_title(); ?></a>
        <?php $myExcerpt = wp_trim_words( get_the_content(), 60, '' ) ; 
echo $myExcerpt ; ?>
        <!--The modal opener as an arrow (using Fontawesome)-->
        <a href="" data-toggle="modal" data-target="#<?php the_ID(); ?>"><i class="fas fa-arrow-right"></i></a>

        <!--The modal-->
        <div class="modal fade blog_modal" role="dialog" id="<?php the_ID(); ?>">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal">
                        <h3>&times;</h3>
                    </button>
                    <div class="modal-body">
                        <?php  get_template_part( the_content() ); ?>
                    </div>
                </div>
            </div>
        </div>
        <?php endwhile; else: ?>
        <p>There no posts to show</p>
        <?php endif; ?>
        <?php get_sidebar(); ?>
        <?php get_footer(); ?>