{"id":16658,"date":"2023-12-28T18:35:53","date_gmt":"2023-12-28T18:35:53","guid":{"rendered":"https:\/\/wordpress.org\/news\/?p=16658"},"modified":"2023-12-28T18:35:53","modified_gmt":"2023-12-28T18:35:53","slug":"leap-into-2024-with-these-site-editor-tools","status":"publish","type":"post","link":"https:\/\/wordpress.org\/news\/2023\/12\/leap-into-2024-with-these-site-editor-tools\/","title":{"rendered":"Leap into 2024 with these\u00a0Site Editor\u00a0Tools"},"content":{"rendered":"\n

The Site Editor gives you a powerful way to visually create every part of your site and tell your story. It lets you handle everything from big stylistic changes to simple copy updates all in a single place. To help you make the most of this new way to WordPress, here are a few standout tools and features you\u2019ll want to try. <\/p>\n\n\n\n

Command Palette<\/h3>\n\n\n\n

Think of the Command Palette as the ultimate shortcut tool, letting you do more with less clicks and without needing to remember where each option might be. It\u2019s available across the editing experience, whether you\u2019re switching between templates in the Site Editor or toggling open settings in the Post Editor, with specific contextual options depending on where you are. <\/strong>You can use the keyboard shortcut Cmd+K on Mac or Ctrl+K on Windows to activate it and get started. <\/p>\n\n\n\n

If you think of a command that doesn\u2019t exist yet that would help with your workflow, open a feature request issue<\/a> so we can consider adding it.<\/p>\n\n\n\n

Read more<\/em><\/a> about everything you can do with the Command Palette, including a <\/em>list of available commands<\/em><\/a>. <\/em><\/p>\n\n\n\n

Style Book<\/h3>\n\n\n\n

The Style Book helps you see all the blocks on your site as you style them. It\u2019s built into the Styles section and can be toggled on\/off as you\u2019d like. This is especially useful when you\u2019re aiming for design consistency for a client, trying to see how a change might impact a block that might not be visible, or wanting to get a different look at how a style variation will switch things up.<\/p>\n\n\n\n

Work is also underway for the next WordPress release to integrate the Style Book into Style revisions<\/a> to allow for an at-a-glance view of changes made.\u00a0<\/p>\n\n\n\n

Learn more<\/em><\/a> about how best to use the Style Book.<\/em><\/p>\n\n\n\n

Styling shortcuts<\/h3>\n\n\n\n

Sometimes you get a design just right\u2014the color contrast, the perfect padding, the exact font size. Instead of needing to manually recreate the design or copy\/paste the block to fill in with new content, you have two powerful options built into the editing experience: copy\/paste styles and apply styles globally for all instances of the desired block. <\/p>\n\n\n\n

Copying and pasting styles is perfect for more nuanced and smaller changes, like headings on a landing page that you intentionally want to be distinct. Applying changes globally is best for blocks like buttons and for changes that are likely to work well across layouts, like setting a specific border radius and color. This helps keep the creativity flowing and makes achieving design consistency across your site much easier.<\/p>\n\n\n\n

Read more<\/em><\/a> about the various styling options available. <\/em><\/p>\n\n\n\n

Distraction free mode<\/h3>\n\n\n\n

Just like an artist might need to take a few steps back to view their in-progress artwork, sometimes we need to get a different view of our site before diving back in. Distraction free offers you that alternate perspective with a pared-down experience that lets you focus purely on creating, like:<\/p>\n\n\n\n