Make WordPress Core

Changeset 26719


Ignore:
Timestamp:
12/06/2013 12:15:59 PM (11 years ago)
Author:
iammattthomas
Message:

Updates to the About page:

  • Better screenshots
  • Align screenshots with the dividers between sections
  • Increase body text size
  • Add a mention of Twenty Fourteen by name
  • i18nalize 'Now with more color'
  • Replace ’ with ’

See #26387.

Location:
trunk/src/wp-admin
Files:
7 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/about.php

    r26718 r26719  
    3737
    3838<div class="changelog">
    39     <h2><?php _e( 'Introducing a new, modern admin design' ); ?></h2>
    40     <img src="<?php echo admin_url( 'images/about-overview.png' ); ?>" />
     39    <h2 class="about-headline-callout"><?php _e( 'Introducing a new, modern admin design' ); ?></h2>
     40    <img class="about-overview-img" src="<?php echo admin_url( 'images/about-overview.png' ); ?>" />
    4141
    4242    <div class="feature-section col three-col about-updates">
     
    5959</div>
    6060
    61 <hr />
     61<hr>
    6262
    6363<!-- Image example -->
     
    7070            <p><?php _e( 'The WordPress admin is now completely responsive: you can work on your website easily from your smartphone or tablet. The full power of WordPress is at your fingertips, even when you’re on the go.' ); ?></p>
    7171            <h4><?php _e( 'Naturally HiDPI' ); ?></h4>
    72             <p><?php _e( 'No more blurry edges with the inclusion of vector icons and graphics, the admin is now entirely HiDPI, so you get the best viewing experience no matter what kind of computer or mobile device you use.' ); ?></p>
     72            <p><?php _e( 'No more blurry edges &#8212; with the inclusion of vector icons and graphics, the admin is now entirely HiDPI, so you get the best viewing experience no matter what kind of computer or mobile device you use.' ); ?></p>
    7373        </div>
    74         <div class="last-feature">
     74        <div class="last-feature about-colors-img">
    7575            <img src="<?php echo admin_url( 'images/about-colors.png' ); ?>" />
    7676        </div>
     
    7878</div>
    7979
    80 <hr />
     80<hr class="flushtopdivider">
    8181
    8282<div class="changelog about-colors">
    8383    <div class="feature-section col one-col">
    8484        <div>
    85             <h3>Now with more color</h3>
    86             <p><?php _e( 'Your admin is not longer monochromatic — we&rsquo;ve brought some more color to keep it looking fresh. You now have the option of four different default color schemes.' ); ?></p>
     85            <h3><?php _e( 'Now with more color' ); ?></h3>
     86            <p><?php _e( 'Your admin is not longer monochromatic &#8212; we&#8217;ve brought some more color to keep it looking fresh. You now have the option of four different default color schemes.' ); ?></p>
    8787            <p><?php _e( 'Try them out below:' ); ?></p>
    8888            <img src="https://i.cloudup.com/NBlGusRk0H.png" style="border: 2px solid red; max-width: 99%; margin: 0;" />
     
    9292</div>
    9393
    94 <hr />
     94<hr>
    9595
    9696<div class="changelog">
     
    106106            <p><?php _e( 'Identify immediately when a theme update is available.' ); ?></p>             
    107107        </div>
    108         <div class="last-feature">
     108        <div class="last-feature about-themes-img">
    109109            <img src="<?php echo admin_url( 'images/about-themes.png' ); ?>" />
    110110        </div>
     
    112112</div>
    113113
    114 <hr />
     114<hr class="flushtopdivider">
    115115
    116116<div class="changelog">
    117     <h2><?php _e( 'Sleek New Magazine Theme' ); ?></h2>
     117    <h2 class="about-headline-callout"><?php _e( 'Twenty Fourteen, A Sleek New Magazine Theme' ); ?></h2>
    118118    <img src="<?php echo admin_url( 'images/about-twentyfourteen.png' ); ?>" />
    119119
     
    121121        <div>
    122122            <h3><?php _e( 'Our new default theme lets you create a responsive magazine website with an elegant, modern design.' ); ?></h3>
    123             <p><?php _e( 'Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content&rsquo;s layout with a full width page template and a contributor page to show of your authors.' ); ?></p>
     123            <p><?php _e( 'Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content&#8217;s layout with a full width page template and a contributor page to show of your authors.' ); ?></p>
    124124            <p><?php _e( 'Creating a magazine website with WordPress has never been easier.' ); ?></p>
    125125        </div>
     
    127127</div>
    128128
    129 <hr />
     129<hr>
    130130
    131131<div class="changelog">
  • trunk/src/wp-admin/css/colors.css

    r26718 r26719  
    17931793}
    17941794
    1795 .about-wrap h3 {
    1796     color: #333;
    1797 }
    1798 
    1799 .about-wrap .feature-section h4 {
    1800     color: #464646;
     1795.about-wrap h2,
     1796.about-wrap h3,
     1797.about-wrap h4 {
     1798    color: #222;
    18011799}
    18021800
  • trunk/src/wp-admin/css/wp-admin.css

    r26718 r26719  
    78057805.about-wrap p {
    78067806    line-height: 1.6em;
     7807    font-size: 14px;
    78077808}
    78087809
     
    78327833}
    78337834
    7834 .about-wrap .changelog h2 {
     7835.about-wrap .changelog h2.about-headline-callout {
    78357836    margin: 1.4em 0 0;
    7836     font-size: 2.1em;
    78377837    line-height: 1.3;
     7838    font-weight: 600;
    78387839    text-align: center;
    78397840}
     
    78477848.about-wrap .feature-section h4 {
    78487849    margin: 1.4em 0 0.6em 0;
     7850    font-size: 1.2em;
    78497851}
    78507852
     
    78587860}
    78597861
     7862/* 3.8 Images */
     7863
     7864.about-wrap .about-colors-img,
     7865.about-wrap .about-themes-img {
     7866    bottom: -25px;
     7867}
     7868
     7869.about-wrap .about-overview-img {
     7870    border-bottom: 1px solid #ddd;
     7871}
     7872
     7873.about-wrap hr.flushtopdivider {
     7874    margin-top: 0;
     7875}
     7876
     7877.about-colors-img img,
     7878.about-themes-img img {
     7879    margin: 0 0;
     7880    padding: 0;
     7881    line-height: 1;
     7882}
    78607883
    78617884/* Point Releases */
     
    79377960.about-wrap .feature-section.two-col div {
    79387961    position: relative;
    7939     width: 47%;
    7940     margin-right: 4.999999999%;
     7962    width: 50%;
    79417963    float: left;
     7964}
     7965
     7966.about-wrap .feature-section.two-col div p {
     7967    margin-right: 3%;
    79427968}
    79437969
Note: See TracChangeset for help on using the changeset viewer.