Changeset 30237

Timestamp:

11/04/2014 09:18:22 PM (10 years ago)

Author:

iandstewart

Message:

Twenty Fifteen: use continue reading links for auto-generated excerpts to provide a readable link for screenreaders.

Props davidakennedy, kraftbj, fixes #30135.

Location:

trunk/src/wp-content/themes/twentyfifteen

Files:

• inc/template-tags.php (modified) (1 diff)
• style.css (modified) (7 diffs)

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

@@ -221 +221 @@
 }
 endif;
+
+if ( ! function_exists( 'twentyfifteen_excerpt_more' ) && ! is_admin() ) :
+/**
+ * Replaces "[...]" (appended to automatically generated excerpts) with ... and a Continue reading link.
+ *
+ * @since Twenty Fifteen 1.0
+ *
+ */
+function twentyfifteen_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', 'twentyfifteen' ), '<span class="screen-reader-text">' . get_the_title( get_the_ID() ) . '</span>' )
+        );
+    return ' &hellip; ' . $link;
+}
+add_filter( 'excerpt_more', 'twentyfifteen_excerpt_more' );
+endif;

trunk/src/wp-content/themes/twentyfifteen/style.css

@@ -181 +181 @@
 .format-link .entry-title a:after,
 .entry-content .more-link:after,
+.entry-summary .more-link:after,
 .author-link:after {
     -moz-osx-font-smoothing: grayscale;
@@ -1757 +1758 @@
 }
 
-.entry-content .more-link {
+.entry-content .more-link,
+.entry-summary .more-link:after {
     white-space: nowrap;
 }
 
-.entry-content .more-link:after {
+.entry-content .more-link:after,
+.entry-summary .more-link:after {
     content: "\f429";
     font-size: 16px;
@@ -3207 +3210 @@
     }
 
-    .entry-content .more-link:after {
+    .entry-content .more-link:after,
+    .entry-summary .more-link:after {
         font-size: 24px;
         top: 2px;
@@ -3742 +3746 @@
     }
 
-    .entry-content .more-link:after {
+    .entry-content .more-link:after,
+    .entry-summary .more-link:after {
         top: 3px;
     }
@@ -4378 +4383 @@
     }
 
-    .entry-content .more-link:after {
+    .entry-content .more-link:after,
+    .entry-summary .more-link:after {
         font-size: 16px;
         top: 5px;
@@ -4913 +4919 @@
     }
 
-    .entry-content .more-link:after {
+    .entry-content .more-link:after,
+    .entry-summary .more-link:after {
         font-size: 24px;
         top: 2px;
@@ -5425 +5432 @@
     }
 
-    .entry-content .more-link:after {
+    .entry-content .more-link:after,
+    .entry-summary .more-link:after {
         top: 3px;
     }