rayelliott
/
_s
Archived
forked from mirror/_s
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

_s: Use `<main>` element for main content. 

See: http://www.w3.org/TR/html51/grouping-content.html#the-main-element

Props @BFTrick for initial patch.
Fixes #222.
This commit is contained in:
obenland 2013-07-30 12:12:45 -07:00
parent 1f15c20995
commit 810e499b93
12 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
404.php
View File

@ -7,8 +7,9 @@
get_header(); ?> get_header(); ?>
<div id="primary" class="content-area"> <div id="primary" class="content-area">
<div id="content" class="site-content" role="main"> <main id="main" class="site-main" role="main">
<section class="error-404 not-found"> <section class="error-404 not-found">
<header class="page-header"> <header class="page-header">
@ -50,7 +51,7 @@ get_header(); ?>
</div><!-- .page-content --> </div><!-- .page-content -->
</section><!-- .error-404 --> </section><!-- .error-404 -->
</div><!-- #content --> </main><!-- #main -->
</div><!-- #primary --> </div><!-- #primary -->
<?php get_footer(); ?> <?php get_footer(); ?>

4
archive.php
View File

@ -10,7 +10,7 @@
get_header(); ?> get_header(); ?>
<section id="primary" class="content-area"> <section id="primary" class="content-area">
<div id="content" class="site-content" role="main"> <main id="main" class="site-main" role="main">
<?php if ( have_posts() ) : ?> <?php if ( have_posts() ) : ?>
@ -95,7 +95,7 @@ get_header(); ?>
<?php endif; ?> <?php endif; ?>
</div><!-- #content --> </main><!-- #main -->
</section><!-- #primary --> </section><!-- #primary -->
<?php get_sidebar(); ?> <?php get_sidebar(); ?>

2
footer.php
View File

@ -8,7 +8,7 @@
*/ */
?> ?>
</div><!-- #main --> </div><!-- #content -->
<footer id="colophon" class="site-footer" role="contentinfo"> <footer id="colophon" class="site-footer" role="contentinfo">
<div class="site-info"> <div class="site-info">

2
header.php
View File

@ -35,4 +35,4 @@
</nav><!-- #site-navigation --> </nav><!-- #site-navigation -->
</header><!-- #masthead --> </header><!-- #masthead -->
<div id="main" class="site-main"> <div id="content" class="site-content">

4
image.php
View File

@ -9,7 +9,7 @@ get_header();
?> ?>
<div id="primary" class="content-area image-attachment"> <div id="primary" class="content-area image-attachment">
<div id="content" class="site-content" role="main"> <main id="main" class="site-main" role="main">
<?php while ( have_posts() ) : the_post(); ?> <?php while ( have_posts() ) : the_post(); ?>
@ -88,7 +88,7 @@ get_header();
<?php endwhile; // end of the loop. ?> <?php endwhile; // end of the loop. ?>
</div><!-- #content --> </main><!-- #main -->
</div><!-- #primary --> </div><!-- #primary -->
<?php get_footer(); ?> <?php get_footer(); ?>

2
inc/jetpack.php
View File

@ -12,7 +12,7 @@
*/ */
function _s_jetpack_setup() { function _s_jetpack_setup() {
add_theme_support( 'infinite-scroll', array( add_theme_support( 'infinite-scroll', array(
'container' => 'content', 'container' => 'main',
'footer' => 'page', 'footer' => 'page',
) ); ) );
} }

4
index.php
View File

@ -14,7 +14,7 @@
get_header(); ?> get_header(); ?>
<div id="primary" class="content-area"> <div id="primary" class="content-area">
<div id="content" class="site-content" role="main"> <main id="main" class="site-main" role="main">
<?php if ( have_posts() ) : ?> <?php if ( have_posts() ) : ?>
@ -39,7 +39,7 @@ get_header(); ?>
<?php endif; ?> <?php endif; ?>
</div><!-- #content --> </main><!-- #main -->
</div><!-- #primary --> </div><!-- #primary -->
<?php get_sidebar(); ?> <?php get_sidebar(); ?>

4
layouts/content-sidebar.css
View File

@ -8,10 +8,10 @@ Layout: Content-Sidebar
margin: 0 -25% 0 0; margin: 0 -25% 0 0;
width: 100%; width: 100%;
} }
.site-content { .site-main {
margin: 0 25% 0 0; margin: 0 25% 0 0;
} }
.site-main .widget-area { .site-content .widget-area {
float: right; float: right;
overflow: hidden; overflow: hidden;
width: 25%; width: 25%;

4
layouts/sidebar-content.css
View File

@ -8,10 +8,10 @@ Layout: Sidebar-Content
margin: 0 0 0 -25%; margin: 0 0 0 -25%;
width: 100%; width: 100%;
} }
.site-content { .site-main {
margin: 0 0 0 25%; margin: 0 0 0 25%;
} }
.site-main .widget-area { .site-content .widget-area {
float: left; float: left;
overflow: hidden; overflow: hidden;
width: 25%; width: 25%;

4
page.php
View File

@ -13,7 +13,7 @@
get_header(); ?> get_header(); ?>
<div id="primary" class="content-area"> <div id="primary" class="content-area">
<div id="content" class="site-content" role="main"> <main id="main" class="site-main" role="main">
<?php while ( have_posts() ) : the_post(); ?> <?php while ( have_posts() ) : the_post(); ?>
@ -27,7 +27,7 @@ get_header(); ?>
<?php endwhile; // end of the loop. ?> <?php endwhile; // end of the loop. ?>
</div><!-- #content --> </main><!-- #main -->
</div><!-- #primary --> </div><!-- #primary -->
<?php get_sidebar(); ?> <?php get_sidebar(); ?>

4
search.php
View File

@ -8,7 +8,7 @@
get_header(); ?> get_header(); ?>
<section id="primary" class="content-area"> <section id="primary" class="content-area">
<div id="content" class="site-content" role="main"> <main id="main" class="site-main" role="main">
<?php if ( have_posts() ) : ?> <?php if ( have_posts() ) : ?>
@ -31,7 +31,7 @@ get_header(); ?>
<?php endif; ?> <?php endif; ?>
</div><!-- #content --> </main><!-- #main -->
</section><!-- #primary --> </section><!-- #primary -->
<?php get_sidebar(); ?> <?php get_sidebar(); ?>

4
single.php
View File

@ -8,7 +8,7 @@
get_header(); ?> get_header(); ?>
<div id="primary" class="content-area"> <div id="primary" class="content-area">
<div id="content" class="site-content" role="main"> <main id="main" class="site-main" role="main">
<?php while ( have_posts() ) : the_post(); ?> <?php while ( have_posts() ) : the_post(); ?>
@ -24,7 +24,7 @@ get_header(); ?>
<?php endwhile; // end of the loop. ?> <?php endwhile; // end of the loop. ?>
</div><!-- #content --> </main><!-- #main -->
</div><!-- #primary --> </div><!-- #primary -->
<?php get_sidebar(); ?> <?php get_sidebar(); ?>