Further tweaks to What's New layout and content. Props chexee. See #18742.
git-svn-id: http://svn.automattic.com/wordpress/trunk@19409 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
duck_
parent
fb79e5e64c
commit
91746f3179
|
|
@ -36,18 +36,18 @@ include( './admin-header.php' );
|
|||
<div class="changelog">
|
||||
<h3><?php _e( 'Easier Uploading' ); ?></h3>
|
||||
|
||||
<div class="feature-section images-stagger-left">
|
||||
<div class="feature-section images-stagger-right">
|
||||
<div class="feature-images">
|
||||
<img src="images/screenshots/drag-and-drop.png" width="200" class="angled-left" />
|
||||
<img src="images/screenshots/media-icon.png" width="200" class="angled-right" />
|
||||
<img src="images/screenshots/drag-and-drop.png" width="200" class="angled-left" />
|
||||
</div>
|
||||
<div class="right-feature">
|
||||
<h4><?php _e( 'Drag-and-Drop Media Uploader' ); ?></h4>
|
||||
<p><?php _e( 'Adding photos or other files to posts and pages just got easier. Drag files from your desktop and drop them into the uploader. Add one file at a time, or many at once.' ); ?></p>
|
||||
|
||||
<div class="left-feature">
|
||||
<h4><?php _e( 'File Type Detection' ); ?></h4>
|
||||
<p><?php _e( 'We've streamlined things! Instead of needing to click on a specific upload icon based on your file type, now there's just one. Once your file is uploaded, the appropriate fields will be displayed for entering information based on the file type.' ); ?></p>
|
||||
|
||||
<h4><?php _e( 'Drag-and-Drop Media Uploader' ); ?></h4>
|
||||
<p><?php _e( 'Adding photos or other files to posts and pages just got easier. Drag files from your desktop and drop them into the uploader. Add one file at a time, or many at once.' ); ?></p>
|
||||
|
||||
<h4><?php _e( 'More File Formats' ); ?></h4>
|
||||
<p><?php _e( 'We've added the rar and 7z file formats to the list of allowed file types in the uploader.' ); ?></p>
|
||||
</div>
|
||||
|
|
@ -60,28 +60,26 @@ include( './admin-header.php' );
|
|||
<div class="feature-section angled-left">
|
||||
<div class="left-feature">
|
||||
<h4><?php _e( 'Flyout Menus' ); ?></h4>
|
||||
<p><?php _e( 'Speed up navigating the dashboard and reduce repetitive clicking with our new flyout submenus. As you hover over each main menu item in your dashboard navigation, the submenus will magically appear, providing single-click access to any dashboard screen from any other.' ); ?></p>
|
||||
<p><?php _e( 'Speed up navigating the dashboard and reduce repetitive clicking with our new flyout submenus. As you hover over each main menu item in your dashboard navigation, the submenus will magically appear, providing single-click access to any dashboard screen.' ); ?></p>
|
||||
</div>
|
||||
<span class="image-mask"><img src="images/screenshots/admin-flyouts.png" /></span>
|
||||
<img src="images/screenshots/admin-flyouts.png" />
|
||||
<div class="right-feature">
|
||||
<h4><?php _e( 'Header + Admin Bar = Toolbar' ); ?></h4>
|
||||
<p><?php _e( 'To save space and increase efficiency, we've combined the admin bar and the old Dashboard header into one persistent toolbar. Hovering over the toolbar items will reveal submenus when available for quick access. ' ); ?></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="feature-section angled-right">
|
||||
|
||||
<div class="left-feature">
|
||||
<h4><?php _e( 'Responsive Design' ); ?></h4>
|
||||
<p><?php _e( 'Certain dashboard screens have been updated to look better at various sizes, including improved iPad/tablet support.' ); ?></p>
|
||||
</div>
|
||||
<span class="image-mask"><img src="images/screenshots/help-screen.png" width="250" height="170" /></span>
|
||||
</div>
|
||||
|
||||
<div class="feature-section angled-right">
|
||||
<div class="left-feature">
|
||||
<h4><?php _e( 'Header + Admin Bar = Toolbar' ); ?></h4>
|
||||
<p><?php _e( 'To save space and increase efficiency, we've combined the admin bar and the old Dashboard header into one persistent toolbar. Hovering over the toolbar items will reveal submenus when available for quick access. ' ); ?></p>
|
||||
</div>
|
||||
<img src="images/screenshots/help-screen.png" />
|
||||
<div class="right-feature">
|
||||
<h4><?php _e( 'Help Tabs' ); ?></h4>
|
||||
<p><?php _e( 'The Help tabs located in the upper corner of the dashboard screens below your name have gotten a facelift. Help content is broken in smaller sections for easier access, with links to relevant documentation and the support forums always visible.' ); ?></p>
|
||||
<p><?php _e( 'The Help tabs located in the upper corner of the dashboard screens below your name have gotten a facelift. Help content is broken into smaller sections for easier access, with links to relevant documentation and the support forums always visible.' ); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="changelog">
|
||||
|
|
@ -89,8 +87,8 @@ include( './admin-header.php' );
|
|||
|
||||
<div class="feature-section images-stagger-right">
|
||||
<div class="feature-images">
|
||||
<img src="images/screenshots/welcome-screen.png" class="angled-right" />
|
||||
<img src="images/screenshots/new-feature-pointer.png" class="angled-left" />
|
||||
<img src="images/screenshots/new-feature-pointer.png" class="angled-right" />
|
||||
<img src="images/screenshots/welcome-screen.png" class="angled-left" />
|
||||
</div>
|
||||
<div class="left-feature">
|
||||
<h4><?php _e( 'New Feature Pointers' ); ?></h4>
|
||||
|
|
@ -111,16 +109,17 @@ include( './admin-header.php' );
|
|||
|
||||
<div class="feature-section three-col">
|
||||
<div>
|
||||
<h4><?php _e( 'Widget Improvements' ); ?></h4>
|
||||
<p><?php _e( 'Changing themes often requires widget re-configuration based on the number and position of sidebars. Now if you change back to a previous theme within a week, the widgets will automatically go back to how you had them arranged in that theme. <em>Note: if you've added new widgets since the switch, you'll need to rescue them from the Inactive Widgets area.</em>' ); ?></p>
|
||||
<h4><?php _e( 'Better Co-Editing' ); ?></h4>
|
||||
<img src="images/screenshots/coediting.png" />
|
||||
<p><?php _e( 'Have you ever gone to edit a post after someone else has finished with it, only to get an alert that tells you the other person is still editing the post? From now on, you'll only get that alert if another person is still on the editing screen — no more time lag.' ); ?></p>
|
||||
</div>
|
||||
<div>
|
||||
<h4><?php _e( 'Tumblr Importer' ); ?></h4>
|
||||
<p><?php _e( 'Want to import content from Tumblr to WordPress? No problem! Go to Tools → Import to get the new Tumblr Importer.' ); ?></p>
|
||||
<p><?php _e( 'Want to import content from Tumblr to WordPress? No problem! Go to <span class="no-break">Tools → Import</span> to get the new Tumblr Importer, which maps your Tumblog posts to the matching WordPress post formats. Tip: Choose a theme designed to display post formats to get the greatest benefit from the importer.' ); ?></p>
|
||||
</div>
|
||||
<div class="last-feature">
|
||||
<h4><?php _e( 'Better Co-Editing' ); ?></h4>
|
||||
<p><?php _e( 'Have you ever gone to edit a post after someone else has finished with it, only to get an alert that tells you the other person is still editing the post? From now on, you'll only get that alert if another person is still on the editing screen — no more time lag.' ); ?></p>
|
||||
<h4><?php _e( 'Widget Improvements' ); ?></h4>
|
||||
<p><?php _e( 'Changing themes often requires widget re-configuration based on the number and position of sidebars. Now if you change back to a previous theme within a week, the widgets will automatically go back to how you had them arranged in that theme. <em>Note: if you've added new widgets since the switch, you'll need to rescue them from the Inactive Widgets area.</em>' ); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -135,8 +134,8 @@ include( './admin-header.php' );
|
|||
<p><?php _e( 'You have more freedom when choosing a post permalink structure. Skip the date information or add a category slug without a performance penalty.' ); ?></p>
|
||||
</div>
|
||||
<div>
|
||||
<h4><?php _e( 'WP_Screen API' ); ?></h4>
|
||||
<p><?php _e( 'WordPress admin screens have a nice new API. Create rich screens with help documentation, settings, and more.' ); ?></p>
|
||||
<h4><?php _e( 'Post Slugs: Less Funky' ); ?></h4>
|
||||
<p><?php _e( 'Funky characters in post titles (e.g. curly quotes from a word processor) will no longer result in garbled post slugs.' ); ?></p>
|
||||
</div>
|
||||
<div class="last-feature">
|
||||
<h4><?php _e( 'jQuery and jQuery UI' ); ?></h4>
|
||||
|
|
@ -150,8 +149,8 @@ include( './admin-header.php' );
|
|||
<p><?php _e( 'This handy method will tell you if a <code>WP_Query</code> object is the main WordPress query or a secondary query.' ); ?></p>
|
||||
</div>
|
||||
<div>
|
||||
<h4><?php _e( 'Post Slugs: Less Funky' ); ?></h4>
|
||||
<p><?php _e( 'Funky characters in post titles (e.g. curly quotes from a word processor) will no longer result in garbled post slugs.' ); ?></p>
|
||||
<h4><?php _e( 'WP_Screen API' ); ?></h4>
|
||||
<p><?php _e( 'WordPress admin screens have a nice new API. Create rich screens with help documentation, settings, and more.' ); ?></p>
|
||||
</div>
|
||||
<div class="last-feature">
|
||||
<h4><?php _e( 'Editor API Overhaul' ); ?></h4>
|
||||
|
|
@ -162,7 +161,8 @@ include( './admin-header.php' );
|
|||
</div>
|
||||
|
||||
<div class="return-to-dashboard">
|
||||
<a href="<?php echo admin_url(); ?>"><?php _e( 'Go to the Dashboard' ); ?></a>
|
||||
<a href="<?php echo admin_url( 'update-core.php' ); ?>"><?php _e( 'Return to Dashboard → Updates' ); ?></a> |
|
||||
<a href="<?php echo admin_url(); ?>"><?php _e( 'Go to Dashboard → Home' ); ?></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -749,6 +749,9 @@ p.install-help {
|
|||
font-style: italic;
|
||||
}
|
||||
|
||||
.no-break {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
2.0 - Forms
|
||||
|
|
@ -4814,18 +4817,22 @@ input.button-highlighted,
|
|||
|
||||
.about-wrap {
|
||||
position: relative;
|
||||
margin: 44px 40px 0 20px;
|
||||
margin: 0 40px 0 0;
|
||||
font-size: 16px;
|
||||
width: 930px;
|
||||
}
|
||||
.about-wrap div.updated,
|
||||
.about-wrap div.error {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Typography */
|
||||
|
||||
.about-wrap p {
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.about-wrap h1 {
|
||||
margin: 0.6em 200px 0 0;
|
||||
margin: 0.2em 200px 0 0;
|
||||
line-height: 1.2em;
|
||||
font-size: 2.8em;
|
||||
font-weight: 200;
|
||||
|
|
@ -4846,9 +4853,33 @@ input.button-highlighted,
|
|||
min-height: 60px;
|
||||
font-size: 24px;
|
||||
}
|
||||
.about-wrap h2.nav-tab-wrapper {
|
||||
padding-left: 6px;
|
||||
.about-wrap h3 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 1em;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.about-wrap .changelog {
|
||||
font-size: 15px;
|
||||
padding-bottom: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.about-wrap .changelog li {
|
||||
list-style-type: disc;
|
||||
margin-left: 3em;
|
||||
}
|
||||
.about-wrap .feature-section h4 {
|
||||
margin-bottom: 0.6em;
|
||||
}
|
||||
.about-wrap .feature-section p {
|
||||
margin-top: 0.6em;
|
||||
}
|
||||
.about-wrap code {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* WordPress Version Badge */
|
||||
|
||||
.wp-badge {
|
||||
padding-top: 142px;
|
||||
height: 50px;
|
||||
|
|
@ -4868,6 +4899,11 @@ input.button-highlighted,
|
|||
right: 0;
|
||||
}
|
||||
|
||||
/* Tabs */
|
||||
|
||||
.about-wrap h2.nav-tab-wrapper {
|
||||
padding-left: 6px;
|
||||
}
|
||||
.about-wrap h2 .nav-tab {
|
||||
padding: 4px 10px 6px;
|
||||
margin: 0 3px -1px 0;
|
||||
|
|
@ -4878,21 +4914,7 @@ input.button-highlighted,
|
|||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.about-wrap h3 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 1em;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.about-wrap .changelog {
|
||||
font-size: 15px;
|
||||
padding-bottom: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.about-wrap .changelog li {
|
||||
list-style-type: disc;
|
||||
margin-left: 3em;
|
||||
}
|
||||
/* Changelog / Update screen */
|
||||
|
||||
.about-wrap .feature-section .left-feature,
|
||||
.about-wrap .feature-section img,
|
||||
|
|
@ -4905,77 +4927,33 @@ input.button-highlighted,
|
|||
overflow: hidden;
|
||||
clear: both;
|
||||
}
|
||||
.about-wrap .feature-section.angled-left img {
|
||||
margin-top: 1em;
|
||||
.about-wrap .feature-section img {
|
||||
margin: 5px auto;
|
||||
|
||||
border: none;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.angled-right {
|
||||
margin-top: -35px;
|
||||
padding-top: 15px;
|
||||
margin-top: -7.5em;
|
||||
}
|
||||
.about-wrap .feature-section.angled-right img {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.angled-right .left-feature {
|
||||
margin-top: 15px;
|
||||
padding-top: 7em;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section .image-mask {
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
text-align: center;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
.about-wrap .feature-section.angled-right img,
|
||||
.about-wrap .feature-section.angled-left img {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
.about-wrap .feature-section .image-mask img {
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
float: none;
|
||||
|
||||
border: none;
|
||||
|
||||
box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section h4 {
|
||||
margin-bottom: 0.6em;
|
||||
}
|
||||
.about-wrap .feature-section p {
|
||||
margin-top: 0.6em;
|
||||
}
|
||||
.about-wrap .feature-section code {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section img {
|
||||
margin-top: 15px;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
.about-wrap .feature-section.angled-left .left-feature,
|
||||
.about-wrap .feature-section.angled-right .left-feature {
|
||||
margin-right: 5%;
|
||||
width: 40%;
|
||||
margin-right: 4%;
|
||||
}
|
||||
.about-wrap .feature-section.angled-left .right-feature,
|
||||
.about-wrap .feature-section.angled-right .right-feature {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.about-wrap .feature-section.angled-left .image-mask,
|
||||
.about-wrap .feature-section.angled-right .image-mask {
|
||||
width: 20%;
|
||||
height: 150px;
|
||||
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
|
||||
float: left;
|
||||
margin-left: 4%;
|
||||
}
|
||||
.about-wrap .feature-section .left-feature {
|
||||
margin-right: 10%;
|
||||
|
|
@ -4986,11 +4964,11 @@ input.button-highlighted,
|
|||
}
|
||||
.about-wrap .feature-section.angled-left .left-feature,
|
||||
.about-wrap .feature-section.angled-right .right-feature {
|
||||
width: 30%;
|
||||
width: 27%;
|
||||
}
|
||||
.about-wrap .feature-section.angled-left .right-feature,
|
||||
.about-wrap .feature-section.angled-right .left-feature {
|
||||
width: 40%;
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.three-col {
|
||||
|
|
@ -5000,13 +4978,14 @@ input.button-highlighted,
|
|||
.about-wrap .feature-section.three-col div {
|
||||
width: 30%;
|
||||
margin-right: 4.999999999%;
|
||||
|
||||
float: left;
|
||||
}
|
||||
.about-wrap .feature-section.three-col h4 {
|
||||
margin: 0 0 0.6em 0;
|
||||
}
|
||||
.about-wrap .feature-section.three-col div p {
|
||||
margin: 0;
|
||||
.about-wrap .feature-section.three-col img {
|
||||
margin: 0.5em 3px 1em 0;
|
||||
}
|
||||
.about-wrap .feature-section.three-col .last-feature {
|
||||
margin-right: 0;
|
||||
|
|
@ -5015,53 +4994,54 @@ input.button-highlighted,
|
|||
.about-wrap .feature-section .feature-images {
|
||||
width: 300px;
|
||||
position: absolute;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left,
|
||||
.about-wrap .feature-section.images-stagger-right {
|
||||
min-height: 330px;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-right .angled-right,
|
||||
.about-wrap .feature-section.images-stagger-left .angled-left {
|
||||
margin-bottom: -50px;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-right .left-feature,
|
||||
.about-wrap .feature-section.images-stagger-left .right-feature {
|
||||
width: auto;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
.about-wrap .feature-section .feature-images img {
|
||||
width: 250px;
|
||||
height: 150px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left,
|
||||
.about-wrap .feature-section.images-stagger-right {
|
||||
min-height: 265px;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-right .angled-right,
|
||||
.about-wrap .feature-section.images-stagger-left .angled-left {
|
||||
margin-bottom: -30px;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left .angled-left {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.about-wrap .feature-section .angled-right {
|
||||
float: right;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-right .feature-images {
|
||||
right: 0;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left .feature-images {
|
||||
left: 0;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-right .left-feature {
|
||||
margin-right: 350px;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left .feature-images {
|
||||
float: left;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left .right-feature {
|
||||
margin-left: 350px;
|
||||
float: left;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left .angled-left {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
/* Return to Dashboard Home link */
|
||||
|
||||
.about-wrap .return-to-dashboard {
|
||||
margin: 16px 0;
|
||||
margin: 30px 0 0 -5px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.about-wrap .return-to-dashboard a {
|
||||
text-decoration: none;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
/* Credits */
|
||||
|
||||
.about-wrap h4.wp-people-group {
|
||||
margin-top: 2.6em;
|
||||
font-size: 16px;
|
||||
|
|
@ -5113,6 +5093,8 @@ input.button-highlighted,
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Freedoms */
|
||||
|
||||
.freedoms-php .about-wrap ol {
|
||||
margin: 40px 60px;
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 9.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
|
@ -433,7 +433,7 @@ function wp_default_styles( &$styles ) {
|
|||
// Any rtl stylesheets that don't have a .dev version for ltr
|
||||
$no_suffix = array( 'farbtastic' );
|
||||
|
||||
$styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array(), '20111122d' );
|
||||
$styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array(), '20111122e' );
|
||||
|
||||
$styles->add( 'ie', "/wp-admin/css/ie$suffix.css", array(), '20111119' );
|
||||
$styles->add_data( 'ie', 'conditional', 'lte IE 7' );
|
||||
|
|
|
|||
Loading…
Reference in New Issue