Disable-Gutenberg-Wordpress-Forte-Web-Solutions

How to Disable the Gutenberg WordPress Editor

How to Disable the Gutenberg WordPress Editor

Many people using WordPress are either not ready for the new Gutenberg Editor or like many people they are using an existing page builder. Many of these page builders are not compatible with Gutenberg at this moment in time so disabling the Gutenberg Editor is essential.

A number of people I have spoken to have held back from upgrading to WordPress 5 (version 5.02 is now available) for fear of breaking their current page builder. This is simply because they do not know how to disable the Gutenberg WordPress Editor.

I do not normally advise this as we like to keep our customers WordPress sites up to date (including plugins) but for now at least, until a security vulnerability is found you are OK. That said we are now in the process of updating our customers sites, and where necessary disabling the Gutenberg Editor.

Disabling the Gutenberg Editor

The Gutenberg WordPress editor is the default editor in WordPress 5 but that doesn’t mean you can’t update to WordPress 5. If you want to disable the Gutenberg Editor here are three ways to achieve that:

  • Option 1 – Install the Classic Editor WordPress Plugin
  • Option 2 – Install the Disable Gutenberg WordPress Plugin
  • Option 3 – Disable Gutenberg Editor with Code (My preference!)

Option 1 Install the Classic Editor WordPress Plugin

This plugin simply restores the old classic WordPress editor. The plugin has been built by WordPress Contributors and is fully endorsed by the WordPress Core team as the way to retain the old editor, the plugin currently has over 1 million active installs.

It can be download from the WordPress plugin repository or search for “classic editor” within your WordPress dashboard under Plugins >> Add New. Simply install and activate the plugin.

Then head to Setting >> Writing in the left hand WordPress menu

Image of the simple WordPress Editor Plugin

The one option I would recommend changing here is the “Allow user to switch editors” option. The last thing you need if you are running a site that has different users is a broken page because a user has chosen to use Gutenberg and your particular page builder is not compatible!

Download the Classic Editor Plugin

Option 2 – Install the Disable Gutenberg WordPress Plugin

Although the Classic Editor is the official way to roll back Gutenberg Editor, the Disable Gutenberg WordPress Plugin does a similar thing but does have a few extra features and is very lightweight (there is nothing worse than a bloated plugin to slow your site down!).

Again, head over to the WordPress dashboard and under Plugins >> Add New search for the Disable Gutenberg and install and activate the it.

Disable Gutenberg Plugin Search

The plugin options can be found under Settings >> Disable Gutenberg in the WordPress menu. There are a few options with this plugin.

Like the Classic Editor Plugin you can choose to hide the annoying “Try Gutenberg” widget on the WordPress dashboard. If you untick “Disable Gutenberg everywhere” you will be given the options to select which user roles will have the Gutenberg Editor disabled but again I would opt to Disable Gutenberg everywhere.

Disable Gutenberg Everywhere.

 

Option 3 – Disable Gutenberg with Code

This is by far my preferred option as myself and the team tend to keep plugins to a minimum to improve site speed and security.

To disable the Gutenberg Editor with code simply add the following to your themes functions.php file:

add_filter(‘use_block_editor_for_post’, ‘__return_false’);

Of course, you should only do this if you know what you are doing as a mistake here can break your WordPress site. Also, I would always recommend carrying out this operation via SFTP or with direct access to your server. Do not edit the functions.php file through the WordPress editor even if you have access. Making a mistake here will break your site until your developer can access the server directly.

NEED HELP?

Are you having problems with your WordPress website? Is it too slow or is your hosting letting you down? Contact Us Today for a free no obligation chat to find out how we can help you.

You may also be interested in some of our SEO guides:

Style the last post in the WordPress loop differently

I am often asked the question how to style the last post in the WordPress loop differently. There are many occasions when you may want to do this. For example you may have 2 homepage promos and the last right hand item would have a right hand border. Its quite easy to do this quickly in code as show below…

Run the WordPress Query as Normal

$querypromo = new WP_Query( array( 'category_name' => 'Small Homepage Promos', 'orderby' => 'date', 'order' => 'DESC', 'posts_per_page' => '2') );

We then want to set up a counter so we can work out the last post, firstly we declare a variable and set it to 0


We can then run the WordPress Loop as normal and increment a counter

have_posts() ) : $querypromo->the_post(); 
$post_counter++;
?>

We can then use this counter to style the last post in the loop slightly differently:

">

This will result in the the last post having the div class –

You can then continue to add the WordPress code to write out the page as you would do normally. Oh don’t forget to close the WordPress loop! –

You could use CSS to target the last child element (any kind of child element) such as:

#col-1-2 ul li:last-child {
   /* Styling that applies to the last child */
}

However at the moment I am using the coding method to maintain support for older browsers.

I’m sure their are plenty of people who have developed other methods to do this. If so please leave a comment :-)

April update at Forte Web Solutions

May is here already and it seems like an age ago when Sarah and I combined our expertise to set up Forte Web Solutions back in January. It is often said that time flies when you are having fun and we have both been involved in some exciting projects during the past month.

New Websites

We have recently launched a website for Jonathan Lloyd Daviesjonathansflowers.co.uk, an award-winning freelance floral designer based in Swansea.

Images from the Jonathans flowers website

Jonathan's Flowers Website

We have also launched a website for Campus-Associates who offer event management, training, business development and specialist consultancy to local, national and international companies. Its great working on such diverse websites it certainly brings a variety to our day to day work!  Brian from Campus-Associates was after a very clean and simple design, and is currently in the process of updating his own content.

Campus Associates Website

New Microsites Package

April also saw the launch of our new ‘Microsites Package’ for small businesses in South Wales. Sarah and I both understand the challenges facing small businesses today, particularly people who often start out on their own, like plumbers, electricians or hairdressers. Forking out for a website when you’re just starting out can be quite daunting, so we decided to offer a mini website for just £10 deposit and £10 a month thereafter with no large upfront cost. This is an ideal way to test the waters of the Internet before taking the plunge to invest in all the bells and whistles!

Google AdWords

Furniture Assembly Services Logo

Furniture Assembly Services Logo

We have also run a further Google AdWords campaign for David from Furniture Assembly Services, which continues to help him to grow his business. The campaign has been, and continues to be a fantastic success, which not only great news for David, but is also very satisfying to see this new business flourish with our help and support.

 

GTellem Photography Logo

GTellem Photography Logo

We have recently embarked on an AdWords campaign for Geraint at G.Tellem Photography.  Although it’s still early days as far as this campaign goes, but we are certainly starting to see some positive results for Geraint… watch this space!

NextGEN Gallery Thumbnail Generation Error

Thumbnail Generation PHP Memory Limit NextGEN Gallery

If you are having trouble generating thumbnails with NextGEN Gallery, this could be down to your web hosts default memory usage allocation for PHP applications.

Increasing the memory usage for PHP Applications

You can increase the memory usage allocation for an individual PHP applications, such as NextGEN gallery, which require more memory usage than other applications. You can do this by using @ini_set:

@ini_set('memory_limit', 'x'); where x is the memory.

In the case of NextGEN Gallery:

  1. Open /wp-content/plugins/nextgen-gallery/lib/gd.thumbnail.inc.php with a text or code editor.
  2. Search for the text @ini_set(‘memory_limit’, ‘128M’); which should be commented out.
  3. Remove the // from in front of the @ini_set(‘memory_limit’, ‘128M’);
  4. Save the changes and upload the changed file to your server (replace the gd.thumbnail.inc.php file in /wp-content/plugins/nextgen-gallery/lib/ with this new saved file)
  5. Go back to your WordPress admin site and in NextGEN select all the images that do not have thumbnails and recreate them.

You should now see that the thumbnails have been generated. 128M is usually enough in most cases from our experience, but if you find that thumbnails are still not being created then try increasing the memory limit to  @ini_set(‘memory_limit’, ‘256M’);

Remember – if you update NextGEN Galley automatically from within WordPress you will have to repeat this process.

WordPress Tips: Get an RSS feed from a tag

Many people may not be aware that WordPress will output an RSS feed of all posts with a particular tag. This is great if you want to feed a particular page with posts just tagged as ‘WordPress’ for example.

Get an WordPress RSS feed from a tag

If you have changed your permalink structure using for example using /%category%/%postname%/ then the feed URL would be:

http://www.fortewebdesign.co.uk/tag/wordpress/feed

If your using non fancy permalinks (the WordPress default) then the URL would be:

http://www.fortewebdesign.co.uk/?tag=wordpress&feed=rss2