<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[40887] branches/4.8: About: Swap out images and videos for CDN versions, and add responsive images.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/40887">40887</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/40887","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>jorbin</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2017-06-08 05:24:37 +0000 (Thu, 08 Jun 2017)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>About: Swap out images and videos for CDN versions, and add responsive images.
Backports <a href="https://core.trac.wordpress.org/changeset/40881">[40881]</a> from trunk to 4.8.
Props: melchoyce, joemcgill, pento.
See <a href="https://core.trac.wordpress.org/ticket/40721">#40721</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#branches48srcwpadminaboutphp">branches/4.8/src/wp-admin/about.php</a></li>
<li><a href="#branches48srcwpadmincssaboutcss">branches/4.8/src/wp-admin/css/about.css</a></li>
</ul>
<h3>Property Changed</h3>
<ul>
<li><a href="#branches48">branches/4.8/</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<span class="cx" style="display: block; padding: 0 10px">Index: branches/4.8
</span><span class="cx" style="display: block; padding: 0 10px">===================================================================
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">--- branches/4.8 2017-06-08 04:52:10 UTC (rev 40886)
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+++ branches/4.8 2017-06-08 05:24:37 UTC (rev 40887)
</ins><a id="branches48"></a>
<div class="propset"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Property changes: branches/4.8</h4>
<pre class="diff"><span>
</span></pre></div>
<a id="svnmergeinfo"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: svn:mergeinfo</h4></div>
<span class="cx" style="display: block; padding: 0 10px"> /branches/3.1:18031
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/3.3:20543
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/3.4:21757
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/trunk:18512,40872-40873,40879,40883,40885
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/trunk:18512,40872-40873,40879,40881,40883,40885
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="branches48srcwpadminaboutphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/4.8/src/wp-admin/about.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/4.8/src/wp-admin/about.php 2017-06-08 04:52:10 UTC (rev 40886)
+++ branches/4.8/src/wp-admin/about.php 2017-06-08 05:24:37 UTC (rev 40887)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -59,11 +59,42 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><span class="cx" style="display: block; padding: 0 10px"> <picture>
</span><span class="cx" style="display: block; padding: 0 10px"> <!-- Large image -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <source media="(min-width: 1050px)" srcset="https://cldup.com/-951havc3C.png" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <source media="( min-width: 1050px )"
+ srcset="
+ https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_810.png 810w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1054.png 1054w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1266.png 1266w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1458.png 1458w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1633.png 1633w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1797.png 1797w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1955.png 1955w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_2100.png 2100w"
+ sizes="( max-width: 1290px ) calc( 100vw - 240px ), 1050px" />
</ins><span class="cx" style="display: block; padding: 0 10px"> <!-- Medium image -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <source media="(min-width: 601px)" srcset="https://cldup.com/60ktdYzv0l.png" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <source media="( min-width: 601px )"
+ srcset="
+ https://s.w.org/images/core/4.8/widgets-with-all-four_w_531.png 531w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four_w_745.png 745w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four_w_927.png 927w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four_w_1089.png 1089w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four_w_1236.png 1236w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four_w_1370.png 1370w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four_w_1498.png 1498w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four_w_1620.png 1620w"
+ sizes="( max-width: 782px ) calc( 100vw - 70px ), ( max-width: 960px ) calc( 100vw - 116px ), calc( 100vw - 240px )" />
</ins><span class="cx" style="display: block; padding: 0 10px"> <!-- Small image -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <img src="https://cldup.com/mwvU0Zi5wW.png" alt="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <img src="https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_685.png"
+ srcset="
+ https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_300.png 300w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_451.png 451w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_575.png 575w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_685.png 685w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_784.png 784w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_873.png 873w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_959.png 959w,
+ https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_1040.png 1040w"
+ sizes="( max-width: 500px ) calc( 100vw - 40px ), calc( 100vw - 70px )"
+ alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px"> </picture>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -71,7 +102,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="feature-section two-col">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><span class="cx" style="display: block; padding: 0 10px"> <h3><?php _e( 'Image Widget' ); ?></h3>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p><?php _e( 'Adding an image to a widget is now a simple task that is achievable for any WordPress user without needing to know code. Simply insert your image right within the widget settings. Try adding something like a headshot or a photo of your latest weekend adventure — and see it appear automatically.' );?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p><?php _e( 'Adding an image to a widget is now a simple task that is achievable for any WordPress user without needing to know code. Simply insert your image right within the widget settings. Try adding something like a headshot or a photo of your latest weekend adventure — and see it appear automatically.' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><span class="cx" style="display: block; padding: 0 10px"> <h3><?php _e( 'Video Widget' ); ?></h3>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -97,8 +128,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> echo wp_video_shortcode( array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'mp4' => 'https://cldup.com/LHwC1lL_jC.mp4',
- 'poster' => 'https://cldup.com/wx7uMMXJor.png',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'mp4' => 'https://s.w.org/images/core/4.8/link-boundaries.mp4',
+ 'poster' => 'https://s.w.org/images/core/4.8/link-boundaries.png',
</ins><span class="cx" style="display: block; padding: 0 10px"> 'width' => 1140,
</span><span class="cx" style="display: block; padding: 0 10px"> 'height' => 624,
</span><span class="cx" style="display: block; padding: 0 10px"> // 'class' => 'wp-video-shortcode feature-video',
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -120,7 +151,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Being part of the community can help you improve your WordPress skills and network with people you wouldn’t otherwise meet. Now you can easily find your local events just by logging in to your dashboard and looking at the new Events and News dashboard widget.' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <img src="https://cldup.com/GuISab3_X1.png" alt="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <img
+ src="https://s.w.org/images/core/4.8/events-widget_w_732.png"
+ srcset="
+ https://s.w.org/images/core/4.8/events-widget_w_280.png 280w,
+ https://s.w.org/images/core/4.8/events-widget_w_420.png 420w,
+ https://s.w.org/images/core/4.8/events-widget_w_529.png 529w,
+ https://s.w.org/images/core/4.8/events-widget_w_638.png 638w,
+ https://s.w.org/images/core/4.8/events-widget_w_732.png 732w,
+ https://s.w.org/images/core/4.8/events-widget_w_827.png 827w,
+ https://s.w.org/images/core/4.8/events-widget_w_992.png 992w"
+ sizes="
+ ( max-width: 500px ) calc( 100vw - 40px ),
+ ( max-width: 782px ) calc( 48vw - 33px ),
+ ( max-width: 960px ) calc( 47vw - 54px ),
+ ( max-width: 1290px ) calc( 47vw - 112px ),
+ 496px"
+ alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="branches48srcwpadmincssaboutcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/4.8/src/wp-admin/css/about.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/4.8/src/wp-admin/css/about.css 2017-06-08 04:52:10 UTC (rev 40886)
+++ branches/4.8/src/wp-admin/css/about.css 2017-06-08 05:24:37 UTC (rev 40887)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -40,7 +40,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 1px solid rgba(0, 0, 0, 0.1);
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .jetpack-video-wrapper {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -310,10 +309,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 35px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.about-wrap .headline-feature img {
- border: none;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .feature-section .media-container {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre>
</div>
</div>
</body>
</html>