Make WordPress Core

Ticket #25031: 25031.4.diff

File 25031.4.diff, 12.4 KB (added by iamtakashi, 8 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