image.php

<?php
/**
 * The template for displaying image attachments.
 * 
 * @package bootstrap-basic
 */

get_header();
?> 
                <div class="col-md-12 content-area image-attachment" id="main-column">
                    <main id="main" class="site-main" role="main">
                        <?php 
                        while (have_posts()) {
                            the_post(); 
                        ?> 

                        <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                            <header class="entry-header">
                                <?php the_title('<h1 class="entry-title">', '</h1>'); ?> 

                                <div class="entry-meta">
                                    <?php
                                        $metadata = wp_get_attachment_metadata();
                                        /* translators: %1$s: Date/time in datetime attribute, %2$s: Readable date/time, %3$s: URL, %4$s: Attachment width, %5$s: Attachment height, %6$s: Link to post parent, %7$s: Post parent title in the title attribute, %8$s: Post parent title. */
                                        printf(__('Published <span class="entry-date"><time class="entry-date" datetime="%1$s">%2$s</time></span> at <a href="%3$s" title="Link to full-size image">%4$s &times; %5$s</a> in <a href="%6$s" title="Return to %7$s" rel="gallery">%8$s</a>', 'bootstrap-basic'),
                                            esc_attr(get_the_date('c')),
                                            esc_html(get_the_date()),
                                            esc_url(wp_get_attachment_url()),
                                            $metadata['width'],
                                            $metadata['height'],
                                            esc_url(get_permalink($post->post_parent)),
                                            esc_attr(strip_tags(get_the_title($post->post_parent))),
                                            get_the_title($post->post_parent)
                                        );

                                        echo ' ';
                                        bootstrapBasicEditPostLink();
                                        // edit_post_link(__('Edit', 'bootstrap-basic'), '<span class="edit-link">', '</span>');
                                    ?> 
                                </div><!-- .entry-meta -->

                                <ul role="navigation" id="image-navigation" class="image-navigation pager">
                                    <li class="nav-previous previous"><?php previous_image_link(false, __('<span class="meta-nav">&larr;</span> Previous', 'bootstrap-basic')); ?></li>
                                    <li class="nav-next next"><?php next_image_link(false, __('Next <span class="meta-nav">&rarr;</span>', 'bootstrap-basic')); ?></li>
                                </ul><!-- #image-navigation -->
                            </header><!-- .entry-header -->

                            <div class="entry-content">
                                <div class="entry-attachment">
                                    <div class="attachment">
                                        <?php bootstrapBasicTheAttachedImage(); ?> 
                                    </div><!-- .attachment -->

                                    <?php if (has_excerpt()) { ?> 
                                    <div class="entry-caption">
                                        <?php the_excerpt(); ?> 
                                    </div><!-- .entry-caption -->
                                    <?php } //endif; ?> 
                                </div><!-- .entry-attachment -->

                                <?php
                                the_content();
                                
                                /**
                                 * This wp_link_pages option adapt to use bootstrap pagination style.
                                 * The other part of this pager is in inc/template-tags.php function name bootstrapBasicLinkPagesLink() which is called by wp_link_pages_link filter.
                                 * 
                                 * NOPE! NO! DON'T! This function really does not works with WordPress image attachment page.
                                 * It exists on many official themes such as Twenty Sixteen, Twenty Twenty-One, etc but they are also not working.
                                 * @todo Check again that WordPress already fix pages in image.php bug and re-enable it. (Last WP version checked but still not work is 6.2-alpha-55019)
                                */
                                /*
                                wp_link_pages(array(
                                    'before' => '<div class="page-links">' . __('Pages:', 'bootstrap-basic') . ' <ul class="pagination">',
                                    'after'  => '</ul></div>',
                                    'separator' => ''
                                ));
                                */
                                ?> 
                            </div><!-- .entry-content -->

                            <?php bootstrapBasicEditPostLink(); ?> 
                        </article><!-- #post-## -->

                        <?php
                            // If comments are open or we have at least one comment, load up the comment template
                            if (comments_open() || '0' !== strval(get_comments_number())) {
                                comments_template();
                            }
                        ?> 

                        <?php 
                        } //endwhile; // end of the loop. 
                        ?> 
                    </main>
                </div>
<?php get_footer(); ?>