<!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>[48675] trunk/src/wp-admin: Help/About: WordPress 5.5 About Page.</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 { white-space: pre-line; 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/48675">48675</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/48675","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>whyisjake</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2020-07-28 17:43:50 +0000 (Tue, 28 Jul 2020)</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'>Help/About: WordPress 5.5 About Page.
Speed. Search. Security.
This is the start of the WordPress 5.5 about page.
Fixes <a href="https://core.trac.wordpress.org/ticket/50416">#50416</a>.
Props ryelle, marybaum, estelaris, yvettesonneveld, michelebutcher-jones, metalandcoffee, melchoyce, marktimemedia, abhanonstopnewsuk, elmastudio, davidbaumwald, audrasjb, afercia, cbringmann, andreamiddleton, desrosj, earnjam, SergeyBiryukov, whyisjake, elrae.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadminaboutphp">trunk/src/wp-admin/about.php</a></li>
<li><a href="#trunksrcwpadmincreditsphp">trunk/src/wp-admin/credits.php</a></li>
<li><a href="#trunksrcwpadmincssaboutcss">trunk/src/wp-admin/css/about.css</a></li>
<li><a href="#trunksrcwpadminfreedomsphp">trunk/src/wp-admin/freedoms.php</a></li>
<li><a href="#trunksrcwpadminprivacyphp">trunk/src/wp-admin/privacy.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpadminaboutphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/about.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/about.php 2020-07-28 17:42:44 UTC (rev 48674)
+++ trunk/src/wp-admin/about.php 2020-07-28 17:43:50 UTC (rev 48675)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,6 +19,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="wrap about__container">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="about__header">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__header-text">
+ <?php _e( 'Speed. Search. Security.' ); ?>
+ </div>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="about__header-title">
</span><span class="cx" style="display: block; padding: 0 10px"> <p>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php _e( 'WordPress' ); ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,12 +30,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__header-text">
- <p>
- <?php _e( 'Building more with blocks, faster and easier.' ); ?>
- </p>
- </div>
-
</del><span class="cx" style="display: block; padding: 0 10px"> <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="about.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'What’s New' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -40,16 +38,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </nav>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__section is-feature has-accent-background-color">
- <h1><?php _e( 'Say hello to more and better.' ); ?></h1>
-
- <p><?php _e( 'More ways to make your pages come alive. With easier ways to get it all done and looking better than ever—and boosts in speed you can feel.' ); ?></p>
- </div>
-
- <hr />
-
- <div class="about__section has-2-columns has-subtle-background-color">
- <h2 class="is-section-header">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section is-feature has-subtle-background-color">
+ <h1>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: %s: The current WordPress version number. */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -57,135 +47,172 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $display_version
</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">- </h2>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </h1>
+ <p>
+ <?php
+ printf(
+ /* translators: %s: The current WordPress version number. */
+ __( 'In WordPress %s, your site gets new power in three major areas: speed, search, and security.' ),
+ $display_version
+ );
+ ?>
+ </p>
+ </div>
+
+ <hr />
+
+ <div class="about__section has-2-columns is-wider-left">
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="column">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p>
- <?php _e( 'Every major release adds more to the block editor.' ); ?>
- </p>
- <p>
- <?php _e( 'More ways to make posts and pages come alive with your best images.' ); ?>
- <?php _e( 'More ways to bring your visitors in, and keep them engaged, with the richness of embedded media from the web’s top services.' ); ?>
- </p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h2><?php _e( 'Speed' ); ?></h2>
+ <p><strong><?php _e( 'Posts and pages feel faster, thanks to lazy-loaded images.' ); ?></strong></p>
+ <p><?php _e( 'Images give your story a lot of impact, but they can sometimes make your site seem slow.' ); ?></p>
+ <p><?php _e( 'In WordPress 5.5, images wait to load until they’re just about to scroll into view. The technical term is ‘lazy loading.’' ); ?></p>
+ <p><?php _e( 'On mobile, lazy loading can also keep browsers from loading files meant for other devices. That can save your readers money on data — and help preserve battery life.' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column is-edge-to-edge" style="background-color:skyblue;">
+ </div>
+ </div>
+
+ <hr class="is-small" />
+
+ <div class="about__section has-2-columns is-wider-right">
+ <div class="column is-edge-to-edge" style="background-color:skyblue;">
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="column">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p>
- <?php _e( 'More ways to make your vision real, and put blocks in the perfect place—even if a particular kind of block is new to you. More efficient processes.' ); ?>
- </p>
- <p>
- <?php _e( 'And more speed everywhere, so as you build sections or galleries, or just type in a line of prose, you can feel how much faster your work flows.' ); ?>
- </p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h2><?php _e( 'Search' ); ?></h2>
+ <p><strong><?php _e( 'Say hello to your new sitemap.' ); ?></strong></p>
+ <p><?php _e( 'WordPress sites work well with search engines. ' ); ?></p>
+ <p><?php _e( 'Now, by default, WordPress 5.5 includes an XML sitemap that helps search engines discover your most important pages from the very minute you go live.' ); ?></p>
+ <p><?php _e( 'So more people will find your site sooner, giving you more time to engage, retain and convert them to subscribers, customers or whatever fits your definition of success.' ); ?></p>
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <hr />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <hr class="is-small" />
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__section has-2-columns">
- <div class="column is-edge-to-edge">
- <div class="about__image aligncenter">
- <img src="data:image/svg+xml;charset=utf8,%3Csvg width='500' height='500' viewbox='0 0 500 500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F3F4F5' d='M0 0h500v500H0z'/%3E%3Cpath d='M346.7 37.645s100.5-2.8 102.6 0c2.1 2.8 0 124.999 0 124.999l-106.9 2.8 4.3-127.8z' fill='%232CA8EB'/%3E%3Cpath d='M343.5 185.844s100.5-1.9 102.6 0c2.1 1.9 1.1 125.9 4.3 127.8 3.2 1.9-100.5 1.9-104.8 2.8-4.3.9-2.1-130.6-2.1-130.6z' fill='%237CAED2'/%3E%3Cpath d='M195.6 186.744s102.7 2.8 106.9 2.8c4.2 0 7.4 120.4 4.2 122.2-3.2 1.9-106.9 2.8-106.9 2.8s2.1-126.9-4.2-127.8z' fill='%2381A4D4'/%3E%3Cpath d='M152.8 192.344s2.1 124.1 4.3 126.9c2.1 2.7-109.1 1.8-109.1 1.8v-128.7h104.8z' fill='%235DC3D8'/%3E%3Cpath d='M152 464.544H56v-119.8l101-1.7s-8.9 118-5 121.5z' fill='%230574E2'/%3E%3Cpath d='M195 35.844h101.6s-8.6 119.4 0 125c8.6 5.6-101.6 3.7-101.6 3.7v-128.7z' fill='%23216BCE'/%3E%3Cpath d='M302.3 463.844s-102.9 2.8-105.1 0c-2.2-2.8 0-125 0-125l109.5-2.8-4.4 127.8z' fill='
%231C99D1'/%3E%3Cpath d='M346.2 464.544s-2.1-124.1-4.3-126.9c-2.1-2.8 109.1-1.9 109.1-1.9v128.7H346.2v.1z' fill='%231B44DD'/%3E%3Cpath d='M50.2 35.844s100.5-1.9 102.6 0c2.1 1.9 1.1 125.9 4.3 127.8 3.2 1.9-100.5 1.9-104.8 2.8-4.3.9-2.1-130.6-2.1-130.6z' fill='%231B36BC'/%3E%3C/svg%3E" alt="" />
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-2-columns is-wider-left">
+ <div class="column">
+ <h2><?php _e( 'Security' ); ?></h2>
+ <p><strong><?php _e( 'Auto-updates for Plugins and Themes' ); ?></strong></p>
+ <p><?php _e( 'Now you can set plugins and themes to update automatically — or not! — in the WordPress admin. So you always know your site is running the latest code available.' ); ?></p>
+ <p><?php _e( 'You can also turn auto-updates on or off for each plugin or theme you have installed — all on the same screens you’ve always used.' ); ?></p>
+ <p><strong><?php _e( 'Update by uploading ZIP files' ); ?></strong></p>
+ <p><?php _e( 'If updating plugins and themes manually is your thing, now that’s easier too — just upload a ZIP file.' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="column is-vertically-aligned-center">
- <h2><?php _e( 'Two new blocks. And better blocks overall.' ); ?></h2>
- <ul>
- <li><?php _e( 'Two brand-new blocks: Social Icons and Buttons make adding interactive features fast and easy.' ); ?></li>
- <li><?php _e( 'New ways with color: Gradients in the Buttons and Cover block, toolbar access to color options in Rich Text blocks, and for the first time, color options in the Group and Columns blocks.' ); ?></li>
- <li><?php _e( 'Guess a whole lot less! Version 5.4 streamlines the whole process for placing and replacing multimedia in every block. Now it works the same way in almost every block!' ); ?></li>
- <li><?php _e( 'And if you’ve ever thought your image in the Media+Text block should link to something else—perhaps a picture of a brochure should download that brochure as a document? Well, now it can.' ); ?></li>
- </ul>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column is-edge-to-edge" style="background-color:skyblue;">
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__section has-2-columns">
- <div class="column is-vertically-aligned-center">
- <h2><?php _e( 'Cleaner UI, clearer navigation—and easier tabbing!' ); ?></h2>
- <ul>
- <li><?php _e( 'Clearer block navigation with block breadcrumbs. And easier selection once you get there.' ); ?></li>
- <li><?php _e( 'For when you need to navigate with the keyboard, better tabbing and focus. Plus, you can tab over to the sidebar of nearly any block.' ); ?></li>
- <li><?php _e( 'Speed! 14% faster loading of the editor, 51% faster time-to-type!' ); ?></li>
- <li><?php _e( 'Tips are gone. In their place, a Welcome Guide window you can bring up when you need it—and only when you need it—again and again.' ); ?></li>
- <li><?php _e( 'Know at a glance whether you’re in a block’s Edit or Navigation mode. Or, if you have restricted vision, your screen reader will tell you which mode you’re in.' ); ?></li>
- </ul>
- <p><?php _e( 'Of course, if you want to work with the very latest tools and features, install the <a href="https://wordpress.org/plugins/gutenberg/">Gutenberg plugin</a>. You’ll get to be the first to use new and exciting features in the block editor, before anyone else has seen them!' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <hr />
+
+ <div class="about__section">
+ <div class="column is-edge-to-edge" style="height:200px;background-color:skyblue;">
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="column is-edge-to-edge">
- <div class="about__image aligncenter">
- <img src="data:image/svg+xml;charset=utf8,%3Csvg width='500' height='500' viewbox='0 0 500 500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F3F4F5' d='M0 0h500v500H0z'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M169.6 171.55l-.3 72.3 330.7-1v-72.6l-330.4 1.3z' fill='%230740B3'/%3E%3Cpath d='M291.2 97.85l-1.3-14.8-63.4-.7v76c0 3.6 176.7 4.1 273.5 4.1v-64.5H291.2v-.1z' fill='%230285D7'/%3E%3Cpath d='M500 27.75l-215.5-5.9 5.4 61.2 210.1 2.5v-57.8z' fill='%231730E5'/%3E%3Cpath d='M500 97.85v-12.3l-210.1-2.5 1.3 14.8H500z' fill='%230285D7'/%3E%3Cpath d='M500 97.85v-12.3l-210.1-2.5 1.3 14.8H500z' fill='%231730E5' style='mix-blend-mode:multiply'/%3E%3Cpath d='M255.2 379.75l-1-49.2-229.2.3-2 69.7 477-1.3v-24.3l-244.8 4.8z' fill='%230285D7'/%3E%3Cpath d='M500 424.35v-15l-430.8 1.2-4 51.5 134.6-.5v-34.4c.1-2.8 214.4-2.9 300.2-2.8z' fill='%230878FF'/%3E%3Cpath d='M500 290.05l-246.4 4.3.6 36.2 245.8-.3v-40.2z' fill='%23072CF0'/%3E%3Cpath d='M500 374.95v-44
.7l-245.8.3 1 49.2 244.8-4.8z' fill='%230285D7'/%3E%3Cpath d='M500 374.95v-44.7l-245.8.3 1 49.2 244.8-4.8z' fill='%23072CF0' style='mix-blend-mode:multiply'/%3E%3Cpath d='M199.9 461.55v17.6l300.1-2.4v-16.3l-300.1 1.1z' fill='%230285D7'/%3E%3Cpath d='M500 424.35c-85.8-.1-300.1 0-300.1 2.8v34.4l300.1-1.1v-36.1z' fill='%230878FF'/%3E%3Cpath d='M500 424.35c-85.8-.1-300.1 0-300.1 2.8v34.4l300.1-1.1v-36.1z' fill='%230285D7' style='mix-blend-mode:multiply'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath transform='rotate(-90 23 479.15)' fill='%23fff' d='M23 479.15h457.3v477H23z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E" alt="">
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column">
+ <h2><?php _e( 'Highlights from the block editor' ); ?></h2>
+ <p><?php _e( 'Once again, the latest WordPress release packs a long list of exciting new features for the block editor. For example:' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> <div class="about__section has-2-columns">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="column is-edge-to-edge">
- <div class="about__image aligncenter">
- <img src="data:image/svg+xml;charset=utf8,%3Csvg width='500' height='500' viewbox='0 0 500 500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F3F4F5' d='M0 0h500v500H0z'/%3E%3Cpath d='M31.3 284.4c-2-.1 12.2-250.6 12.2-250.6s94.8 4.4 99.7 5.2c.3 21.8 4.1 250.1 4.1 250.1l-116-4.7z' fill='%231730E5'/%3E%3Cpath d='M346.8 467.4l-11.7-305.9 138.2 2.4-3 304.1-123.5-.6z' fill='%230840B3'/%3E%3Cpath d='M287.7 34.9c2.3 0 5.9 398.5 5.9 398.5s-109.6-2.2-115 .6c-5.4 2.8 10.6-400.5 10.6-400.5l98.5 1.4z' fill='%23018BDE'/%3E%3Cpath d='M372.3 138c32.585 0 59-26.415 59-59s-26.415-59-59-59-59 26.415-59 59 26.415 59 59 59z' fill='%23062EF7'/%3E%3Cpath d='M35.8 315c-12.8 0-24.9 2.9-35.8 8.1v148.7c10.8 5.2 22.9 8.1 35.8 8.1 45.6 0 82.5-36.9 82.5-82.5S81.3 315 35.8 315z' fill='%231C87C0'/%3E%3C/svg%3E" alt="" />
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column">
+ <h3><?php _e( 'Inline image editing' ); ?></h3>
+ <p><?php _e( 'Crop, rotate, and zoom your photos right from the image block. If you spend a lot of time on images, this could save you hours!' ); ?></p>
+ <h3><?php _e( 'Block patterns' ); ?></h3>
+ <p><?php _e( 'New block patterns make it simple and fun to create complex, beautiful layouts, using combinations of text and media that you can mix and match to fit your story.' ); ?></p>
+ <p><?php _e( 'You will also find block patterns in a wide variety of plugins and themes, with more added all the time. Pick any of them from a single dropdown — just click and go!' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="column is-vertically-aligned-center">
- <h2><?php _e( 'Your fundamental right: privacy' ); ?></h2>
- <p><?php _e( '5.4 helps with a variety of privacy issues around the world. So when users and stakeholders ask about regulatory compliance, or how your team handles user data, the answers should be a lot easier to get right.' ); ?></p>
- <p><?php _e( 'Take a look:' ); ?></p>
- <ul>
- <li><?php _e( 'Now personal data exports include users session information and users location data from the community events widget. Plus, a table of contents!' ); ?></li>
- <li><?php _e( 'See progress as you process export and erasure requests through the privacy tools.' ); ?></li>
- <li><?php _e( 'Plus, little enhancements throughout give the privacy tools a little cleaner look. Your eyes will thank you!' ); ?></li>
- </ul>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column">
+ <h3><?php _e( 'The New Block Directory' ); ?></h3>
+ <p><?php _e( 'Now it’s easier than ever to find the block you need. The new block directory is built right into the block editor, so you can install new block types to your site without ever leaving the editor.' ); ?></p>
+
+ <h3><?php _e( 'And so much more.' ); ?></h3>
+ <p><?php _e( 'The highlights above are a tiny fraction of the new block-editor features you’ve just installed. Open the block editor and enjoy!' ); ?></p>
</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 class="cx" style="display: block; padding: 0 10px"> <hr />
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__section ">
- <div class="column has-subtle-background-color">
- <h2 class="is-section-header"><?php _e( 'Just for developers' ); ?></h2>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-2-columns">
+ <div class="column">
+ <h2><?php _e( 'Accessibility' ); ?></h2>
+ <p><?php _e( 'Every release adds improvements to the accessible publishing experience, and that remains true for WordPress 5.5. ' ); ?></p>
+ <p><?php _e( 'Now you can copy links in media screens and modal dialogs with a button, instead of trying to highlight a line of text.' ); ?></p>
+ <p><?php _e( 'You can also move meta boxes with the keyboard, and edit images in WordPress with your assistive device, as it can read you the instructions in the image editor.' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column is-edge-to-edge" style="background-color:skyblue;">
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <hr class="is-small" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <hr />
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__section">
- <div class="about__image aligncenter">
- <img src="data:image/svg+xml;charset=utf8,%3Csvg width='1000' height='500' viewbox='0 0 1000 500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M761 360.917H428v66.8h333v-66.8z' fill='%230574E2'/%3E%3Cpath d='M921 399.801H592.2v99.7H921v-99.7z' fill='%231C99D1'/%3E%3Cpath d='M288.1 378.963c46.392 0 84-37.496 84-83.749 0-46.253-37.608-83.748-84-83.748s-84 37.495-84 83.748c0 46.253 37.608 83.749 84 83.749z' fill='%230F7DEA'/%3E%3Cpath d='M553.3 191.426H272.5v85.742h280.8v-85.742z' fill='%231730E5'/%3E%3Cpath d='M785 151.545H499.4v77.169H785v-77.169z' fill='%231C99D1'/%3E%3Cpath d='M777.3 284.247c50.258 0 91-40.62 91-90.728 0-50.107-40.742-90.727-91-90.727s-91 40.62-91 90.727c0 50.108 40.742 90.728 91 90.728z' fill='%231826D3'/%3E%3Cpath d='M635 33.898H413v101.695h222V33.898zM1000 303.091H708v76.769h292v-76.769zM366 102.692H0v66.799h366v-66.799z' fill='%230574E2'/%3E%3Cpath d='M275 24.925H96v93.719h179V24.925z' fill='%231C99D1'/%3E%3Cpath d='M861 0H573v66.8h28
8V0z' fill='%231730E5'/%3E%3Cpath d='M436 440.678c35.346 0 64-28.568 64-63.809 0-35.24-28.654-63.808-64-63.808-35.346 0-64 28.568-64 63.808 0 35.241 28.654 63.809 64 63.809z' fill='%23236FE8'/%3E%3Cpath d='M428 449.651H171.4V500H428v-50.349z' fill='%231C99D1'/%3E%3Cpath d='M318 404.786H77v63.908h241v-63.908z' fill='%231826D3'/%3E%3Cpath d='M818 258.225H600v73.281h218v-73.281zM613 117.647H456v93.719h157v-93.719zM96.1 198.604c18.833 0 34.1-15.221 34.1-33.998 0-18.776-15.267-33.998-34.1-33.998-18.833 0-34.1 15.222-34.1 33.998 0 18.777 15.267 33.998 34.1 33.998z' fill='%231C99D1'/%3E%3C/svg%3E" alt="">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-subtle-background-color has-2-columns">
+ <header class="is-section-header">
+ <h2><?php _e( 'For developers' ); ?></h2>
+ <p><?php _e( '5.5 also brings a big box of changes just for developers.' ); ?></p>
+ </header>
+ <div class="column">
+ <h3><?php _e( 'Server-side registered blocks in the REST API' ); ?></h3>
+ <p><?php _e( 'The addition of block types endpoints means that JavaScript apps (like the block editor) can retrieve definitions for any blocks registered on the server.' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column">
+ <h3><?php _e( 'Dashicons' ); ?></h3>
+ <p><?php _e( 'The Dashicons library has received its final update in 5.5. It adds 39 block-editor icons along with 26 others.' ); ?></p>
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <hr class="is-small" />
-
- <div class="about__section has-2-columns">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-subtle-background-color has-2-columns">
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="column">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3><?php _e( 'Add custom fields to menu items—natively' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><?php _e( 'Defining environments' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php _e( 'Two new actions let you add custom fields to menu items—without a plugin and without writing custom walkers.' ); ?>
- </p>
- <p>
</del><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* translators: %s: 'wp_nav_menu_item_custom_fields' action name. */
- __( 'On the Menus admin screen, %s fires just before the move buttons of a nav menu item in the menu editor.' ),
- '<code>wp_nav_menu_item_custom_fields</code>'
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: %s: 'wp_get_environment_type' function name. */
+ __( 'WordPress now has a standardized way to define a site’s environment type (staging, production, etc). Retrieve that type with %s and execute only the appropriate code.' ),
+ '<code>wp_get_environment_type()</code>'
</ins><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"> </p>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div>
+ <div class="column">
+ <h3><?php _e( 'Passing data to template files' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* translators: %s: 'wp_nav_menu_item_custom_fields_customize_template' action name. */
- __( 'In the Customizer, %s fires at the end of the menu-items form-fields template.' ),
- '<code>wp_nav_menu_item_custom_fields_customize_template</code>'
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: %1$s: 'get_header' function name, %2$s: 'get_template_part' function name, %3$s: '$args' variable name. */
+ __( 'The template loading functions (%1$s, %2$s, etc.) have a new %3$s argument. So now you can pass an entire array’s worth of data to those templates.' ),
+ '<code>get_header()</code>',
+ '<code>get_template_part()</code>',
+ '<code>$args</code>'
</ins><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"> </p>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p>
- <?php _e( 'Check your code and see where these new actions can replace your custom code, and if you’re concerned about duplication, add a check for the WordPress version.' ); ?>
- </p>
</del><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div>
+
+ <div class="about__section has-subtle-background-color">
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="column">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3><?php _e( 'Blocks! Simpler styling, new APIs and embeds' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><?php _e( 'More changes for developers' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <ul>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <li><?php _e( '<strong>Radically</strong> simpler block styling. Negative margins and default padding are gone! Now you can style blocks the way you need them. And, a refactor got rid of four redundant wrapper divs.' ); ?></li>
- <li><?php _e( 'If you build plugins, now you can register collections of your blocks by namespace across categories—a great way to get more brand visibility.' ); ?></li>
- <li><?php _e( 'Let users do more with two new APIs: block variations and gradients.' ); ?></li>
- <li><?php _e( 'In embeds, now the block editor supports TikTok—and CollegeHumor is gone.' ); ?></li>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <li><?php _e( 'The PHPMailer library just got a major update, going from version 5.2.27 to 6.1.6.' ); ?></li>
+ <li>
+ <?php
+ printf(
+ /* translators: %s: 'redirect_guess_404_permalink' function name. */
+ __( 'Now get more fine-grained control of %s.' ),
+ '<code>redirect_guess_404_permalink()</code>'
+ );
+ ?>
+ </li>
+ <li>
+ <?php
+ printf(
+ /* translators: %s: 'wp_opcache_invalidate' function name. */
+ __( 'Sites that use PHP’s OPcache will see more reliable cache invalidation, thanks to the new %s function during updates (including to plugins and themes).' ),
+ '<code>wp_opcache_invalidate()</code>'
+ );
+ ?>
+ </li>
+ <li><?php _e( 'New filters let custom post types associated with the category taxonomy have a default term beyond “Uncategorized.”' ); ?></li>
+ <li><?php _e( 'You will find updated versions of these bundled libraries: SimplePie, Twemoji, Masonry, imagesLoaded, getID3, Moment.js, and clipboard.js.' ); ?></li>
</ins><span class="cx" style="display: block; padding: 0 10px"> </ul>
</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">@@ -193,13 +220,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <hr class="is-small" />
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="about__section">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ </div>
+
+ <hr class="is-small" />
+
+ <div class="about__section">
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="column">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><?php _e( 'Check the Field Guide for more!' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* translators: %s: WordPress 5.4 Field Guide link. */
- __( 'There’s lots more for developers to love in WordPress 5.4. To discover more and learn how to make these changes shine on your sites, themes, plugins and more, check the <a href="%s">WordPress 5.4 Field Guide</a>.' ),
- 'https://make.wordpress.org/core/2020/03/03/wordpress-5-4-field-guide/'
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: %s: WordPress 5.5 Field Guide link. */
+ __( 'There’s a lot more for developers to love in WordPress 5.5. To discover more and learn how to make these changes shine on your sites, themes, plugins and more, check the <a href="%s">WordPress 5.5 Field Guide.</a>' ),
+ 'https://make.wordpress.org/core/wordpress-5-5-field-guide/'
</ins><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"> </p>
</span></span></pre></div>
<a id="trunksrcwpadmincreditsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/credits.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/credits.php 2020-07-28 17:42:44 UTC (rev 48674)
+++ trunk/src/wp-admin/credits.php 2020-07-28 17:43:50 UTC (rev 48675)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,6 +21,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="wrap about__container">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="about__header">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__header-text">
+ <?php _e( 'Speed. Search. Security.' ); ?>
+ </div>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="about__header-title">
</span><span class="cx" style="display: block; padding: 0 10px"> <p>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php _e( 'WordPress' ); ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,12 +32,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__header-text">
- <p>
- <?php _e( 'Building more with blocks, faster and easier.' ); ?>
- </p>
- </div>
-
</del><span class="cx" style="display: block; padding: 0 10px"> <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="about.php" class="nav-tab"><?php _e( 'What’s New' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="credits.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Credits' ); ?></a>
</span></span></pre></div>
<a id="trunksrcwpadmincssaboutcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/about.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/about.css 2020-07-28 17:42:44 UTC (rev 48674)
+++ trunk/src/wp-admin/css/about.css 2020-07-28 17:43:50 UTC (rev 48675)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,18 +21,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .about__container {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Section backgrounds */
</span><span class="cx" style="display: block; padding: 0 10px"> --background: #f3f4f5;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- --subtle-background: #bde7f0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --subtle-background: #f2edd4;
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Main text color */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- --text: #32373c;
- --text-light: #f3f4f5;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --text: #322d2b;
+ --text-light: #f2edd4;
+ /* Accent colors: used in header, on special classes. */
+ --accent-1: #ebcd3d; /* Accent background */
+ --accent-2: #bd7331;
+ --accent-3: #bc5131;
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Navigation colors. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- --nav-background: #216bce;
- --nav-border: #1730e5;
- --nav-color: #f3f4f5;
- /* Reds, used as accents & in header. */
- --accent-1: #1730e5;
- --accent-2: #216bce;
- --accent-3: #bde7f0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --nav-background: var( --subtle-background );
+ --nav-border: var( --accent-1 );
+ --nav-color: var(--accent-3);
+ --nav-current: var(--accent-3);
</ins><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"> /*------------------------------------------------------------------------------
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -103,15 +104,25 @@
</span><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__container .has-accent-background-color {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #f3f4f5;
- color: var(--text-light);
- background-color: #1730e5;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #ebcd3d;
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--accent-1);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.about__container .has-transparent-background-color {
+ background-color: transparent;
+}
+
+.about__container .has-accent-color {
+ color: #bc5131;
+ color: var(--accent-3);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about__container .has-subtle-background-color {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #bde7f0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #f2edd4;
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--subtle-background);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #322d2b;
+ color: var(--text);
</ins><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"> /* 1.1 - Layout */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -124,6 +135,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 32px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about__section + .about__section .column {
+ padding-top: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about__section .column.is-edge-to-edge {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -136,11 +151,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about__section .has-text-columns {
+ columns: 2;
+ column-gap: 64px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about__section .is-section-header {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 32px 32px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about__section .is-section-header p:last-child {
+ margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Section header is alone in a container. */
</span><span class="cx" style="display: block; padding: 0 10px"> .about__section .is-section-header:first-child:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -329,8 +353,8 @@
</span><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__section a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #1730e5;
- color: var(--accent-1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #bc5131;
+ color: var(--accent-3);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -337,6 +361,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .about__section a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .about__section a:active,
</span><span class="cx" style="display: block; padding: 0 10px"> .about__section a:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #bd7331;
+ color: var(--accent-2);
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -411,34 +437,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* 1.3 - Header */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: 10vh;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 32px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #f3f4f5;
- background-color: var(--background);
- background-repeat: no-repeat;
- background-position: top right;
- background-size: contain;
- background-image: url('https://s.w.org/images/core/5.4/header-diagonal.svg');
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #ebcd3d;
+ background-color: var(--accent-1);
+ color: #322d2b;
+ color: var(--text);
</ins><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">-.rtl .about__header {
- background-image: url('https://s.w.org/images/core/5.4/header-diagonal-rtl.svg');
-}
-
-.about__header > div {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about__header-title {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ align-items: flex-start;
+ justify-content: center;
+ text-align: center;
+ padding: 10vh 32px 15vh;
</ins><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__header > div > * {
- align-self: flex-end;
-}
-
-.about__header-title {
- min-height: 24em;
- max-height: 32em;
- height: 80vh;
- padding: 0 32px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about__header-title p {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -445,20 +459,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 4em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #1730e5;
- color: var(--accent-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__header-title p span {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline-block;
- color: #216bce;
- color: var(--accent-2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: block;
+ font-size: 2em;
</ins><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__header-text {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 16px 32px 32px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
+ margin-left: -16px;
+ padding: 16px 48px;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.4;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #bc5131;
+ background: var(--accent-3);
+ color: #f2edd4;
+ color: var(--text-light);
</ins><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__header-text p {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -467,11 +484,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #216bce;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #f2edd4;
</ins><span class="cx" style="display: block; padding: 0 10px"> background: var(--nav-background);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #f3f4f5;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #bc5131;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--nav-color);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 3px solid #1730e5;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 3px solid #ebcd3d;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 3px solid var(--nav-border);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -489,23 +506,27 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header-navigation .nav-tab:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header-navigation .nav-tab:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #1730e5;
- background-color: var(--accent-1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #322d2b;
+ background-color: var(--text);
+ color: #f2edd4;
+ color: var(--text-light);
</ins><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__header-navigation .nav-tab-active {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: -3px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-width: 0 0 6px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #bde7f0;
- border-color: var(--accent-3);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: #bc5131;
+ border-color: var(--nav-current);
</ins><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__header-navigation .nav-tab-active:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header-navigation .nav-tab-active:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #1730e5;
- background-color: var(--accent-1);
- border-color: #bde7f0;
- border-color: var(--accent-3);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #322d2b;
+ background-color: var(--text);
+ color: #f2edd4;
+ color: var(--text-light);
+ border-color: #bc5131;
+ border-color: var(--nav-current);
</ins><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"> @media screen and (max-width: 782px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -517,11 +538,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> min-height: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> max-height: none;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /*
- * 60% is a "magic" number to create a top offset approx-equal to the height of the background image,
- * which scales to match the container width.
- */
- padding-top: 60%;
</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__header-navigation .nav-tab {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -595,7 +611,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.4em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 600;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #32373c;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #322d2b;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--text);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="trunksrcwpadminfreedomsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/freedoms.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/freedoms.php 2020-07-28 17:42:44 UTC (rev 48674)
+++ trunk/src/wp-admin/freedoms.php 2020-07-28 17:43:50 UTC (rev 48675)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -24,6 +24,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="wrap about__container">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="about__header">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__header-text">
+ <?php _e( 'Speed. Search. Security.' ); ?>
+ </div>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="about__header-title">
</span><span class="cx" style="display: block; padding: 0 10px"> <p>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php _e( 'WordPress' ); ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -31,12 +35,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__header-text">
- <p>
- <?php _e( 'Building more with blocks, faster and easier.' ); ?>
- </p>
- </div>
-
</del><span class="cx" style="display: block; padding: 0 10px"> <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="about.php" class="nav-tab"><?php _e( 'What’s New' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
</span></span></pre></div>
<a id="trunksrcwpadminprivacyphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/privacy.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/privacy.php 2020-07-28 17:42:44 UTC (rev 48674)
+++ trunk/src/wp-admin/privacy.php 2020-07-28 17:43:50 UTC (rev 48675)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -18,6 +18,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="wrap about__container">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="about__header">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__header-text">
+ <?php _e( 'Speed. Search. Security.' ); ?>
+ </div>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="about__header-title">
</span><span class="cx" style="display: block; padding: 0 10px"> <p>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php _e( 'WordPress' ); ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25,12 +29,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__header-text">
- <p>
- <?php _e( 'Building more with blocks, faster and easier.' ); ?>
- </p>
- </div>
-
</del><span class="cx" style="display: block; padding: 0 10px"> <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="about.php" class="nav-tab"><?php _e( 'What’s New' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
</span></span></pre>
</div>
</div>
</body>
</html>