Gutenberg WordPress Block Patterns – A Game Changer or Not

Unfortunately, it has been a bit quiet here lately because I simply didn’t have the time for new contributions. When it comes to WordPress Block Patterns, my fingers itches because I see them as a potential game changer for Gutenberg. With WordPress 5.5 the new block patterns will finally be available and hopefully soon they will be able to use their full potential.

What are WordPress Block Patterns?

Block patterns are layout templates that can be inserted into the WordPress editor with one click. The block patterns simply consist of a defined list or collection of blocks. The blocks are already provided with sample content such as texts and images and can be used as a starting point and adapted. The advantage: Instead of having to laboriously build up a page layout with several sections block by block, there are now ready-made modules.

For starters, WordPress Core will provide some block patterns. In the German translation these are probably called block templates. Themes and plugins can also register block patterns. I assume that the range of available block templates will increase very quickly after the release of version 5.5 on August 11th.

Once inserted, the blocks from the pattern behave like normal blocks. This means that they can be changed, added to or deleted without being dependent on the original pattern. Even if the pattern is removed, the blocks are retained.

 

Use WordPress Block Patterns

The new block patterns can be inserted by clicking on the plus icon in the upper left corner of the WordPress editor. The new block inserter  two tabs for individual blocks and patterns. With a click on a template, the blocks are automatically inserted at the end of the editor.

The current implementation is also my only criticism of the new feature. The patterns were squeezed into the rather small insert in the sidebar and suffer noticeably from the lack of space. The block templates can be classified into different categories, but they are still displayed one below the other in a list. As a result, all of this is very confusing and is guaranteed not to work well with many patterns. I hope that WordPress 5.6 will improve this.

Four reasons for block patterns in WordPress

But let’s now talk about the numerous advantages of block patterns and why they represent a significant improvement for the Gutenberg project.

1) Gutenberg becomes a full-fledged page builder

The new block editor has often been touted as a page builder, including by me. The reality, however, is that the previous features and functions in WordPress Core cannot keep up with well-known plugins such as Elementor, Beaver or Visual Composer.

An essential function is the use of ready-made layouts, such as Elementor offers with its template kits or Divi with its layout packs. It takes a lot of effort to manually recreate complex layouts with lots of nested elements or multiple columns each time.

With the block patterns, the Gutenberg editor takes another very important step towards the page builder. The creation of static pages with several sections and a more complex layout is much faster for users with block templates and can be implemented with just a few clicks. Select a template, adjust the content, done.

 

2) Simplified setup and setup of themes

As a WordPress theme developer, it has always been a task to enable users to create complex layouts and quickly recreate the demo website. Sophisticated page templates, layout options in the customizer, widgets, shortcodes, custom post types – I’ve seen pretty much every method or used it myself. None of it was optimal.

Recently, many themes have switched to leaving the layout area completely to a page builder, so they have been specifically designed for the use of a plugin such as Elementor. In my opinion, not perfect either, because it requires additional plugins and page builders are often almost independent CMS with their own UI and no longer have much to do with WordPress. A lock-in effect and a steep learning curve are often the result.

And block patterns solve this dilemma:

Theme authors can provide the user with elaborate designs and layouts for various website areas without having to resort to shortcodes, widgets, option panels or external plugins.
Users can insert complete page layouts as block templates with one click and adjust the content according to their wishes. The theme demo is reproduced in your WordPress installation in a few seconds.
For me as a theme developer a dream and a reason for this very euphoric en post.

 

3) Complex custom blocks become unnecessary

I believe that with block patterns, many larger, complex blocks of additional plugins or block collections are no longer absolutely necessary. Many WordPress developers have created their own blocks for certain sections, including hero images, portfolios, services, features or pricing blocks.

In the future, many of these blocks can also be implemented as patterns, because they often only consist of basic elements such as columns, paragraphs of text, headings and images. Due to the nesting of core blocks, layout sections from patterns will be much more flexible and easier than developing complex blocks with rigid options.

Even if custom blocks offer more options overall, the combination of block styles and block patterns could be more than sufficient for many websites in the future, because many individual designs can be realized with it. Mainly because the core blocks receive additional design options and settings with each release.

 

4) Block templates are easy to create

The technical hurdles and entry barriers for developers are also not to be underestimated. Developing your own blocks is not exactly easy due to JavaScript and React and is made more difficult by the lack of documentation and the constantly changing Gutenberg API.

Block patterns, on the other hand, are very easy to create. For many theme developers and web designers, patterns will be a great playground where they can let off steam and get creative. By simply getting started with block patterns, in my opinion we will see a lot more commit and enthusiasm in the WordPress community than for previous Gutenberg features.

Not yet available with WordPress 5.5, but quite conceivable, would also be a possibility for every user to create and reuse block patterns directly in the Gutenberg editor. Alternatively, this feature would be feasible through additional plugins instead of in the core.

Maybe you’re interested in:

Best web hosting Reddit

WordPress Block Patterns – A Game Changer?

These were my reasons why I’m really looking forward to the new block patterns.

What do you think?

Are block patterns a useful feature for you?
Do you think the new Gutenberg Editor is just getting started with this?
Is the Block Editor finally suitable as an alternative to conventional page builder plugins?

Write me a comment on Reddit WordPress hosting !

How to Fix 500 Internal Server Error on WordPress

If you’ve been on the Internet for a while, you’ve probably encountered an error when viewing the page with the text Internal Server Error with HTTP code 500. This error is quite common on various WordPress sites and can cause a minor panic attack for a beginner. Let’s take a look at the common causes and solutions to this nasty error.

What is the Server Error 500?

This is a very general error, it basically only says that something is wrong with the server. The causes are different and we will gradually discuss the most common ones. It can be reaching the limits of your server, an error in the .htaccess file and WordPress is often a bad plugin.

Corrupted .htaccess file

The first goal of your search should be an .htaccess file, which plays a fairly important role in rendering the site. First try to rename the file to .htaccess_simple, for example – the file is located in the main directory of the website (where you have folders like wp-admin, wp-content). After renaming it, the server will ignore it when displaying the site and you will see if the error has disappeared or if it is necessary to look for error elsewhere.

If the error is fixed, you must either find the problem directly in the file and delete it, or simply let WordPress create a new .htaccess. Just go to Settings -> Permalinks in the administration dashboard and save the settings again. This step will create a new  and perhaps error-free .htaccess file. Then just test to see if all the pages on your site are loading correctly.

Server limits

WordPress often runs out of memory to execute the script. This in turn causes a known error  500. This is the PHP server memory_limit setting in the php.ini file. You don’t always have the ability to edit php.ini, especially if you have regular cheap web hosting, so you’ll need to find out why your memory needs suddenly increased (assuming the site worked normally in the past). However, this is good to know even if you manage to fix the problem by increasing the memory limit.

The culprit can be, for example, a poorly programmed wp plugin or even a template function. Try to remember what plugins or templates you recently installed and what else you changed on the site.

Tip: if you are using PHP 5.4 and higher, you must not have register_globals defined in the php.ini file – this parameter is no longer supported and may cause errors.

Deactivate All Plugins

If none of the previous procedures helped, you will need to try disabling all WordPress plugins. If you don’t even get into administration, you can try disabling plugins via FTP or via phpMyAdmin. If your site is up and running, it’s obvious that it was a faulty plugin – now you just need to find out which one. Gradually activate all plugins until you reach the one who is responsible for all the trouble.

Replacing WordPress Core Files

One of the last ways to get rid of error 500 is to reload all the basic WordPress files. Download the new WordPress installation (ideally the same version you are using) and overwrite the contents of the /wp-admin and /wp-includes directories on the server with those from the downloaded installation. This will overwrite the WordPress core files and any damaged files will be replaced with functional ones.

keep in touch with the host

If none of the suggested solutions work, try contacting your hosting provider, who will be able to search the server logs to determine the possible cause of the problem.

How to log into WordPress Admin panel

By default, the link to enter the WordPress admin area looks like this: http://yoursite.com/wp-admin/ or http://yoursite.com/wp-login.php, where instead of yoursite.com is your site’s domain.

WordPress-Login

Your hosting provider has sent the credentials to the WordPress admin panel to your mail in the letter “WordPress has been successfully installed”.

After installing WordPress using the Softaculous auto-installer in cPanel, you can enter the site admin panel from the Available Installations menu by clicking on the admin icon:Softaculous

Why change the link to enter the admin panel and how to do it
By default, on all WordPress sites, you can log into the admin panel using the wp-admin link. This is insecure: anyone can go to the login page of your console and try to hack access. Most often this is done by bots that can crack a password in minutes by brute force.

To prevent this from happening, we recommend changing the link to enter the admin panel after the first login to the site.WPS-Hide-Login

This can be done using the popular WPS Hide Login plugin:

  1.  Go to the Plugins section of your console and select Add New.
  2.  In the search, find the WPS Hide Login plugin, install it and activate it in WordPress:
  3.  Go to Plugin Settings from the WordPress Plugins section.
  4.  In the window that opens, change the value of the login URL. This will be the new link to enter the admin panel of your site. Use a unique name for it that only you know:

Now the login to the site console will look like this: http: // your_domain / ur_url /