| 46 | | <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> |
| 47 | | </div> |
| 48 | | |
| 49 | | <hr /> |
| 50 | | |
| 51 | | <div class="about__section has-2-columns has-subtle-background-color"> |
| 52 | | <h2 class="is-section-header"> |
| 53 | | <?php |
| 54 | | printf( |
| 55 | | /* translators: %s: The current WordPress version number. */ |
| 56 | | __( 'Welcome to WordPress %s.' ), |
| 57 | | $display_version |
| 58 | | ); |
| 59 | | ?> |
| 60 | | </h2> |
| 61 | | <div class="column"> |
| 62 | | <p> |
| 63 | | <?php _e( 'Every major release adds more to the block editor.' ); ?> |
| 64 | | </p> |
| 65 | | <p> |
| 66 | | <?php _e( 'More ways to make posts and pages come alive with your best images.' ); ?> |
| 67 | | <?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.' ); ?> |
| 68 | | </p> |
| 69 | | </div> |
| 70 | | <div class="column"> |
| 71 | | <p> |
| 72 | | <?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.' ); ?> |
| 73 | | </p> |
| 74 | | <p> |
| 75 | | <?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.' ); ?> |
| 76 | | </p> |
| 77 | | </div> |
| | 43 | <p><?php _e( 'And by installing this version of WordPress, you’ve already done the work.' ); ?></p> |
| 89 | | <h2><?php _e( 'Two new blocks. And better blocks overall.' ); ?></h2> |
| 90 | | <ul> |
| 91 | | <li><?php _e( 'Two brand-new blocks: Social Icons and Buttons make adding interactive features fast and easy.' ); ?></li> |
| 92 | | <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> |
| 93 | | <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> |
| 94 | | <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> |
| 95 | | </ul> |
| | 55 | <h2><?php _e( 'Speed' ); ?></h2> |
| | 56 | <p><?php _e( 'Posts and pages feel wildly faster, thanks to lazy-loaded images.' ); ?></p> |
| | 57 | <p><?php _e( 'We’ve all been there. That maddening, crazy-making time it takes for a page to load a piece of information we need RIGHT NOW … only, it wouldn’t load a single pixel until it’s loaded six images that go with sections farther down the screen …' ); ?></p> |
| | 58 | <p><?php _e( 'Well, never again.' ); ?></p> |
| | 59 | <p><?php _e( 'Because WordPress 5.5 makes those images wait until just before you scroll down to see them—and loads the text you want to read first.' ); ?></p> |
| | 60 | <p><?php _e( 'The technical term is <strong>*lazy-loading.*</strong> It makes every page feel faster for you and your users, getting them the information they came for and keeping more of them on your site longer. Which, in turn, builds their engagement with your content and community. Boosts the odds they’ll join your community, bump your authority scores and buy your products.' ); ?></p> |
| | 61 | <p><?php _e( 'And rank higher in search, because the engines love speed as much your users do.' ); ?></p> |
| 101 | | <h2><?php _e( 'Cleaner UI, clearer navigation—and easier tabbing!' ); ?></h2> |
| 102 | | <ul> |
| 103 | | <li><?php _e( 'Clearer block navigation with block breadcrumbs. And easier selection once you get there.' ); ?></li> |
| 104 | | <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> |
| 105 | | <li><?php _e( 'Speed! 14% faster loading of the editor, 51% faster time-to-type!' ); ?></li> |
| 106 | | <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> |
| 107 | | <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> |
| 108 | | </ul> |
| 109 | | <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> |
| | 67 | <h2><?php _e( 'XML sitemaps are here and on by default.' ); ?></h2> |
| | 68 | <p><?php _e( 'There’s more to search than speed.' ); ?></p> |
| | 69 | <p><?php _e( 'One of the best things you can do is install an XML sitemap. Because that’s the most efficient way for search engines to crawl your site, and the benefits to your rankings are real.' ); ?></p> |
| | 70 | <p><?php _e( 'So you decide one morning that it’s time to get serious about a sitemap. You look at plugins. You read articles. You ask for advice. And by lunchtime, you’re almost ready to make a decision … and life hauls you back to the real world. So long, sitemaps.' ); ?></p> |
| | 71 | <p><?php _e( 'Until today.' ); ?></p> |
| | 72 | <p><?php _e( 'Because when you upgraded to WordPress 5.5 a couple of minutes ago, you also installed an XML sitemap, and it’s turned on by default.' ); ?></p> |
| | 73 | <p><?php _e( 'Should you finish your research into plugins and best practices? Absolutely! Just know that until then, WordPress has your back, and your most important pages and posts are ready for the search engines to index them exactly as every SEO expert in the community would advise. (And you didn’t have to lift a finger.)' ); ?></p> |
| 125 | | <h2><?php _e( 'Your fundamental right: privacy' ); ?></h2> |
| 126 | | <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> |
| 127 | | <p><?php _e( 'Take a look:' ); ?></p> |
| 128 | | <ul> |
| 129 | | <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> |
| 130 | | <li><?php _e( 'See progress as you process export and erasure requests through the privacy tools.' ); ?></li> |
| 131 | | <li><?php _e( 'Plus, little enhancements throughout give the privacy tools a little cleaner look. Your eyes will thank you!' ); ?></li> |
| 132 | | </ul> |
| | 89 | <h2><?php _e( 'Security.' ); ?></h2> |
| | 90 | <p><?php _e( 'You hear it twice a day: The absolute best thing you can do to keep your site secure is to keep your themes and plugins (and WordPress itself!) up to date.' ); ?></p> |
| | 91 | <p><?php _e( 'Have you ever had a few days go by where you thought maybe that was your whole job?' ); ?></p> |
| | 92 | <p><?php _e( 'If so, you’re not alone. And you’re finally done.' ); ?></p> |
| | 93 | <p><?php _e( 'Because now you can update all your themes and plugins automatically in two clicks — one for themes and one for plugins. And if you choose, you never have to think about either one again.' ); ?></p> |
| | 94 | <p><?php _e( 'Of course, life is rarely that simple. So if you have some plugins or themes you need to keep an eye on, you can enable or disable automatic updating for each one. It’s a few more clicks, but you still do it all from just two pages — one for plugins and one for themes.' ); ?></p> |
| | 95 | </div> |
| | 96 | </div> |
| | 97 | |
| | 98 | <hr /> |
| | 99 | |
| | 100 | <div class="about__section has-2-columns has-subtle-background-color"> |
| | 101 | <h2 class="is-section-header"><?php _e( 'Speed. Search. Security. The power of three big improvements, all packed into WordPress 5.5.' ); ?></h2> |
| | 102 | <div class="column"> |
| | 103 | <p><?php _e( 'They’ve been a long time coming, and they represent a huge step forward for WordPress.' ); ?></p> |
| | 104 | <p><?php _e( 'But that’s not the whole story of this release.' ); ?></p> |
| | 105 | </div> |
| | 106 | <div class="column"> |
| | 107 | <p><?php _e( 'As we’ve all seen with every release in the last two years, WordPress 5.5 brings a basketful of improvements, refinements and a few things reimagined to the way more than 52 million people tell their stories every day.' ); ?></p> |
| 147 | | <div class="about__image aligncenter"> |
| 148 | | <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.8h288V0z' 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=""> |
| | 120 | <div class="column"> |
| | 121 | <p><?php _e( 'Check out these favorites of the Gutenberg squad, and see if you agree:' ); ?></p> |
| | 122 | <ul> |
| | 123 | <li><p><?php _e( '<strong>Inline image editing</strong> - Crop, rotate, and zoom your photos right from the image block. If you do a lot of work with images, this alone could save you hours every week!' ); ?></li> |
| | 124 | <li><?php _e( '<strong>Block patterns</strong> - Now building elaborate pages is a breeze, with new content templates that have the blocks you need, right where you need them.' ); ?> |
| | 125 | <ul> |
| | 126 | <li><?php _e( '<strong>Sets of columns.</strong></li><li> Combinations of columns with images.' ); ?></li> |
| | 127 | <li><?php _e( 'Sets of two buttons.' ); ?></li> |
| | 128 | <li><?php _e( 'And many, many more – all together, all in a single dropdown. Even if they’re from a variety of different plugins!' ); ?></li> |
| | 129 | </ul> |
| | 130 | </li> |
| | 131 | <li><?php _e( '<strong>Device previews</strong> - Is there a bigger pain in the neck than having to move from device to device to check what your page design looks like before you can move on to the next section? What a way to break your train of thought! Well, forget that nonsense. Because now, in 5.5, you can preview screen sizes on the fly.' ); ?></li> |
| | 132 | <li><?php _e( '<strong>End block overwhelm forever</strong>. The new block inserter panel shows you streamlined categories and collections. Plus, it supports patterns and integrates with the block directory right out of the box.' ); ?></li> |
| | 133 | <li><?php _e( '<strong>Discover, install, and insert third-party blocks</strong> right from your editor, thanks to the new block directory. (It’s that list! No searching!)' ); ?></li> |
| | 134 | <li><?php _e( 'A better, <strong>smoother editing experience</strong>with (to name a few):' ); ?> |
| | 135 | <ul> |
| | 136 | <li><?php _e( 'refined drag-and-drop' ); ?></li> |
| | 137 | <li><?php _e( 'Block movers you can see and grab. For real!' ); ?></li> |
| | 138 | <li><?php _e( 'Finally. You can select a parent block, and keep it selected as long as you need it!' ); ?></li> |
| | 139 | <li><?php _e( 'Highlighting that follows what you’re doing and flows with the context.' ); ?></li> |
| | 140 | <li><?php _e( 'Select a bunch of blocks, change a bunch of blocks. All at once!' ); ?></li> |
| | 141 | <li><?php _e( 'With every iteration, it keeps getting easier to copy blocks and move them where you need them to go.' ); ?></li> |
| | 142 | <li><?php _e( 'And always, better performance. Because who wants to wait for a redraw?' ); ?></li> |
| | 143 | </ul> |
| | 144 | </li> |
| | 145 | <li><strong><?php _e( 'More design tools, for better control.</strong> For starters:' ); ?> |
| | 146 | <ul> |
| | 147 | <li><?php _e( 'Inline image editing' ); ?></li> |
| | 148 | <li><?php _e( 'Theme support for link color' ); ?></li> |
| | 149 | <li><?php _e( 'A full set of alignment options' ); ?></li> |
| | 150 | <li><?php _e( '(Finally!) padding in the cover block you can actually control' ); ?></li> |
| | 151 | </ul> |
| | 152 | </li> |
| | 153 | <li><?php _e( 'Now <strong>add backgrounds and gradients</strong> to more kinds of blocks, like groups, columns, media & text' ); ?></li> |
| | 154 | <li><?php _e( 'And <strong>use the units of measure you want</strong> -- not just pixels. Choose ems, rems, percentages, vh, vw, and more! Plus, adjust line heights as you type, turning writing and typesetting into the seamless act it always should have been.' ); ?></li> |
| | 155 | </ul> |
| | 156 | <p><?php _e( 'In all, WordPress 5.5 brings more than 1,500 useful improvements to the editor experience.' ); ?></p> |
| | 157 | <p><?php _e( 'To see all of the features for each release in detail check out these release posts: <a href="https://github.com/WordPress/gutenberg/releases/tag/v7.5.0">7.5</a> , <a href="https://github.com/WordPress/gutenberg/releases/tag/v7.6.0">7.6</a> , <a href="https://github.com/WordPress/gutenberg/releases/tag/v7.7.0">7.7</a> , <a href="https://github.com/WordPress/gutenberg/releases/tag/v7.8.0">7.8</a> , <a href="https://github.com/WordPress/gutenberg/releases/tag/v7.9.0">7.9</a> , <a href="https://github.com/WordPress/gutenberg/releases/tag/v8.0.0">8.0</a> , <a href="https://github.com/WordPress/gutenberg/releases/tag/v8.1.0">8.1</a> , <a href="https://github.com/WordPress/gutenberg/releases/tag/v8.2.0">8.2</a> , <a href="https://github.com/WordPress/gutenberg/releases/tag/v8.3.0">8.3</a> , and <a href="https://github.com/WordPress/gutenberg/releases/tag/v8.4.0">8.4</a>.' ); ?></p> |
| 156 | | <h3><?php _e( 'Add custom fields to menu items—natively' ); ?></h3> |
| 157 | | <p> |
| 158 | | <?php _e( 'Two new actions let you add custom fields to menu items—without a plugin and without writing custom walkers.' ); ?> |
| 159 | | </p> |
| 160 | | <p> |
| 161 | | <?php |
| 162 | | printf( |
| 163 | | /* translators: %s: 'wp_nav_menu_item_custom_fields' action name. */ |
| 164 | | __( 'On the Menus admin screen, %s fires just before the move buttons of a nav menu item in the menu editor.' ), |
| 165 | | '<code>wp_nav_menu_item_custom_fields</code>' |
| 166 | | ); |
| 167 | | ?> |
| 168 | | </p> |
| 169 | | <p> |
| 170 | | <?php |
| 171 | | printf( |
| 172 | | /* translators: %s: 'wp_nav_menu_item_custom_fields_customize_template' action name. */ |
| 173 | | __( 'In the Customizer, %s fires at the end of the menu-items form-fields template.' ), |
| 174 | | '<code>wp_nav_menu_item_custom_fields_customize_template</code>' |
| 175 | | ); |
| 176 | | ?> |
| 177 | | </p> |
| 178 | | <p> |
| 179 | | <?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.' ); ?> |
| 180 | | </p> |
| | 171 | <h3><?php _e( 'Better accessibility' ); ?></h3> |
| | 172 | <p><?php _e( 'With every release, WordPress works hard to improve accessibility. Version 5.5 is no different and packs a parcel of accessibility fixes and enhancements.' ); ?></p> |
| | 173 | <p><?php _e( 'Take a look:' ); ?></p> |
| | 174 | <ul> |
| | 175 | <li><?php _e( 'Now WP List Tables come with alternate view modes, and they’re extensible.' ); ?></li> |
| | 176 | <li><?php _e( 'Ever wanted to switch link-list Widgets to HTML5 navigation blocks? Now you can.' ); ?></li> |
| | 177 | <li><?php _e( 'Copy links in media screens and modal dialogs by hitting a button – so much easier!' ); ?></li> |
| | 178 | <li><?php _e( 'Buttons that <i>are</i> disabled now <i>look</i> disabled.' ); ?></li> |
| | 179 | <li><?php _e( 'Move meta boxes with the keyboard, and never drop one again.' ); ?></li> |
| | 180 | <li><?php _e( 'A custom logo on the front page doesn’t need to link to the front page. And now it doesn’t.' ); ?></li> |
| | 181 | <li><?php _e( 'Assistive devices can see status messages in the Image Editor. So if you’re using such a device, now you can also use the Image Editor.' ); ?></li> |
| | 182 | <li><?php _e( 'That shake animation that indicates a login failure? Now it respects your choice if you enabled the <code>prefers-reduced-motion</code> media query.' ); ?></li> |
| | 183 | <li><?php _e( 'And that redundant <code>Error:</code> prefix in error notices? Gone.' ); ?></li> |
| | 184 | </ul> |
| 183 | | <h3><?php _e( 'Blocks! Simpler styling, new APIs and embeds' ); ?></h3> |
| | 192 | <h3><?php _e( 'For developers' ); ?></h3> |
| | 193 | <p><?php _e( '5.5 also brings a big box of changes just for developers.' ); ?></p> |
| | 194 | <p><strong><?php _e( 'Lazy-loading images:' ); ?></strong></p> |
| | 195 | <p><?php _e( 'You saw the description. Now, here are the details: It works courtesy of a new loading attribute on image tags, which delays loading until the image scrolls into the user’s viewport.' ); ?></p> |
| | 196 | <p><?php _e( '<strong>PHPMailer:</strong>' ); ?></p> |
| | 197 | <p><?php _e( 'Now that the minimum PHP version is 5.6.20, PHPMailer is newly updated to the 6.x library,' ); ?></p> |
| | 198 | <p><?php _e( 'Note: that changes where the file lives and how you’ll call the class. The new setup maintains backward compatibility, but loading the files from the old location will generate a notice. <a href="https://make.wordpress.org/core/2020/07/01/external-library-updates-in-wordpress-5-5-call-for-testing/">Please read the full notice for more details</a>.' ); ?></p> |
| | 199 | <p><?php _e( '<strong>Other changes for developers</strong>' ); ?></p> |
| 185 | | <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> |
| 186 | | <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> |
| 187 | | <li><?php _e( 'Let users do more with two new APIs: block variations and gradients.' ); ?></li> |
| 188 | | <li><?php _e( 'In embeds, now the block editor supports TikTok—and CollegeHumor is gone.' ); ?></li> |
| | 201 | <li><?php _e( '<a href="https://make.wordpress.org/core/2020/06/26/wordpress-5-5-better-fine-grained-control-of-redirect_guess_404_permalink/">Fine-grained control of redirect_guess_404_permalink()</a>.' ); ?></li> |
| | 202 | <li><?php _e( 'Plus, now that the WordPress project supports only PHP 5.6.2 and later, you’ll find updates to these bundled libraries:' ); ?> |
| | 203 | <li><?php _e( '<a href="https://make.wordpress.org/core/2020/07/01/external-library-updates-in-wordpress-5-5-call-for-testing/">SimplePie is now at 1.5.5</a>.' ); ?></li> |
| | 204 | <li><?php _e( '<a href="https://core.trac.wordpress.org/ticket/50148">Twemoji is now at v13.0</a>.' ); ?></li> |
| | 205 | <li><?php _e( '<a href="https://make.wordpress.org/core/tag/dev-notes/">The Masonry library, formerly at version v3.3.2 to 4.2.2, and the related imagesLoaded library has been updated from v3.2.0 to v4.1.4</a>.' ); ?></li> |
| | 206 | <li><?php _e( 'The getID3 library has been updated from version <a href="https://core.trac.wordpress.org/ticket/49945">v1.9.18 to v1.9.20</a>.' ); ?></li> |
| | 207 | <li><?php _e( 'The Moment.js library has been updated from version <a href="https://core.trac.wordpress.org/ticket/50408">2.22.2 to 2.27.0</a>.' ); ?></li> |
| | 208 | <li><?php _e( 'The clipboard.js library has been updated from version <a href="https://core.trac.wordpress.org/ticket/50306">v2.0.4 to v2.0.6</a>.' ); ?></li> |