image.php

<?php
/**
 * The template for displaying image attachments.
 *
 * @package Flint
 * @since 1.0.1
 */

get_header();
?>

  <div id="primary" class="content-area container image-attachment">
    <div class="row">
      <div id="content" class="site-content" role="main">

      <?php while ( have_posts() ) : the_post(); ?>

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

            <div class="entry-meta">
              <?php
                $metadata = wp_get_attachment_metadata();
                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>', 'flint' ),
                  esc_attr( get_the_date( 'c' ) ),
                  esc_html( get_the_date() ),
                  wp_get_attachment_url(),
                  $metadata['width'],
                  $metadata['height'],
                  get_permalink( $post->post_parent ),
                  esc_attr( strip_tags( get_the_title( $post->post_parent ) ) ),
                  get_the_title( $post->post_parent )
                );
              ?>
              <?php edit_post_link( __( 'Edit Post', 'flint' ), '<span class="sep"> | </span> <span class="edit-link">', '</span>' ); ?>
            </div><!-- .entry-meta -->

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

          <div class="entry-content">

            <div class="entry-attachment">
              <div class="attachment">
                <?php
                  /**
                   * Grab the IDs of all the image attachments in a gallery so we can get the URL of the next adjacent image in a gallery,
                   * or the first image (if we're looking at the last image in a gallery), or, in a gallery of one, just the link to that image file
                   */
                  $attachments = array_values( get_children( array(
                    'post_parent'    => $post->post_parent,
                    'post_status'    => 'inherit',
                    'post_type'      => 'attachment',
                    'post_mime_type' => 'image',
                    'order'          => 'ASC',
                    'orderby'        => 'menu_order ID',
                  ) ) );
                  foreach ( $attachments as $k => $attachment ) {
                    if ( $attachment->ID === $post->ID ) {
                      break; }
                  }
                  $k++;

                  /**
                   * If there is more than 1 attachment in a gallery
                   */
                  if ( count( $attachments ) > 1 ) {
                    if ( isset( $attachments[ $k ] ) ) {
                      $next_attachment_url = get_attachment_link( $attachments[ $k ]->ID );
} else {                       $next_attachment_url = get_attachment_link( $attachments[0]->ID );
}
} else {
                    $next_attachment_url = wp_get_attachment_url();
                  }
                ?>

                <a href="<?php echo $next_attachment_url; ?>" title="<?php the_title_attribute(); ?>" rel="attachment"><?php
                  $attachment_size = apply_filters( 'flint_attachment_size', array( 1200, 1200 ) );
                  echo wp_get_attachment_image( $post->ID, $attachment_size );
                ?></a>
              </div><!-- .attachment -->

              <?php if ( ! empty( $post->post_excerpt ) ) : ?>
              <div class="entry-caption">
                <?php the_excerpt(); ?>
              </div><!-- .entry-caption -->
              <?php endif; ?>
            </div><!-- .entry-attachment -->

            <?php the_content(); ?>
            <?php
              wp_link_pages( array(
                'before' => '<div class="page-links">' . __( 'Pages:', 'flint' ),
                'after'  => '</div>',
              ) );
            ?>

          </div><!-- .entry-content -->

          <footer class="entry-meta clearfix">
            <?php if ( comments_open() && pings_open() ) : ?>
              <?php printf( __( '<a class="comment-link" href="#respond" title="Post a comment">Post a comment</a> or leave a trackback: <a class="trackback-link" href="%s" title="Trackback URL for your post" rel="trackback">Trackback URL</a>.', 'flint' ), get_trackback_url() ); ?>
            <?php elseif ( ! comments_open() && pings_open() ) : ?>
              <?php printf( __( 'Comments are closed, but you can leave a trackback: <a class="trackback-link" href="%s" title="Trackback URL for your post" rel="trackback">Trackback URL</a>.', 'flint' ), get_trackback_url() ); ?>
            <?php elseif ( comments_open() && ! pings_open() ) : ?>
              <?php printf( __( 'Trackbacks are closed, but you can <a class="comment-link" href="#respond" title="Post a comment">post a comment</a>.', 'flint' ) ); ?>
            <?php elseif ( ! comments_open() && ! pings_open() ) : ?>
              <?php esc_html_e( 'Both comments and trackbacks are currently closed.', 'flint' ); ?>
            <?php endif; ?>
            <?php edit_post_link( __( 'Edit', 'flint' ), ' <span class="edit-link">', '</span>' ); ?>
          </footer><!-- .entry-meta -->
        </article><!-- #post-<?php the_ID(); ?> -->

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

      <?php endwhile; ?>

      </div><!-- #content -->
    </div><!-- .row -->
  </div><!-- #primary -->
</div><!-- #page -->

<?php get_footer(); ?>