Edition number 45 of this video podcast. In the next few minutes, we’ll review the best ideas, tricks and news about WordPress. I’m Antonio Cambronero and this is made with blocks.
The collaborative functionality of WordPress is now available starting from version 17.0 in the Gutenberg plugin. It is still experimental, but users are already able to collaborate in real time in order to create content.
This function is a part of phase three of the Gutenberg project. To test it, you can navigate to the experimental configuration section within the Gutenberg option, which will appear after installing the Gutenberg plugin. Simply click on this option to enable real time collaboration and offline persistence.
For experiencing the benefits of this feature in action, we save changes and from that moment on we have the function activated. If you remove a plugin from your WordPress installation, it is likely that unwanted traces will remain within your content. If you want to eliminate those traces and those plugins are related to blocks, a very interesting utility that you can use is find my blocks.
In the current week, we have made a modification to the theme of Blogpocket.com. We have shifted our focus from the Frost theme to the 2024 theme. Why did we do this? Because we had extra weight on the pages that needed to be removed, so when the pages were uncompressed, their total weight amounted to more than two megabytes in size.
This is a large amount if we desire to become a member of the 1 million club or even the 512K club. In other words, our objective is to ensure that the weight of our pages is less than 50% of a megabyte. Before that, it is true that I would like to show you the GTMetrix report.
On one hand, we see that Blockpocket has a grade of 100% and 100% after the change after the change from Frost to 2024. This exceeds the expectation this indicates or can give you an idea of the power of this new default theme that comes in WordPress version six four, which is scheduled to be released in 2024. The theme is designed to be very simple and easy to implement.
While offering a lot of flexibility and power to users, we are planning to utilize it. We observed that the runtime of our website as per gtmetrics. We are already aware that gtmetrics only provides insights into the performance of the pages on desktop, but it offers us a general understanding that we have pages that load very swiftly.
Additionally, in the waterfall tab, we can see that the home page weighs only 364k without compression, which is less than half a megabyte aligning with our objective of optimizing page load speed and ensuring a seamless user experience for our website visitors. There are two methods available for us to recover the templates when we switch from one theme to another. The initial step is to navigate to the editing feature of the website and select the desired section or choose the export option from the three dots menu.
However, you do have an alternative method available which involves utilizing the plugin to generate a block theme. With this approach, you can easily select the preferred option to obtain a duplicate of the active theme incorporating all the modifications you have implemented. An example of a template that is commonly used is the footer and the header sections.
They are templates that can be considered to be outside the world of templates. In fact, in the site editor they are in a different section called template parts and in a theme change as it happened to us this week when we changed from Frost to 2024. If we hadn’t done this before, we could have lost the design and had to create it again.
I would recommend that you do this prior to changing themes, even before updating a version of the theme. The main concept is that you have the capability to convert the design by utilizing the three dots that are provided to you. We have the ability to perform this task within the container group block.
The three ellipses represent an option that allows us to create a pattern. Let’s establish a backup pattern, a synchronized pattern. We will provide you with a name.
When clicking on pattern, we see that it must be given a name, assign it to a special category such as in our case block pocket patterns or something like that. We synchronize it in case we want them to resemble what reusable blocks used to be, and we click on create to create that pattern from that moment on. Outside the world of templates, we have our own design that with the block inserter going to patterns, to the patterns tab, and to the category of my patterns.
There we have the saved design and when we switch from one theme to another, if we lose those designs, we could recover them from there because those are outside, as I mentioned, from the realm of templates and you would not locate it within the corresponding folder for templates or templates of an export you have made, as we have observed previously through, for instance, the plugin to generate a theme block to finish. I’m going to remind you where the additional CSS is now. This is important because before the additional CSS was theme dependent, now it is not.
Now it is inside the general global styles it has become independent and this is good when you change what we were talking about when you change the theme or update a theme version. Now the additional CSS I remind you that it’s in global styles. In the option below for additional CSS, we see a code for block Pocket.
This code corresponds to the compliant button from the compliant plugin which is used to control cookies. This task must be completed because if you save the cookie preferences, you will no longer see the cookie button and will not be able to give consent again. In order to change the preferences, it is necessary to have the cookie button visible at all times.
To achieve this, we need to modify or customize the CSS code of the compliance plugin, which we do in the global Styles section, and thus we arrive at the end of this episode of the Blogpocket video podcast. You can subscribe to the blockpocket RSS feed if you don’t want to miss anything. Moreover, this video is uploaded to YouTube a few days later, and there you can enable the bell notification.
I talk to you happily, Antonio Cambronero regards. See you in a future episode of MWB.
Here is a 5 bullet point summary of the key points from the transcript:
- The Gutenberg 17.0 plugin introduces real-time collaboration and offline persistence in Gutenberg. This allows users to collaboratively edit content in real-time.
- The Find My Blocks plugin can remove unwanted block traces after removing a plugin. This helps clean up content.
- Blogpocket.com changed themes from Frost to 2024 to reduce page weight below 500KB and optimize site speed.
- There are two ways to recover templates when switching themes: using the export option or a plugin like Generate Block Theme. This preserves header, footer, etc.
- Additional CSS has moved to the global styles section and is now theme-independent. This prevents losing custom CSS when changing themes.
A set of action
Here are some potential action items based on the transcript:
- Test out the new real-time collaboration feature in Gutenberg by enabling it in the experimental config. See how it can improve team workflow.
- Use the Find My Blocks plugin to clean up any leftover traces from removed plugins, especially if they added custom blocks.
- Consider switching to the new default 2024 theme in WordPress 6.4 for faster performance. Can reduce page weight to under 500 KB.
- Before changing themes, export key templates like headers and footers using the template exporter or a plugin. This preserves custom designs.
- Save common designs as patterns for reuse later. This keeps them available even when switching themes.
- Move any additional CSS out of theme files and into global styles for persistence across themes.