<!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>[48761] trunk/src/wp-admin/about.php: Help/About: Update videos and their descriptions on the 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/48761">48761</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/48761","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>SergeyBiryukov</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2020-08-08 14:14:38 +0000 (Sat, 08 Aug 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: Update videos and their descriptions on the About page.
Follow-up to <a href="https://core.trac.wordpress.org/changeset/48675">[48675]</a>, <a href="https://core.trac.wordpress.org/changeset/48686">[48686]</a>, <a href="https://core.trac.wordpress.org/changeset/48721">[48721]</a>, <a href="https://core.trac.wordpress.org/changeset/48729">[48729]</a>, <a href="https://core.trac.wordpress.org/changeset/48730">[48730]</a>, <a href="https://core.trac.wordpress.org/changeset/48736">[48736]</a>.
Props ryelle, marybaum, estelaris, desrosj, joen, afercia.
See <a href="https://core.trac.wordpress.org/ticket/50416">#50416</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadminaboutphp">trunk/src/wp-admin/about.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-08-08 12:37:03 UTC (rev 48760)
+++ trunk/src/wp-admin/about.php 2020-08-08 14:14:38 UTC (rev 48761)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -94,10 +94,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="column about__image is-vertically-aligned-center">
</span><span class="cx" style="display: block; padding: 0 10px"> <figure aria-labelledby="about-security" class="about__image">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <video controls poster="https://make.wordpress.org/core/files/2020/08/security-poster.png">
- <source src="https://make.wordpress.org/core/files/2020/08/wp55-about-page-security-section.mp4" type="video/mp4" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <video controls poster="https://s.w.org/images/core/5.5/auto-updates-poster.png">
+ <source src="https://s.w.org/images/core/5.5/auto-updates.mp4" type="video/mp4" />
+ <source src="https://s.w.org/images/core/5.5/auto-updates.webm" type="video/webm" />
</ins><span class="cx" style="display: block; padding: 0 10px"> </video>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <figcaption id="about-security" class="screen-reader-text"><?php _e( 'Video: Installed plugin screen, which shows a new column, Automatic Updates. In this column are buttons that say "Enable auto-updates." When clicked, the auto-updates feature is turned on for that plugin, and the button switches to say "Disable auto-updates". Two plugins have updates, the updates are automatically queued up in 4 hours.' ); ?></figcaption>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <figcaption id="about-security" class="screen-reader-text"><?php _e( 'Video: Installed plugin screen, which shows a new column, Automatic Updates. In this column are buttons that say "Enable auto-updates." When clicked, the auto-updates feature is turned on for that plugin, and the button switches to say "Disable auto-updates".' ); ?></figcaption>
</ins><span class="cx" style="display: block; padding: 0 10px"> </figure>
</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">@@ -110,19 +111,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Once again, the latest WordPress release packs a long list of exciting new features for the block editor. For example:' ); ?></p>
</span><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">- <div class="about__section has-2-columns has-subtle-background-color">
- <div class="column">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-2-columns has-subtle-background-color">
+ <div class="column about__image is-vertically-aligned-center">
</ins><span class="cx" style="display: block; padding: 0 10px"> <figure aria-labelledby="about-block-pattern" class="about__image">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <video controls poster="https://make.wordpress.org/core/files/2020/07/block-pattern-poster.png">
- <source src="https://make.wordpress.org/core/files/2020/07/block-patterns.mp4" type="video/mp4" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <video controls poster="https://s.w.org/images/core/5.5/temp-block-patterns-poster.png">
+ <source src="https://s.w.org/images/core/5.5/temp-block-patterns.mp4" type="video/mp4" />
+ <source src="https://s.w.org/images/core/5.5/temp-block-patterns.webm" type="video/webm" />
</ins><span class="cx" style="display: block; padding: 0 10px"> </video>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <figcaption id="about-block-pattern" class="screen-reader-text"><?php _e( 'Video: In the editor, the block inserter shows two tabs, Blocks and Patterns. The Patterns tab is selected. There are different block layouts in this tab. A section called "Button" has patterns for two buttons, three buttons. Next is a section called "Column", with two columns, two columns with images, three columns of text with buttons.' ); ?></figcaption>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <figcaption id="about-block-pattern" class="screen-reader-text"><?php _e( 'Video: In the editor, the block inserter shows two tabs, Blocks and Patterns. The Patterns tab is selected. There are different block layouts in this tab. After scrolling through options including buttons and columns, a pattern called "Large header with a heading" is chosen. This adds a cover block, which is customized with a photo and the name of the WordPress 5.5 jazz musician.' ); ?></figcaption>
</ins><span class="cx" style="display: block; padding: 0 10px"> </figure>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <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 place — just click and go!' ); ?></p>
- </div>
- <div class="column">
</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"> <figure aria-labelledby="about-image-editor" class="about__image">
</span><span class="cx" style="display: block; padding: 0 10px"> <video controls poster="https://make.wordpress.org/core/files/2020/07/image-editor-poster.png">
</span><span class="cx" style="display: block; padding: 0 10px"> <source src="https://make.wordpress.org/core/files/2020/07/image-editor.mp4" type="video/mp4" />
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -129,6 +127,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </video>
</span><span class="cx" style="display: block; padding: 0 10px"> <figcaption id="about-image-editor" class="screen-reader-text"><?php _e( 'Video: In the new image editor, an image icon gets dragged and dropped into the space, which turns blue to accept the upload. The image expands to fill the editor. Dragging a handle on the right side of the image widens it to scale and resizes the editor to fit. Next the cursor moves to a text area below the image and clicks to bring up standard block text-editing tools and write a caption for the image. Clicking in the image dismisses the text tools, and the cursor now moves to a toolbar at the top of the image space. A click on the Crop icon reveals a dropdown set of common aspect ratios; lingering briefly on one choice demos the crop. Applying it requires a confirmation click in the toolbar.' ); ?></figcaption>
</span><span class="cx" style="display: block; padding: 0 10px"> </figure>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div>
+ <div class="column">
+ <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 place — just click and go!' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> <h3><?php _e( 'Inline image editing' ); ?></h3>
</span><span class="cx" style="display: block; padding: 0 10px"> <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>
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre>
</div>
</div>
</body>
</html>