WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Twenty Thirteen: add support and styling for Audio structured post format. Moves audio content out from the main post content, using `the_audio()` and `the_extra_content()`. Props obenland, fixes #23871. 

git-svn-id: http://core.svn.wordpress.org/trunk@23828 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Lance Willett 2013-03-27 22:08:16 +00:00
parent a561fe6000
commit bb2b6fd418
3 changed files with 30 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
wp-content/themes/twentythirteen/content-audio.php
View File

@ -19,11 +19,15 @@
<?php endif; // is_single() ?> <?php endif; // is_single() ?>
</header><!-- .entry-header --> </header><!-- .entry-header -->
<div class="entry-content"> <div class="entry-media">
<div class="audio-content"> <div class="audio-content">
<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentythirteen' ) ); ?> <?php the_audio(); ?>
<?php wp_link_pages( array( 'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentythirteen' ) . '</span>', 'after' => '</div>', 'link_before' => '<span>', 'link_after' => '</span>' ) ); ?>
</div><!-- .audio-content --> </div><!-- .audio-content -->
</div><!-- .entry-media -->
<div class="entry-content">
<?php the_extra_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentythirteen' ) ); ?>
<?php wp_link_pages( array( 'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentythirteen' ) . '</span>', 'after' => '</div>', 'link_before' => '<span>', 'link_after' => '</span>' ) ); ?>
</div><!-- .entry-content --> </div><!-- .entry-content -->
<footer class="entry-meta"> <footer class="entry-meta">

2
wp-content/themes/twentythirteen/rtl.css
View File

@ -341,7 +341,7 @@ div.nav-menu > ul {
margin-left: 5px; margin-left: 5px;
} }
.format-audio .entry-content:before { .format-audio .entry-media:before {
-ms-filter: "FlipH"; -ms-filter: "FlipH";
filter: FlipH; filter: FlipH;
float: right; float: right;

46
wp-content/themes/twentythirteen/style.css
View File

@ -484,7 +484,7 @@ hr {
.featured-post:before, .featured-post:before,
.date a:before, .date a:before,
.entry-meta .author a:before, .entry-meta .author a:before,
.format-audio .entry-content:before, .format-audio .entry-media:before,
.comments-link a:before, .comments-link a:before,
.tags-links a:first-child:before, .tags-links a:first-child:before,
.categories-links a:first-child:before, .categories-links a:first-child:before,
@ -504,6 +504,7 @@ hr {
/* Clearing floats */ /* Clearing floats */
.clear:after, .clear:after,
.format-audio .entry-media:after,
.attachment .entry-header:after, .attachment .entry-header:after,
.site-footer .widget-area:after, .site-footer .widget-area:after,
.entry-content:after, .entry-content:after,
@ -517,6 +518,8 @@ hr {
.clear:before, .clear:before,
.clear:after, .clear:after,
.format-audio .entry-media:before,
.format-audio .entry-media:after,
.attachment .entry-header:before, .attachment .entry-header:before,
.attachment .entry-header:after, .attachment .entry-header:after,
.site-footer .widget-area:before, .site-footer .widget-area:before,
@ -1241,27 +1244,27 @@ footer.entry-meta {
} }
/* Mediaelements */ /* Mediaelements */
.entry-content .mejs-container .mejs-controls { .hentry .mejs-container .mejs-controls {
background: #220e10; background: #220e10;
} }
.entry-content .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fff; background: #fff;
} }
.entry-content .mejs-controls .mejs-time-rail .mejs-time-current { .hentry .mejs-controls .mejs-time-rail .mejs-time-current {
background: #ea9629; background: #ea9629;
} }
.entry-content .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #595959; background: #595959;
} }
.entry-content .mejs-controls .mejs-time-rail span, .hentry .mejs-controls .mejs-time-rail span,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0; border-radius: 0;
} }
@ -1463,11 +1466,13 @@ footer.entry-meta {
font-weight: bold; font-weight: bold;
} }
.format-audio .entry-meta a { .format-audio .entry-media {
color: #fbfaf3; margin: 0 auto 24px;
max-width: 604px;
width: 100%;
} }
.format-audio .entry-content:before { .format-audio .entry-media:before {
content: "\f109"; content: "\f109";
float: left; float: left;
font-size: 64px; font-size: 64px;
@ -1476,17 +1481,10 @@ footer.entry-meta {
} }
.format-audio .entry-content a, .format-audio .entry-content a,
.single-format-audio .entry-content a { .format-audio .entry-meta a,
color: #fbfaf3;
}
.format-audio .entry-content a:hover, .format-audio .entry-content a:hover,
.format-audio .entry-meta a:hover { .format-audio .entry-meta a:hover {
color: #ea9629; color: #fbfaf3;
}
.format-audio .audio-content p:last-child {
margin-bottom: 0;
} }
.format-audio .audio-content { .format-audio .audio-content {
@ -1495,8 +1493,8 @@ footer.entry-meta {
float: right; float: right;
padding-left: 35px; padding-left: 35px;
width: 80%; width: 80%;
width: -webkit-calc(100% - 115px); width: -webkit-calc(100% - 85px);
width: calc(100% - 115px); width: calc(100% - 85px);
} }
.format-audio .wp-audio-shortcode { .format-audio .wp-audio-shortcode {