themes-wordpress/seedlet/image.php
Jeff Ong 63f020a88f
Seedlet: fix landmark roles (#2395)
* Add main role to correct element. Remove nav role from ul.

* Remove aria-label from ul.

* Revert until we discuss.

* Rework aria-labels on navigation elements.
2020-08-27 10:45:39 -04:00

110 lines
3.2 KiB
PHP
Executable file

<?php
/**
* The template for displaying image attachments
*
* @package Seedlet
* @since 1.0.0
*/
get_header();
?>
<section id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<?php
// Start the loop.
while ( have_posts() ) :
the_post();
?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<nav id="image-navigation" class="navigation image-navigation default-max-width">
<div class="nav-links">
<div class="nav-previous"><?php previous_image_link( false, __( 'Previous Image', 'seedlet' ) ); ?></div>
<div class="nav-next"><?php next_image_link( false, __( 'Next Image', 'seedlet' ) ); ?></div>
</div><!-- .nav-links -->
</nav><!-- .image-navigation -->
<header class="entry-header default-max-width">
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
</header><!-- .entry-header -->
<div class="entry-content">
<figure class="entry-attachment wp-block-image">
<?php
/**
* Filter the default seedlet image attachment size.
*
* @since Twenty Sixteen 1.0
*
* @param string $image_size Image size. Default 'large'.
*/
$image_size = apply_filters( 'seedlet_attachment_size', 'full' );
echo wp_get_attachment_image( get_the_ID(), $image_size );
?>
<figcaption class="wp-caption-text"><?php the_excerpt(); ?></figcaption>
</figure><!-- .entry-attachment -->
<?php
the_content();
wp_link_pages(
array(
'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'seedlet' ) . '</span>',
'after' => '</div>',
'link_before' => '<span>',
'link_after' => '</span>',
'pagelink' => '<span class="screen-reader-text">' . __( 'Page', 'seedlet' ) . ' </span>%',
'separator' => '<span class="screen-reader-text">, </span>',
)
);
?>
</div><!-- .entry-content -->
<footer class="entry-footer default-max-width">
<?php
// Retrieve attachment metadata.
$metadata = wp_get_attachment_metadata();
if ( $metadata ) {
printf(
'<span class="full-size-link"><span class="screen-reader-text">%1$s</span>%2$s<a href="%3$s">%4$s &times; %5$s</a></span>',
_x( 'Full size', 'Used before full size attachment link.', 'seedlet' ),
seedlet_get_icon_svg( 'download', 16 ),
esc_url( wp_get_attachment_url() ),
absint( $metadata['width'] ),
absint( $metadata['height'] )
);
}
?>
<?php seedlet_entry_meta_footer(); ?>
</footer><!-- .entry-footer -->
</article><!-- #post-## -->
<?php
// Parent post navigation.
the_post_navigation(
array(
'prev_text' => _x( '<span class="meta-nav">Published in</span><br><span class="post-title">%title</span>', 'Parent post link', 'seedlet' ),
)
);
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) {
comments_template();
}
// End the loop.
endwhile;
?>
</main><!-- .site-main -->
</section><!-- .content-area -->
<?php
get_footer();