WordPress.org
Get WordPress

Make WordPress Core

Ticket #25031: 25031.4.diff

File 25031.4.diff, 12.4 KB (added by iamtakashi, 13 years ago)

Make the content sidebar optional and expand the main content area when there is no widget specified for the sidebar.

  • wp-content/themes/twentyfourteen/style.css

     
    545545}
    546546#page {
    547547        background-color: #fff;
    548         max-width: 1230px;
    549         max-width: 123.0rem;
     548        max-width: 1260px;
     549        max-width: 126.0rem;
    550550        position: relative;
    551551}
    552 #main {
    553         max-width: 1230px;
    554         max-width: 123.0rem;
    555 }
    556552#primary {
    557553        padding-top:24px;
    558554        padding-top:2.4rem;
    … …  
    600596
    601597#masthead {
    602598        background-color: #000;
    603         max-width: 1230px;
    604         max-width: 123.0rem;
     599        max-width: 1260px;
     600        max-width: 126rem;
    605601        position: relative;
    606602        width: 100%;
    607603        z-index: 3;
    … …  
    981977.hentry {
    982978        margin-bottom: 24px;
    983979        margin-bottom: 2.4rem;
    984         max-width: 672px;
    985         max-width: 67.2rem;
    986980}
    987981.attachment-featured-thumbnail {
    988982        background: #8c8c8c url(images/pattern.png) repeat 0 0;
    … …  
    13671361        width: 100%;
    13681362}
    13691363.front-page-content-area {
    1370         max-width: 1230px;
    1371         max-width: 123.0rem;
     1364        max-width: 1260px;
     1365        max-width: 126.0rem;
    13721366}
    13731367
    13741368
    … …  
    25352529                padding: 3.6rem 0;
    25362530                width: 100%;
    25372531        }
    2538         .site-content {
    2539                 margin: 0 33.33333333% 0 0;
    2540         }
    25412532        #content-sidebar {
    25422533                float: right;
    25432534                margin: 0 0 0 -30.35714285%;
    … …  
    25652556                height: 96px;
    25662557                height: 9.6rem;
    25672558        }
    2568         .full-width.site-content {
    2569                 margin: 0;
     2559        .secondary-sidebar .site-content,
     2560        .front-page .site-content {
     2561                margin-right: 33.33333333%;
    25702562        }
    2571         .full-width.site-content .hentry {
    2572                 max-width: 100%;
    2573         }
     2563
    25742564}
    25752565
    25762566@media screen and (min-width: 740px) {
    … …  
    26022592                padding: 0 4.46428571% 12px;
    26032593                padding: 0 4.46428571% 1.2rem;
    26042594        }
    2605         #primary .full-width .entry-header {
    2606                 margin: 0 6.04307432%;
    2607                 padding: 0 0 12px;
    2608                 padding: 0 0 1.2rem;
    2609         }
    2610         #primary .full-width .entry-content {
    2611                 margin: 0 6.04307432%;
    2612                 padding: 0;
    2613         }
    2614         #primary .full-width footer.entry-meta {
    2615                 margin: 0 6.04307432%;
    2616                 padding: 0;
    2617         }
    26182595        #primary .format-aside .entry-header,
    26192596        #primary .format-quote .entry-header,
    26202597        #primary .format-link .entry-header,
    … …  
    26732650                padding-left: 9.12778904%;
    26742651        }
    26752652        #image-navigation .previous-image,
    2676         #image-navigation .next-image,
    2677         .full-width .comment-navigation,
    2678         .full-width .comments-title,
    2679         .full-width #comments #respond,
    2680         .full-width .comments-area article,
    2681         .full-width .comment-list li.trackback,
    2682         .full-width .comment-list li.pingback {
    2683                 padding-right: 6.04307432%;
    2684                 padding-left: 6.04307432%;
     2653        #image-navigation .next-image {
     2654                padding-right: 9.12778904%;
     2655                padding-left: 9.12778904%;
    26852656        }
    2686         .full-width #reply-title,
    2687         .full-width #commentform {
    2688                 padding: 0;
    2689         }
    26902657        #infinite-handle {
    26912658                margin: 48px 0 0;
    26922659                margin: 4.8rem 0 0;
    … …  
    26942661        #infinite-handle span {
    26952662                display: inline;
    26962663        }
    2697         #primary .no-results .entry-header {
     2664        #primary .no-results .entry-header,
     2665        .single-attachment #primary .entry-header {
    26982666                margin: 0 4.59183673%;
    26992667                padding: 0 4.46428571%;
    27002668        }
    … …  
    27352703        .error404 #primary .page-header {
    27362704                margin: 0 8.03571428% 0 12.5%;
    27372705        }
    2738         #primary .full-width .entry-header,
    2739         #primary .full-width .entry-content,
    2740         #primary .full-width footer.entry-meta {
    2741                 margin: 0 11.30926724%;
    2742         }
    27432706        .page-header {
    27442707                margin: 0 8.03571428% 24px 12.5%;
    27452708                margin: 0 8.03571428% 2.4rem 12.5%;
    … …  
    27712734        #comments #respond {
    27722735                padding-right: 13.8900862%;
    27732736        }
    2774         .comment-list,
    2775         .full-width .comment-list {
     2737        .comment-list {
    27762738                margin-left: -70px;
    27772739                margin-left: -7.0rem;
    27782740        }
    … …  
    27802742                padding-left: 17.06896551%;
    27812743        }
    27822744        #image-navigation .previous-image,
    2783         #image-navigation .next-image,
    2784         .full-width .comment-navigation,
    2785         .full-width .comments-title,
    2786         .full-width #comments #respond,
    2787         .full-width .comments-area article,
    2788         .full-width .comment-list li.trackback,
    2789         .full-width .comment-list li.pingback {
    2790                 padding-right: 11.30926724%;
    2791                 padding-left: 11.30926724%;
     2745        #image-navigation .next-image {
     2746                padding-right: 17.06896551%;
     2747                padding-left: 17.06896551%;
    27922748        }
    27932749        blockquote.pull.alignleft {
    27942750                margin-left: -20%;
    … …  
    27962752        blockquote.pull.alignright {
    27972753                margin-right: -20%;
    27982754        }
    2799         #primary .no-results .entry-header {
     2755        #primary .no-results .entry-header,
     2756        .single-attachment #primary .entry-header {
    28002757                margin-right: 8.03571428%;
    28012758                margin-left: 12.5%;
    28022759        }
    … …  
    28312788                padding-left: 22.2rem;
    28322789        }
    28332790        .site-content {
    2834                 margin: 0 27.31707317% 0 222px;
    2835                 margin: 0 27.31707317% 0 22.2rem;
     2791                margin-left: 222px;
     2792                margin-left: 22.2rem;
    28362793        }
     2794        .secondary-sidebar .site-content,
     2795        .front-page .site-content {
     2796                margin-right: 27.31707317%;
     2797        }
    28372798        #secondary {
    28382799                background-color: transparent;
    28392800                border-bottom: 0;
    … …  
    28532814                margin: -3px 0 21px;
    28542815                margin: -0.3rem 0 2.1rem;
    28552816        }
    2856         .front-page-content-wrapper {
    2857                 float: left;
    2858         }
    2859         .site-content {
    2860                 margin: 0 27.31707317% 0 222px;
    2861                 margin: 0 27.31707317% 0 22.2rem;
    2862         }
    2863         #content-sidebar,
    2864         .post-formatted-posts {
    2865                 margin: 0 0 0 -27.31707317%;
    2866                 width: 24.87804878%;
    2867         }
    28682817        #primary .entry-header,
    28692818        #primary .page-header {
    28702819                margin: -48px 4.59183673% 0;
    … …  
    29322881        .secondary-navigation ul li:hover > ul {
    29332882                display: block;
    29342883        }
     2884        #content-sidebar,
     2885        .post-formatted-posts {
     2886                margin: 0 0 0 -27.31707317%;
     2887                width: 24.87804878%;
     2888        }
     2889        .front-page-content-wrapper {
     2890                float: left;
     2891        }
    29352892        .page #primary .entry-header,
     2893        .single-attachment #primary .entry-header,
    29362894        .error404 #primary .page-header {
    29372895                margin: 0 4.59183673%;
    29382896                padding: 0 4.46428571% 12px;
    29392897                padding: 0 4.46428571% 1.2rem;
    29402898        }
    2941         .full-width.site-content {
    2942                 margin-left: 222px;
    2943                 margin-left: 22.2rem;
    2944         }
    2945         #primary .full-width .entry-header {
    2946                 padding: 0 0 12px;
    2947                 padding: 0 0 1.2rem;
    2948         }
    2949         #primary .full-width .entry-header,
    2950         #primary .full-width .entry-content,
    2951         #primary .full-width .page-content,
    2952         #primary .full-width footer.entry-meta {
    2953                 margin: 0 5.882236%;
    2954         }
    29552899        .comments-title,
    29562900        .no-comments,
    29572901        #comments #respond,
    … …  
    29632907                padding-right: 9.87001616%;
    29642908                padding-left: 9.19765166%;
    29652909        }
    2966         .comment-list,
    2967         .full-width .comment-list {
     2910        .comment-list {
    29682911                margin-left: 0;
    29692912        }
    29702913        .comment-navigation {
    29712914                padding-left: 9.19765166%;
    29722915        }
    29732916        #image-navigation .previous-image,
    2974         #image-navigation .next-image,
    2975         .full-width .comment-navigation,
    2976         .full-width .comments-title,
    2977         .full-width #comments #respond,
    2978         .full-width .comments-area article,
    2979         .full-width .comment-list li.trackback,
    2980         .full-width .comment-list li.pingback {
    2981                 padding-right: 5.882236%;
    2982                 padding-left: 5.882236%;
     2917        #image-navigation .next-image {
     2918                padding-right: 9.19765166%;
     2919                padding-left: 9.19765166%;
    29832920        }
    29842921        blockquote.pull.alignleft {
    29852922                margin-left: 0;
    … …  
    30592996        #comments #respond {
    30602997                padding-right: 13.73697916%;
    30612998        }
    3062         .comment-list,
    3063         .full-width .comment-list {
     2999        .comment-list {
    30643000                margin-left: -70px;
    30653001                margin-left: -7.0rem;
    30663002        }
    … …  
    30723008                margin: 0 8.03571428% 2.4rem 12.5%;
    30733009        }
    30743010        .page #primary .entry-header,
    3075         .error404 #primary .page-header {
     3011        .error404 #primary .page-header,
     3012        .single-attachment #primary .entry-header {
    30763013                margin: 0 8.03571428% 0 12.5%;
    30773014        }
    3078         #primary .full-width .entry-header,
    3079         #primary .full-width .entry-content,
    3080         #primary .full-width .page-content,
    3081         #primary .full-width footer.entry-meta {
    3082                 margin: 0 11.21868265%;
    3083         }
    30843015        #image-navigation .previous-image,
    3085         #image-navigation .next-image,
    3086         .full-width .comment-navigation,
    3087         .full-width .comments-title,
    3088         .full-width #comments #respond,
    3089         .full-width .comments-area article,
    3090         .full-width .comment-list li.trackback,
    3091         .full-width .comment-list li.pingback {
    3092                 padding-right: 11.21868265%;
    3093                 padding-left: 11.21868265%;
     3016        #image-navigation .next-image {
     3017                padding-right: 16.77524429%;
     3018                padding-left: 16.77524429%;
    30943019        }
    30953020        #primary .entry-content .wp-caption.alignleft .wp-caption-text {
    30963021                padding-left: 10px;
    … …  
    31053030}
    31063031
    31073032@media screen and (min-width: 1230px) {
    3108         #page,
    3109         #masthead,
    3110         .home #main {
    3111                 max-width: 1260px;
    3112                 max-width: 126.0rem;
    3113         }
    31143033        #content-sidebar,
    31153034        .post-formatted-posts {
    3116                 padding-right: 0;
     3035                padding-right: 30px;
    31173036        }
    3118         #primary .full-width .entry-header,
    3119         #primary .full-width .entry-content,
    3120         #primary .full-width .page-content,
    3121         #primary .full-width footer.entry-meta {
    3122                 margin: 0 0 0 11.21868265%;
    3123         }
    31243037        #image-navigation .previous-image,
    3125         #image-navigation .next-image,
    3126         .full-width .comment-navigation,
    3127         .full-width .comments-title,
    3128         .full-width #comments #respond,
    3129         .full-width .comments-area article,
    3130         .full-width .comment-list li.trackback,
    3131         .full-width .comment-list li.pingback {
     3038        #image-navigation .next-image {
    31323039                padding-right: 0;
    31333040        }
    31343041}
     3042 No newline at end of file

  • wp-content/themes/twentyfourteen/sidebar-content.php

     
    66 * @subpackage Twenty_Fourteen
    77 */
    88?>
    9 <div id="content-sidebar" class="widget-area" role="complementary">
    10         <?php do_action( 'before_sidebar' ); ?>
    119
    12         <?php if ( ! dynamic_sidebar( 'sidebar-2' ) ) : ?>
    13                 <aside id="search" class="widget widget_search">
    14                                 <?php get_search_form(); ?>
    15                 </aside>
    16 
    17                 <aside id="link" class="widget widget_links">
    18                         <h1 class="widget-title"><?php _e( 'Blogroll', 'twentyfourteen' ); ?></h1>
    19                         <ul class="xoxo blogroll">
    20                                 <?php wp_list_bookmarks( array( 'title_li' => '', 'categorize' => 0 ) ); ?>
    21                         </ul>
    22                 </aside>
    23 
    24                 <aside id="meta" class="widget">
    25                         <h1 class="widget-title"><?php _e( 'Meta', 'twentyfourteen' ); ?></h1>
    26                         <ul>
    27                                 <?php wp_register(); ?>
    28                                 <li><?php wp_loginout(); ?></li>
    29                                 <?php wp_meta(); ?>
    30                         </ul>
    31                 </aside>
    32         <?php endif; // end sidebar widget area ?>
    33 </div><!-- #content-sidebar -->
     10<?php if ( is_active_sidebar( 'sidebar-2' ) ) : ?>
     11        <div id="content-sidebar" class="widget-area" role="complementary">
     12                <?php
     13                        do_action( 'before_sidebar' );
     14                        dynamic_sidebar( 'sidebar-2' );
     15                ?>
     16        </div><!-- #content-sidebar .widget-area -->
     17<?php endif; ?>
     18 No newline at end of file

  • wp-content/themes/twentyfourteen/full-width-page.php

     
    99get_header(); ?>
    1010
    1111        <div id="primary" class="content-area">
    12                 <div id="content" class="site-content full-width" role="main">
     12                <div id="content" class="site-content" role="main">
    1313                        <?php
    1414                                while ( have_posts() ) :
    1515                                        the_post();

  • wp-content/themes/twentyfourteen/functions.php

     
    5757        add_theme_support( 'post-thumbnails', array( 'post' ) );
    5858
    5959        // Adding several sizes for Post Thumbnails.
    60         add_image_size( 'featured-thumbnail-large', 672, 0 );
     60        add_image_size( 'featured-thumbnail-large', 1038, 0 );
    6161        add_image_size( 'featured-thumbnail-featured', 672, 336, true );
    6262        add_image_size( 'featured-thumbnail-formatted', 306, 0 );
    6363
    … …  
    459459 */
    460460function twentyfourteen_body_classes( $classes ) {
    461461        // Adds a class of group-blog to blogs with more than 1 published author
    462         if ( is_multi_author() ) {
     462        if ( is_multi_author() )
    463463                $classes[] = 'group-blog';
    464         }
    465         if ( is_archive() || is_search() || is_home() ) {
     464
     465        if ( is_archive() || is_search() || is_home() )
    466466                $classes[] = 'list-view';
    467         }
    468467
     468        if ( is_front_page() )
     469                $classes[] = 'front-page';
     470
     471        if ( is_active_sidebar( 'sidebar-1' ) )
     472                $classes[] = 'primary-sidebar';
     473
     474        if ( is_active_sidebar( 'sidebar-2' ) && ! is_attachment() && ! is_page_template( 'full-width-page.php' ) )
     475                $classes[] = 'secondary-sidebar';
     476
    469477        return $classes;
    470478}
    471479add_filter( 'body_class', 'twentyfourteen_body_classes' );

  • wp-content/themes/twentyfourteen/image.php

     
    1010?>
    1111
    1212<section id="primary" class="content-area image-attachment">
    13         <div id="content" class="site-content full-width" role="main">
     13        <div id="content" class="site-content" role="main">
    1414
    1515        <?php while ( have_posts() ) : the_post(); ?>
    1616