framework/bedrock
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use <figure> & <figcaption> for captions

Browse Source
This commit is contained in:
Ben Word
2012-06-11 22:31:08 -06:00
parent 3dcb347d7f
commit e16aa0e943
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/app.css
View File

@@ -86,6 +86,8 @@ ol.commentlist img.avatar { float: left; margin-right: 10px; }
.alignleft { margin: 0 20px 20px 0; float: left; } .alignleft { margin: 0 20px 20px 0; float: left; }
.alignright { margin: 0 0 20px 20px; float: right; } .alignright { margin: 0 0 20px 20px; float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }
/* ============================================================================= /* =============================================================================

8
inc/cleanup.php
View File

@@ -345,6 +345,7 @@ add_filter('wp_get_attachment_link', 'roots_attachment_link_class', 10, 1);
/** /**
* Add Bootstrap thumbnail styling to images with captions * Add Bootstrap thumbnail styling to images with captions
* Use <figure> and <figcaption>
* *
* @link http://justintadlock.com/archives/2011/07/01/captions-in-wordpress * @link http://justintadlock.com/archives/2011/07/01/captions-in-wordpress
*/ */
@@ -372,10 +373,10 @@ function roots_caption($output, $attr, $content) {
$attributes .= ' class="thumbnail wp-caption ' . esc_attr($attr['align']) . '"'; $attributes .= ' class="thumbnail wp-caption ' . esc_attr($attr['align']) . '"';
$attributes .= ' style="width: ' . esc_attr($attr['width']) . 'px"'; $attributes .= ' style="width: ' . esc_attr($attr['width']) . 'px"';
$output = '<div' . $attributes .'>'; $output = '<figure' . $attributes .'>';
$output .= do_shortcode($content); $output .= do_shortcode($content);
$output .= '<div class="caption"><p class="wp-caption-text">' . $attr['caption'] . '</p></div>'; $output .= '<figcaption class="caption wp-caption-text">' . $attr['caption'] . '</figcaption>';
$output .= '</div>'; $output .= '</figure>';
return $output; return $output;
} }
@@ -721,3 +722,4 @@ function roots_embed_wrap($cache, $url, $attr = '', $post_ID = '') {
add_filter('embed_oembed_html', 'roots_embed_wrap', 10, 4); add_filter('embed_oembed_html', 'roots_embed_wrap', 10, 4);
add_filter('embed_googlevideo', 'roots_embed_wrap', 10, 2); add_filter('embed_googlevideo', 'roots_embed_wrap', 10, 2);