Changeset 30389

Timestamp:

11/19/2014 06:26:17 PM (10 years ago)

Author:

lancewillett

Message:

Twenty Fourteen: replace ellipses appended to automatically generated excerpts with both ellipses and a "Continue Reading" link to meet accessibility-ready requirements.

Props davidakennedy, lancewillett. Fixes #30176.

Location:

trunk/src/wp-content/themes/twentyfourteen

Files:

• content-aside.php (modified) (1 diff)
• content-audio.php (modified) (1 diff)
• content-gallery.php (modified) (1 diff)
• content-image.php (modified) (1 diff)
• content-link.php (modified) (1 diff)
• content-quote.php (modified) (1 diff)
• content-video.php (modified) (1 diff)
• content.php (modified) (1 diff)
• inc/template-tags.php (modified) (2 diffs)

trunk/src/wp-content/themes/twentyfourteen/content-aside.php

@@ -44 +44 @@
     <div class="entry-content">
         <?php
-            the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyfourteen' ) );
+            /* translators: %s: Name of current post */
+            the_content( sprintf(
+                esc_html__( 'Continue reading %s', 'twentyfourteen' ),
+                the_title( '<span class="screen-reader-text">', '</span> <span class="meta-nav">&rarr;</span>', false )
+            ) );
+
             wp_link_pages( array(
                 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfourteen' ) . '</span>',

trunk/src/wp-content/themes/twentyfourteen/content-audio.php

@@ -44 +44 @@
     <div class="entry-content">
         <?php
-            the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyfourteen' ) );
+            /* translators: %s: Name of current post */
+            the_content( sprintf(
+                esc_html__( 'Continue reading %s', 'twentyfourteen' ),
+                the_title( '<span class="screen-reader-text">', '</span> <span class="meta-nav">&rarr;</span>', false )
+            ) );
+
             wp_link_pages( array(
                 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfourteen' ) . '</span>',

trunk/src/wp-content/themes/twentyfourteen/content-gallery.php

@@ -44 +44 @@
     <div class="entry-content">
         <?php
-            the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyfourteen' ) );
+            /* translators: %s: Name of current post */
+            the_content( sprintf(
+                esc_html__( 'Continue reading %s', 'twentyfourteen' ),
+                the_title( '<span class="screen-reader-text">', '</span> <span class="meta-nav">&rarr;</span>', false )
+            ) );
+
             wp_link_pages( array(
                 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfourteen' ) . '</span>',

trunk/src/wp-content/themes/twentyfourteen/content-image.php

@@ -44 +44 @@
     <div class="entry-content">
         <?php
-            the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyfourteen' ) );
+            /* translators: %s: Name of current post */
+            the_content( sprintf(
+                esc_html__( 'Continue reading %s', 'twentyfourteen' ),
+                the_title( '<span class="screen-reader-text">', '</span> <span class="meta-nav">&rarr;</span>', false )
+            ) );
+
             wp_link_pages( array(
                 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfourteen' ) . '</span>',

trunk/src/wp-content/themes/twentyfourteen/content-link.php

@@ -44 +44 @@
     <div class="entry-content">
         <?php
-            the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyfourteen' ) );
+            /* translators: %s: Name of current post */
+            the_content( sprintf(
+                esc_html__( 'Continue reading %s', 'twentyfourteen' ),
+                the_title( '<span class="screen-reader-text">', '</span> <span class="meta-nav">&rarr;</span>', false )
+            ) );
+
             wp_link_pages( array(
                 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfourteen' ) . '</span>',

trunk/src/wp-content/themes/twentyfourteen/content-quote.php

@@ -44 +44 @@
     <div class="entry-content">
         <?php
-            the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyfourteen' ) );
+            /* translators: %s: Name of current post */
+            the_content( sprintf(
+                esc_html__( 'Continue reading %s', 'twentyfourteen' ),
+                the_title( '<span class="screen-reader-text">', '</span> <span class="meta-nav">&rarr;</span>', false )
+            ) );
+
             wp_link_pages( array(
                 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfourteen' ) . '</span>',

trunk/src/wp-content/themes/twentyfourteen/content-video.php

@@ -44 +44 @@
     <div class="entry-content">
         <?php
-            the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyfourteen' ) );
+            /* translators: %s: Name of current post */
+            the_content( sprintf(
+                esc_html__( 'Continue reading %s', 'twentyfourteen' ),
+                the_title( '<span class="screen-reader-text">', '</span> <span class="meta-nav">&rarr;</span>', false )
+            ) );
+
             wp_link_pages( array(
                 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfourteen' ) . '</span>',

trunk/src/wp-content/themes/twentyfourteen/content.php

@@ -52 +52 @@
     <div class="entry-content">
         <?php
-            the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyfourteen' ) );
+            /* translators: %s: Name of current post */
+            the_content( sprintf(
+                esc_html__( 'Continue reading %s', 'twentyfourteen' ),
+                the_title( '<span class="screen-reader-text">', '</span> <span class="meta-nav">&rarr;</span>', false )
+            ) );
+
             wp_link_pages( array(
                 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfourteen' ) . '</span>',

trunk/src/wp-content/themes/twentyfourteen/inc/template-tags.php

@@ -195 +195 @@
             the_post_thumbnail( 'twentyfourteen-full-width' );
         } else {
-            the_post_thumbnail( 'post-thumbnail', array( 'alt' => get_the_title() ) ); 
+            the_post_thumbnail( 'post-thumbnail', array( 'alt' => get_the_title() ) );
         }
     ?>
@@ -202 +202 @@
     <?php endif; // End is_singular()
 }
+
+if ( ! function_exists( 'twentyfourteen_excerpt_more' ) && ! is_admin() ) :
+/**
+ * Replaces "[...]" (appended to automatically generated excerpts) with ...
+ * and a Continue reading link.
+ *
+ * @since Twenty Fourteen 1.3
+ *
+ * @param string $more Default Read More excerpt link.
+ * @return string Filtered Read More excerpt link.
+ */
+function twentyfourteen_excerpt_more( $more ) {
+    $link = sprintf( '<a href="%1$s" class="more-link">%2$s</a>',
+        esc_url( get_permalink( get_the_ID() ) ),
+            /* translators: %s: Name of current post */
+            sprintf( esc_html__( 'Continue reading %s', 'twentyfourteen' ), '<span class="screen-reader-text">' . get_the_title( get_the_ID() ) . '</span> <span class="meta-nav">&rarr;</span>' )
+        );
+    return ' &hellip; ' . $link;
+}
+add_filter( 'excerpt_more', 'twentyfourteen_excerpt_more' );
+endif;