mirror of
git://develop.git.wordpress.org/
synced 2025-01-18 05:18:42 +01:00
About Page: Use w.org CDN, use ReverbNation instead of Cloudup, adjust the layout.
Merge of [35832], [35833], and [35834] to the 4.4 branch. See #34663. git-svn-id: https://develop.svn.wordpress.org/branches/4.4@35835 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Dominik Schilling (ocean90)
parent
10b71686e2
commit
b5aa0ecbe8
@ -45,7 +45,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
|
||||
<div class="headline-feature feature-section one-col">
|
||||
<h2><?php _e( 'Twenty Sixteen' ); ?></h2>
|
||||
<div class="media-container">
|
||||
<img src="https://cldup.com/K6k4JfS2nW.png" alt="" srcset="https://cldup.com/F7tEqWxzrx-3000x3000.png 268w, https://cldup.com/zxAXtkbN40-3000x3000.png 536w, https://cldup.com/f2FyXrEthb-3000x3000.png 558w, https://cldup.com/xFofz-J2o0-3000x3000.png 840w, https://cldup.com/2fTSHlMGIt-3000x3000.png 1086w, https://cldup.com/RRCVETtgEs-3000x3000.png 1116w, https://cldup.com/SshVHkB_oX-3000x3000.png 1680w, https://cldup.com/ptbHQzcmog-3000x3000.png 2172w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .8), (max-width: 1290px) calc((100vw - 240px) * .8), 840px" />
|
||||
<img src="https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-white-smartphone-1x.png 268w, https://s.w.org/images/core/4.4/twenty-sixteen-white-smartphone-2x.png 536w, https://s.w.org/images/core/4.4/twenty-sixteen-white-tablet-1x.png 558w, https://s.w.org/images/core/4.4/twenty-sixteen-white-desktop-1x.png 840w, https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-1x.png 1086w, https://s.w.org/images/core/4.4/twenty-sixteen-white-tablet-2x.png 1116w, https://s.w.org/images/core/4.4/twenty-sixteen-white-desktop-2x.png 1680w, https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-2x.png 2172w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .8), (max-width: 1290px) calc((100vw - 240px) * .8), 840px" />
|
||||
</div>
|
||||
<div class="two-col">
|
||||
<div class="col">
|
||||
@ -54,12 +54,12 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
|
||||
<p><?php _e( 'Twenty Sixteen was built to look great on any device. A fluid grid design, flexible header, fun color schemes, and more, will make your content shine.' ); ?></p>
|
||||
<div class="horizontal-image">
|
||||
<div class="content">
|
||||
<img class="feature-image horizontal-screen" src="https://cldup.com/J-zxmMqkXs.png" alt="" srcset="https://cldup.com/GJ_OChqU-3-3000x3000.png 268w, https://cldup.com/opV2KAg7px-3000x3000.png 535w, https://cldup.com/H7TUss5F-L-3000x3000.png 558w, https://cldup.com/4Mgr3kchBL-3000x3000.png 783w, https://cldup.com/kW9lcVhn3v-3000x3000.png 1116w, https://cldup.com/M2gkxI9RnI-3000x3000.png 1566w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .5216), (max-width: 1290px) calc((100vw - 240px) * .5216), 548px" />
|
||||
<img class="feature-image horizontal-screen" src="https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-dark-smartphone-1x.png 268w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-smartphone-2x.png 535w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-desktop-1x.png 558w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-1x.png 783w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-desktop-2x.png 1116w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-2x.png 1566w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .5216), (max-width: 1290px) calc((100vw - 240px) * .5216), 548px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col feature-image">
|
||||
<img class="vertical-screen" src="https://cldup.com/M8i_6X5LUL.png" alt="" />
|
||||
<img class="vertical-screen" src="https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-red-smartphone-1x.png 107w, https://s.w.org/images/core/4.4/twenty-sixteen-red-smartphone-2x.png 214w, https://s.w.org/images/core/4.4/twenty-sixteen-red-desktop-1x.png 252w, https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-1x.png 410w, https://s.w.org/images/core/4.4/twenty-sixteen-red-desktop-2x.png 504w, https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-2x.png 820w" sizes="(max-width: 500px) calc((100vw - 40px) * .32), (max-width: 782px) calc((100vw - 70px) * .32), (max-width: 960px) calc((100vw - 116px) * .24), (max-width: 1290px) calc((100vw - 240px) * .24), 252px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -69,7 +69,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
|
||||
<div class="feature-section two-col">
|
||||
<div class="col">
|
||||
<div class="media-container">
|
||||
<img src="https://cldup.com/av6MH44-Au.png" alt="" srcset="https://cldup.com/KFesVSr1qr-3000x3000.png 335w, https://cldup.com/bX6aec9s9y-3000x3000.png 500w, https://cldup.com/sN3AlF6bSs-3000x3000.png 670w, https://cldup.com/2sAEKiKjQh-3000x3000.png 698w, https://cldup.com/TqUWsx6V2V-3000x3000.png 1000w, https://cldup.com/5gLqAd5tJL-3000x3000.png 1200w, https://cldup.com/m20tMOQZvT-3000x3000.png 1396w, https://cldup.com/d82AnAj-MF-3000x3000.png 2400w" sizes="(max-width: 500px) calc((100vw - 40px)), (max-width: 782px) calc((100vw - 70px), (max-width: 960px) calc((100vw - 116px) * .476), (max-width: 1290px) calc((100vw - 240px) * .476), 500px" />
|
||||
<img src="https://s.w.org/images/core/4.4/responsive-devices-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/responsive-devices-smartphone-1x.png 335w, https://s.w.org/images/core/4.4/responsive-devices-desktop-1x.png 500w, https://s.w.org/images/core/4.4/responsive-devices-smartphone-2x.png 670w, https://s.w.org/images/core/4.4/responsive-devices-tablet-1x.png 698w, https://s.w.org/images/core/4.4/responsive-devices-desktop-2x.png 1000w, https://s.w.org/images/core/4.4/responsive-devices-fullsize-1x.png 1200w, https://s.w.org/images/core/4.4/responsive-devices-tablet-2x.png 1396w, https://s.w.org/images/core/4.4/responsive-devices-fullsize-2x.png 2400w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 782px) calc(100vw - 70px), (max-width: 960px) calc((100vw - 116px) * .476), (max-width: 1290px) calc((100vw - 240px) * .476), 500px" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
@ -85,23 +85,22 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
|
||||
<div class="embed-container">
|
||||
<blockquote data-secret="OcUe7B6Edh" class="wp-embedded-content"><a href="https://make.wordpress.org/core/2015/10/28/new-embeds-feature-in-wordpress-4-4/">New Embeds Feature in WordPress 4.4</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="display:none;" src="https://make.wordpress.org/core/2015/10/28/new-embeds-feature-in-wordpress-4-4/embed/#?secret=OcUe7B6Edh" data-secret="OcUe7B6Edh" width="600" height="338" title="Embedded WordPress Post" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3><?php _e( 'Embed your WordPress content' ); ?></h3>
|
||||
<p><?php _e( 'Now you can embed your posts on other sites, even other WordPress sites. Simply drop a post URL into the editor and see an instant embed preview, complete with the title, excerpt, and featured image if you’ve set one. We’ll even include your site icon and links for comments and sharing.' ); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="feature-section two-col">
|
||||
<div class="col">
|
||||
<div class="embed-container">
|
||||
<?php
|
||||
$embed2 = get_site_transient( 'about-page-embed-2' );
|
||||
if ( false === $embed2 ) {
|
||||
$embed2 = wp_oembed_get( 'https://cloudup.com/cD3duXiAI5k' );
|
||||
if ( ! $embed2 ) {
|
||||
$embed2 = '{{unknown}}';
|
||||
}
|
||||
set_site_transient( 'about-page-embed-2', $embed2 );
|
||||
}
|
||||
echo '{{unknown}}' !== $embed2 ? $embed2 : '';
|
||||
?>
|
||||
<div class="embed-container embed-reverbnation">
|
||||
<iframe width="640" height="150" scrolling="no" frameborder="no" src="https://www.reverbnation.com/widget_code/html_widget/artist_607?widget_id=55&pwc[song_ids]=3731874&pwc[size]=small"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3><?php _e( 'Even more embed providers' ); ?></h3>
|
||||
<p><?php _e( 'In addition to post embeds, WordPress 4.4 also adds support for five new oEmbed providers: Cloudup, Reddit Comments, ReverbNation, Speaker Deck, and VideoPress.' ); ?></p>
|
||||
</div>
|
||||
|
||||
@ -141,6 +141,13 @@
|
||||
margin-right: 4.799999999%;
|
||||
width: 47.6%;
|
||||
}
|
||||
.about-wrap .feature-section.two-col .col {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
margin-right: 4.799999999%;
|
||||
width: calc( 47.6% - 4px );
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.about-wrap .three-col .col {
|
||||
margin-right: 4.999999999%;
|
||||
@ -186,6 +193,10 @@
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.two-col h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.about-wrap .feature-list h2 {
|
||||
margin: 30px 0 15px;
|
||||
text-align: center;
|
||||
@ -273,10 +284,6 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.about-wrap .embed-cloudup iframe {
|
||||
height: 299px;
|
||||
}
|
||||
|
||||
.about-wrap .embed-container iframe {
|
||||
max-width: 100%;
|
||||
}
|
||||
@ -498,11 +505,21 @@
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.two-col .col,
|
||||
.about-wrap .three-col .col,
|
||||
.about-wrap .headline-feature .feature-section .col {
|
||||
width: 100% !important;
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.two-col .col:last-of-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.feature-section.under-the-hood.three-col .col,
|
||||
.feature-section.under-the-hood.one-col .col {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 400px) {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user