WordPress Watch:

Syntax-highlighting Code Block, theme accessibility news and Gutenberg 6.2

After a short break, we’ve returned with a new WordPress Watch. In today’s edition, let’s check out a cool new way to share your code in the block editor. We’ll also look at some nice updates to the Gutenberg project – which includes new features for the block editor in the next major release of WordPress. And, there’s some news regarding accessible themes on WordPress.org. Here we go!

Syntax highlighting code in the Block Editor

Up until now, it’s still been kind of a pain to share code with proper syntax highlighting in the Gutenberg block editor. I say up until now because Weston Ruter released a cool plugin that takes care of this wonderfully now.

Weston, who works at the WordPress team at Google, created a plugin that works in a very smart way. It doesn’t require extra JavaScript to be loaded to display the syntax highlighting. And, it works by extending the default WordPress code block. Additionally, you have a whole bunch of options to define what the syntax actually looks like. For instance, if you want it to look like how Github does its highlighting, that’s totally possible!

Interested to learn more? Check out the Syntax-highlighting Code Block plugin page.

WordPress.org themes see accessibility updates

The WordPress Theme Review Team has been pushing the standards towards better quality themes for a while now. One aspect that receives a lot of focus is the accessibility of the themes available on WordPress.org.

For example, the TRT recently announced that all themes will be required to add keyboard navigation. Another example is the requirement to include skip links.

Now, having Accessibility requirements is great, of course, but seeing them implemented by theme authors is where it’s at. I’m really happy to see tweets like this one by Alexander Agnarson from Alx Media, announcing that all of his themes are now making use of skip links. You can check out his themes here.

Gutenberg 6.2

We saw the release of Gutenberg 6.2 and with it came two new features that were added based on community feedback. The Cover & Image+Text blocks now allow for nesting any type of block inside.

Up until now, you could only add three specific elements. Namely, a button, heading, or paragraph block, to the Cover block. This resulted in people hacking their way around these restrictions.

The solution was fairly simple -removing the restrictions was basically all it took- and now users have greater flexibility in creating versatile Cover blocks.

WordPress Watch series

WordPress Watch series

Remkus keeps you in the loop of all things WordPress. News about WordPress releases, events, new plugins, community news and more ... don't miss anything!


8 Responses to Syntax-highlighting Code Block, theme accessibility news and Gutenberg 6.2

  1. assistenza WordPress
    assistenza WordPress  • 4 months ago

    Awesome new aditions to Gutenberg. If i install the gutenberg plugin over i will have access to all this before it gets merged in the core right?

    • Remkus de Vries

      That is correct, yes!

  2. Gita Street
    Gita Street  • 4 months ago

    I don’t normally correct spelling mistakes or typos, but since it’s his name is spelled Weston Ruter :-)

    • Remkus de Vries

      And I’m glad you did! Thanks for mentioning it, I’ve corrected it.

  3. Latest Techno
    Latest Techno  • 4 months ago

    Wonderful information.
    Can i use Gutenberg with generatepress free theme?

    • Remkus de Vries

      Sure! I can’t think of any reason why you couldn’t. There are a few things to keep in mind though. See their documentation for more information.

  4. Deepesh Dhakal
    Deepesh Dhakal  • 4 months ago

    is gutenberg better than classic editor? Many people are switching the platform and it’s one thing that’s bugging my mind. Thank you for a great article.

    • Remkus de Vries

      You can do everything you do with the Classic Editor inside the new Block Editor. And more. Much, much more. You can create a much richer content experience once you get the hang of how the blocks work. But that shouldn’t take more than a couple of minutes. So, yeah, I think the Gutenberg Editor is a lot better than the previous one.