How to Safely Change Theme in WordPress (Ultimate Guide)

Safely Change Theme in WordPress

Are you thinking of changing your WordPress theme?

It is super easy to change theme in WordPress. However, changing a theme is a risky process. There are many things you should take into consideration before and after you change your theme. When done improperly, changing a theme may cause loss of data and website traffic.

In this article, we’ll cover how to safely change theme in WordPress.

Create a Full Backup 

We recommend you to create a full backup of your WordPress site before you change your theme. That way you can easily recover your website in case anything goes wrong. You can use UpdraftPlus  WordPress plugin to backup your website.


Select a WordPress Theme

After creating a backup of your website, it’s time to select a beautiful WordPress theme that you want to install on your site. We strongly recommend you to select a responsive, SEO optimized as well as highly customizable theme. Make sure that theme is compatible with all plugin installed on your website.

Once you have selected the theme, install it on WordPress but don’t activate it yet. We’ll activate the theme after testing it on the staging website. Now, hover over the theme and click on the Live Preview button. This will allows you to preview a theme on your website without changing it.


Create Staging Site using WordPress Plugin

A staging site is an exact clone of your site that is not available in public. Any changes made in the staging site doesn’t affect your live website. You can easily create a staging site using WP Stage plugin.

  • First of all, install a WP Stage plugin and activate it.
  • Go to the WP Staging and click on the Create New Staging Site button.


  •  Give a proper name to your staging site. This name will also be used as subdomain name for the staging website.

WPstaging Process

  • Now, click on the Start Cloning.

The staging process might take a couple of minutes. After, it’s completion you can access the staging website via clicking on the link as shown in the image.staging-website-link

Testing your Theme on the Staging Website

In order to safely change theme in WordPress, you should test your theme on the staging website. It allows you to change the WordPress theme without going live. First of all, install and activate the theme. Then ensure that all the functionality and features are working. You should also check theme compatibility with all plugin installed on your website.

Enable WP Debug

Setting WP debug to true is an effective way to test your theme for error. It displays each PHP error caused by the theme on your website’s front end. To do so, use FTP to open the wpconfig.php file and search for the wp debug within it. Then, set it to true.

define(‘WP_DEBUG’, true);

Browser Compatibility Test 

To make sure that your website beautifully displays content in all major website, test compatibility in all browsers like Mozilla, Chrome and Safari. You can test the browser compatibility from browser stack

Responsive Test

The major web traffic comes from mobile devices. Thus, the responsive test should be on your priority list when it comes to safely change WordPress theme on your website. You can test the responsiveness of your website from responsinator.

Activate Theme on Live Website

After testing the selected theme on a staging website, it’s time to active the theme on your live website. Navigate to Appearance>> Themes and click on the activate button. Now, you can customize the appearance of your website as per your need.

That’s it!  You have changed WordPress theme without losing content.

Wrapping Up

To wrap up, you can safely change theme in WordPress by following the above-mentioned methods. If you find these articles helpful then don’t forget to follow us on Facebook and Twitter.

You are most welcome to write your thoughts in the comment section below:


How to Migrate WordPress Site from HTTP to HTTPs?

How to Migrate WordPress Site from HTTP to HTTPs?

Do you want to transfer your WordPress site from HTTP to HTTPs?

Google is trying to spread HTTPS across the web to make the internet safer and better place. Google has started to tag every HTTP website as “not secure”. That’s the reason you must migrate your WordPress site as soon as possible for better performance and result.

In this article, we are going to learn how to migrate WordPress Site from HTTP to HTTPS.   

What are HTTP and HTTPs?

HTTP stands for Hypertext Transfer Protocol. It is a protocol used on the World Wide Web that defines how data and information are transmitted and communicated from a web server to the browser to view web pages.

HTTPs stands for Hypertext Transfer Protocol Secure that uses Secure Socket Layer(SSL). Alternately, it is a secured form of HTTP. So, it makes your WordPress site safe from hackers.

Why You Must Migrate WordPress Sites from HTTP to HTTPs?

The data transferred from HTTPs is secured via Transport Layer Security Protocol(TSL). Hence, it ultimately makes your site safer. Search engine ranks HTTPs page higher than HTTP page when two pages are equal in terms of SEO. Furthermore, Google has announced it as a lightweight ranking signal. It also helps you recover the loss of the referral data since referral data is lost or not passed when an https WordPress site is passing data to an HTTP WordPress Site. The all e-commerce WordPress website must have HTTPs and SSL installed to accept payment. Therefore, you should migrate WordPress site from HTTP to HTTPs as soon as possible.  

Migrate WordPress Site From HTTP to HTTPs Using Plugin

It is an extremely easy and fast method. Beginners are recommended to migrate WordPress site from HTTP to HTTPS using plugins. It saves you a considerable amount of time and effort.

All you have to do is install a Really Simple SSL plugin and it will take care of rest of the work. Upon activation of the plugin, it will check the SSL certificate, configures WordPress to use HTTPs URL’s and sets up redirects for HTTPs from HTTP URL. It also fixes the mix content error.


Note: The plugins have negative effects on the performance of your site. It will slow down your site because it replaces the URL while your content is being loaded. Also, deactivating the plugin can cause the mix content error in the future. So, you will have to keep the plugin activated all the time. That is why you should transfer WordPress website from HTTP to HTTPs.

Migrate WordPress Site From HTTP to HTTPs Manually

First of all, purchase an SSL certificate from your web host or any other authenticate company. Some web host companies such as Blue host, Dream host offers free SSL certificate.

After you have successfully installed an SSL certificate, jump into the process of moving the WordPress site from HTTP to more secure HTTPs.

Change URL into HTTPs

Change URL into HTTPs

  • Go to your WordPress admin area>>settings>>General.
  • Change your WordPress address URL and Site Address URL from HTTP into HTTPs.
  • Save the changes.

You will be automatically logged out from the WordPress admin area. Keep on reading the post to migrate WordPress site from HTTP to HTTPs.

301 Redirect from HTTP to HTTPs

301 Redirect from HTTP to HTTPs

Next thing you have to do it set up a 301 permanent redirect from HTTP to HTTPs. It is the most important step required for migrating WordPress site from HTTP to HTTPs.

  • Login to FTP or FileZilla app in cPanel dashboard of your hosting account.
  • Locate the .htaccess file and right click it and select edit.
  • Now, copy-paste any one of the codes given below right before #Begin WordPress.

<IfModule mod_rewrite.c>

RewriteEngine On

RewriteCond %{HTTPS} off

RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]


If you are on a server then add the following code instead.

301 Redirect from HTTP to HTTPs for server

server {

listen 80;


return 301$request_uri;


Force the SSL and HTTPs on the WordPress Dashboard.

Next, you need to configure SSL in the wp-config.php file in order to force the SSL and HTTPs on the WordPress dashboard.

  • Login to FTP or FileZilla app in cPanel dashboard of your hosting account.
  • Locate the wp-config.php file and right-click it and select edit.
  • Copy-paste the following code in the wp-config.php file right before the /* That’s all, stop editing! Happy blogging. */ line.

define(‘FORCE_SSL_ADMIN’, true);

Now type your websites URL of the HTTP version and see whether it redirects to your HTTPs WordPress or not.  

Mixed Content Issues


You are likely to face issues if you are migrating WordPress site from HTTP to HTTPs for the first time. The mix content issues occur when a CSS, JS, image, video files are loaded from an HTTP location instead of HTTPS location.

At first, locate the source of issues using the inspect tool. Find all mentions of your old HTTP URL in the database and replace it with your new HTTPs URL. Replacing HTTP link with HTTPs link can be quite hectic. Hence, you can do it easily using cPanel.

  • Log into cPanel and go to phpMyAdmin in the Databases section.
  • Click on the WordPress database.
  • Copy-paste the following code in the SQL of phpMyAdmin.

UPDATE wp_posts SET post_content = replace(post_content, ‘’, ‘’ ); UPDATE wp_posts SET post_content = replace(post_content, ‘’, ‘’ );

That’s it. All your old HTTP URL are automatically changed into new HTTPs URL manually.

Changes in Google Search Console 


When you migrate WordPress site from HTTP to HTTPs, Google considers HTTP and HTTps as two different websites. Thus you might face some SEO issues. To fix this you must let Google know you have migrated your site from HTTP to HTTPs.

  • Sign up or log in to your google search console account.
  • Click on add a new property button.
  • Now, add your website  HTTPs URL on the popup box and click on add.

Now, verify the ownership of your website. You have successfully migrated the WordPress site from HTTP to HTTPs. Now, you can see the secure green padlock on the URL of your website.


Wrapping Up

To wrap up, you can easily migrate WordPress site from HTTP to HTTPs by following the complete solution described above. Hope you find this post helpful and comprehensive.

What’s your thought about the transfer of WordPress Site from HTTP to HTTPs? Write to us on comment and follow us on Facebook.

How to Turn Your Blog into a Membership Site with WordPress

Are you considering turning the blog you’ve created into a membership website using WordPress? If so, you wouldn’t be the first. Having a members-only website comes with its own set of benefits and could be the answer to improving your lead generation, building brand loyalty, and increasing user engagement.

If you don’t already know, a membership service requires users to sign up or pay a fee in order to gain access to its content. This means it brings together loyal customers who are willing to exchange their information while building a community of members you can tailor your content to.

Why should you create a membership site?

The idea of gated content isn’t new and has been used to cater to a targeted audience and bring them services they’ll enjoy. If you have a product or service that has value and you know people would sign up to access them, you might benefit from creating a membership site.

Do you already have a loyal following in your niche? That’s the main way you’re going to be able to grow your email list unless users stumble upon your content and decide they need to sign up. Subscription services like Netflix and Hulu don’t have just one type of audience, yet still, manage to have millions of loyal subscribers.

You should create a membership site if you know you have content and services that your audience is willing to pay for. Having a paid subscription means that users get the full, uninterrupted which gives them a more streamlined and optimized UX, which will greatly improve your lead generation. If your marketing strategy isn’t solid either, it’ll be difficult to see the results you want and build your following.

What should you know before creating a membership site?

You can’t go into creating your members-only site without knowing what it entails. Just like any business or subscription service, a lot of work goes into planning and creating content, marketing and promoting it to the right audience, and finally making sales. The best way to ensure that you’re able to deliver is by researching your audience and making sure your content aligns with solving their problems and bringing them valuable content they enjoy.

Ask yourself these questions before making your membership site:

  • What are my goals?
  • Do I have the tools I need to make this successful?
  • What budget am I sticking by? Can I realistically stay within it?
  • What features must be included?
  • Can I purchase add-ons and integrations for extra features I might need?
  • Are these extra plugins I’ll need to accommodate my membership site?

Once you’ve figured that out, you can start to install and set up MemberPress.

Install and set up MemberPress

MemberPress is an easy, versatile option when it comes to choosing a membership plugin to turn your blog into a gated site. It offers multiple payments methods, allows the selling of digital and physical goods, and lets you design pricing pages that correlate with your brand image and catch users’ attention.

Turn Your Blog into a Membership Site with WordPress

First, you need to create an account with WordPress. Then, based on your goals and budget, you need to pick a WordPress subscription that aligns with them. Consider which features you can’t do without and must have so you know you’ll have them once you buy your plan.

MemberPress comes with a few different options for pricing plans so it’s easy to find the one that works for your business.

Once you choose the plan that’s right for you, go to MemberPress and download the .zip file. From your WordPress dashboard, click on Plugins > Add New > Upload.

upload plugin-min

Select the file and click Install Now.

install now-min

Then click Activate Plugin and your MemberPress plugin will be activated.


You should now be able to see a MemberPress menu option in the sidebar on your dashboard.

MP menu

From the menu, click Options where you can configure the plugin’s settings to your liking.


Your plugin is now set up and ready to roll.


Turning your blog into a membership site with WordPress is easy and doesn’t require a ton of time, money, or resources. It’s important that you pick a membership plugin that’s right for you, and with MemberPress, you don’t have to worry about having to code or how difficult it may be to set up. Doing so is simple and you’ll find that the transition was even easier than you expected. How will you create your membership website?

About the authorsyed
Syed Balkhi is the founder of WPBeginner, the largest free WordPress resource site. With over 10 years of experience, he’s the leading WordPress expert in the industry. You can learn more about Syed and his portfolio of companies by following him on his social media networks.

How to Create WordPress Child Theme Step by Step Tutorial

Do you want to create WordPress child theme step by step? WordPress let you create child theme that has the ability to inherit all the characteristics of the parent theme.

In this article, we’ll show you how to create WordPress child theme step by step in two different ways:

  • Creating a WordPress child theme manually
  • Creating a WordPress child theme using the plugin

What is a WordPress Child Theme?

WordPress Child Theme is a WordPress theme that acquires all the functionality and features from the parent theme. It’s easy to change the child theme without affecting the parent theme however if you make any changes in parent theme it will automatically make changes in the child theme itself.

Requirements to create a WordPress Child Theme:

The basic knowledge of HTML/CSS helps to make changes on your own concept. It will be better if you have some basic PHP knowledge that surely helps too.

Creating a WordPress Child Theme Manually

Before creating a child theme ensures the parent theme need to present on the Appearance >> Themes pages.

Step 1: Navigate the “wp-content/themes/” in the WordPress installation directory and create a folder name Eg: newsportal-child.

Step 2: Next, Open the text available text editor on your device and paste this code:

create WordPress child theme code

Once pasted, save the file named as style.css in the just created “newsportal-child” folder.

Step 3: Create a function.php file on the same folder and paste this code:


Step 4: Once you pasted the code, zip the folder and Go to Appearance >> Themes >> Add New to Upload the file.

Step 5: When the theme is successfully installed, Click on the Activate and this is how it looks like:

Activate WordPress child theme

If you don’t want to create manually then you can create WordPress child theme using the plugin.

Creating a WordPress Child Theme using Plugin

Child Theme Configurator – WordPress plugin

Step 1: Download the Child Theme Configurator plugin.

Step 2: Log in to the WordPress admin area of your site.

Step 3: Go to Plugins >> Add New.

Step 4: Click on Upload Plugin, then Click the Activate button to activate the plugin on your site.

Step 5: Now go to Tools > Child Themes. The “Child Theme Configurator” plugin main screen will appear.

Step 6: Select the parent theme and fill all the options and Click on the Create New Child Theme.

Step 7: You will get a notice on the top of the page by saying the Child theme has been generated successfully. Click on the Preview your child theme link.

Step 8: Finally, Click on the Activate & Publish button.

In this way, you can easily create Child WordPress Theme using Plugin. For more in details, you can see the Child Theme Configurator installation.

Customize your WordPress Child Theme

Once you’ve created the Child theme, you can start to customize the WordPress child theme. Through this article, we will show you how to create and customize WordPress child theme:

  • How to customize the design in Child Theme?
  • How to edit the templates file of single.php in WordPress Child Theme?

How to customize the design in Child Theme?

To customize the design, you need to edit the style.css file of Child theme that is located on the child theme folder. Example: Add the below code in Child theme’s style.css if you want to change the color and font:


By doing this, the Child theme’s style.css rule for “a” overrides the style.css of parent theme. Similarly, if you want to change the layout of posts and pages, you can enable to overrides the default layout by creating your own layout in the template files.

How to edit the templates file of single.php in WordPress Child Theme?

You can easily edit the templates file such as single.php in Child theme by following steps:

  • Simply copy the parent theme file from the folder.
  • Paste it to the corresponding location in the child theme.
  • Open the file in the available text editor and edit it.

In this way, you can easily overwrite any template of parent theme from the Child theme.


Hence, this is how we can easily build WordPress child theme step by step. If you like this article, give us your feedback and don’t forget to subscribe to us and also follow us on Facebook and Twitter.

You might also like to read our other informative articles:

How to Fix the 500 Internal Server Error in WordPress?-Complete Solution

fix 500 internal server error in WordPress

Are you facing 500 internal server error in WordPress website?

WordPress is a wonderful and most popular Content Management Software but sometimes even it can give error too. WordPress users experience 500 internal server error more frequently in comparison to other errors. It is the most frustrating error that requires a lot of time and attention. It doesn’t specify the root of the problem. So, you will have to go through a lot of troubleshooting in order to fix it.

Here, we are going to learn complete solution on how to fix the 500 internal server error in WordPress.

Backup your WordPress Website

First thing comes first. Before we begin, backup your Website. In case something goes wrong while trying to fix 500 internal server error, you can retrieve website from recent backup. So, it’s a good practice to backup before making any change.

What Causes the 500 Internal Server Error in WordPress?

The 500 internal server error is a generic message that appears when there is an error but the server can not identify the exact error. It happens most of the time because of the poorly coded plugin or theme functions, corrupt .htaccess file, and PHP memory limit.

Now, follow the complete solution described below to fix the 500 internal server error in WordPress step by step.

Turn on Debugging in WordPress

Turn on WordPress Debugging

You can turn on the WordPress debugging to specifically tell which plugin or theme caused the error on the screen rather than displaying 500 internal server error in WordPress.

  • Login to your site using FTP client.
  • Go to the root directory and locate the wp-config.php file.
  • Use FTP to edit wp-config.php.
  • Search for WP-DEBUG within it.
  • Now, set it to “true”.

    define( ‘WP_DEBUG’, ‘TRUE’)

Now, check if the server error is replaced by another message that specifically tells you about the actual WordPress error. Continue reading to easily fix the 500 internal server error in WordPress dashboard. 

Increase Your PHP Memory Limit


 Exhausting memory limit can also cause the 500 internal server error in WordPress. You can fix it by increasing your PHP memory limit.

  • Login using FTP or FileZilla app into cPanel dashboard of your hosting account.
  • Go to the root directory, and locate the wp-config.php file.
  • Download it to your computer.
  • Open the file in text editor, and copy paste this code right below the opening PHP tag.

          define( ‘WP_MEMORY_LIMIT’, ‘64M’ )

  • Next, save and re-upload the file back into your server.

If you are still facing the error then continue reading to fix the 500 internal server error in WordPress admin.

Corrupted .htaccess File


This is the simplest and most common method in practice to fix internal server error. The corrupted .htaccess file can also cause the error.

  • Login to FTP or FileZilla app in cPanel dashboard of your hosting account.
  • Locate the .htaccess file and rename it into any name like “.htaccess.del”.

Now, go back to your site and check whether the error is fixed or not. If the issue is fixed then it indicates the error was caused by the corrupted .htaccess file. 

  • Next, Go to WordPress admin area>>settings>>permalinks. Click on the save button to create a new .htaccess file.

Continue reading to fix the 500 internal server error fixed if the issue is not fixed.

Deactivate All Plugins

rename -plugins- to-Deactivate

If none of the above-given options fixes the 500 internal server error in WordPress then it means the error is caused due to the poorly coded plugins or themes. It might also occur due to plugins incompatibility with each other. You can deactivate the defective plugin or themes.

  • Go to the wp-admin area and deactivate the plugins and theme one by one.
  • If you are unable to access the wp-admin area then go to the root directory.
  • Open wp-content and locate plugins. Then, rename plugin to any name you prefer. This deactivates all the plugins.

Log in to your site and check if the error is fixed. Activate all the plugins one by one in order to find out which one caused the error. Again, rename it back to ‘plugins’. You can also ask your host for help and suggestions.

Wrapping Up

To wrap up, you can easily fix the 500 internal server error in WordPress by using the methods described above. Hope you find this article helpful to troubleshoot the 500 internal server error.

If you have any query, please write to us on the comment section below.

You might also like to read the following informative articles.



Blogging for beginners – How to start a WordPress blog

Over 130,000+ users start a blog, that means starting a blog is not as difficult as you think. I know You must be confused before start a WordPress blog, how it works, Is it the right way or not? And blah blah !! So to overcome your confusion we have some easy steps about How to start a WordPress blog.

WordPress is a great platform for free blogging where you can share your articles with the public.

How to start a WordPress Blog steps by steps?

We need 7 steps to start a WordPress Blog

  1. Choose your best blogging platform
  2. Create a domain name and get web hosting
  3. How to setup WordPress
  4. Selecting a WordPress theme
  5. Start a first blog post
  6. Customize your blog
  7. Promoting your blog to get traffic

Step 1: Choose your best blogging platform:

At the beginning stage, people frequently make mistake while choosing a blogging platform. There are certain platforms like, Blogger, Tumblr, etc.

Maximum users prefer to use It is also known as a self-hosted WordPress. It is free, easy to understand, you can install plugins, customize your site design, and ideal for individuals who’ve never familiar with a blog before.

Furthermore, details check out the difference between vs – What’s the difference?

Step 2: Create a domain name and get web hosting:

Basically, You need two things:- Domain name and Web hosting.

Simply, Domain name is your blog’s name. It’s your website’s address on the internet. For example It is important to engage with website visitors. You can change your domain later if you want.

Web hosting is the service that makes your website available to be viewed by others on the Internet. Most hosting companies require your domain in order to host with them. If you do not have a domain, the hosting companies will help you purchase one.

If you are looking to purchase a domain and hosting then I would like to recommend Bluehost.

Bluehost is one of the largest Web hosting company that provides hosting service with unlimited hosting space, bandwidth & email accounts.  It is one of the 20 largest web hosts, collectively hosting well over 2 million websites, and it is one of the most popular, inexpensive, shared hosting options available.

To register the account and log in.

Open the Bluehost site and Click the “get started now” button.


Then you have to select your plan. They show you 3 plan “Basic, Plus and Prime”. I would like to recommend Basic because it is used by most users.

After selecting a plan, Type New domain name for your site and Click “next”.


Next, you have to fill up the account information and show you the Package information.


Choose the 36-month price account plan because it is the best price. Other options are not necessary for beginners later if you need that you can buy it.  After that, they will show payment information. You can pay the amount by credit card or PayPal, it’s your choice. Next, install WordPress on Bluehost.

Step 3: How to setup WordPress:

Some steps are needed to know how to install WordPress. Follow the instruction below correctly to install WordPress on Bluehost:

Login to your Bluehost control panel at

Once you’re signed in, you’ll be diverted to your Control Panel. From that point, click”Install WordPress”.


After that choose your domain name and click the “Next” button.


Later on, mark on the terms of service enter the username and password and click on the “Install” button.


Within a moment, you’ll have a completely useful WordPress blog up and be running.

After installation click, it will give you an affirmation screening demonstrating to you your exceptional WordPress login URL that will resemble this:

You’ll use the same username and password. After signing in, you’ll see the welcome to the panel or you are logged in into Dashboard. You are now able to customize the blog.

Step 4: Selecting a WordPress theme:

When You first logged in to your site, you’ll see your WordPress blog is controlled by themes like this:


The interesting and exciting part is selecting a theme. Yes, you can change your blog theme. There are plenty of WordPress themes that you can choose for your site. But only free themes are allowed to install, Others are paid.

If you don’t know how to change the WordPress theme then follow the steps:

Go to the WordPress dashboard and click on Appearance » Themes.

You’ll see Add New button at the top. Click that button.


On next screen, you’ll see thousands of theme sorted by popular, latest, featured, as well as other feature filters. Choose a free theme in the beginning.

After choosing a theme to bring mouse on it, it shows you installed button. Click on it.

If the theme is installed then install button is replaced by the activation button. Click that button.

Congratulation, you have changed your WordPress theme.

Step 5: Start your first blog post:

To start your blog, Go to Posts » Add New menu on your WordPress Dashboard.

You can see the editor area. You can edit your title and blog. Also can add media, insert link or much more.

If you’re ready to publish your blog then go to the right. Click the publish button.  Now, your blog is published all over the world.


Step 6: Customize your blog:

Entering into Dashboard, You can customize your blog. You’ll see different menus items.

Don’t get panic, Slowly you’ll get familiar with dashboard because it is straightforward, easy and User-friendly. Here are the various menus:-

  • Dashboard
  • Posts
  • Media
  • Pages
  • Comments
  • Appearance
  • Plugins
  • Users
  • Tools
  • Settings


Once you’re done your blog then you can customize these menus as per your needs.

Step 7: Promoting your blog to get traffic:

Promoting your blog is the main part after you published your blog. Thousands of blogs are posted every second all over the world. If you want to grow your traffic then Yoast SEO should be green, add better keywords, promote on social media like facebook, twitter, Instagram, etc.

These are the tips to start a WordPress blog. Hope this helps you to make your blogging journey easy and enjoyable. 🙂

WordPress Gutenberg Guide for Beginners – The New WordPress Editor

To all the WordPress users, we like to notify that WordPress has introduced the new WordPress editor called “Gutenberg” which is the first ever biggest changes in the WordPress history.

Gutenberg Editor will bring the huge changes in the WordPress world and it is the new future of the WordPress that will give you the unique experience in the WordPress. However, it is still in development but you can test it in its current state.

The current TinyMCE text editor will be replaced with the Gutenberg editor very soon, so be prepared to use it.

In this article, we’ll be going to provide you the detail information of Gutenberg. Check out:-

What is Gutenberg?

gutenberg-logoIn short, Gutenberg is the new editor that will replace the current TinyMCE text editor in the WordPress.The ultimate goal of this editor is to make things work easily however the current editor require to utilize shortcodes and HTML to complete the work.

With Gutenberg, you can add content blocks and page builder-like functionality that gives entire editing experiences to the users. The use of blocks allows you to focus on your content that will look without the distraction of other configuration options.

Pros of WordPress Gutenberg Editor

  • Gutenberg introduced the great tool called “Blocks”, you can add a block, rearrange, insert and style multimedia content without having coding knowledge. Only focus on the content.
  • Gutenberg can greatly aid users who want to modify themes. For themes like Divi that have the content block builder embedded into a theme, switch themes will cause major issues. Gratefully, several of these themes (Divi included) provide a standalone builder plugin to allow Divi blocks to be used while not the Divi theme, however, this could be an advanced method to complete.
  • The complete block system is mobile-friendly. Most of content block plugins don’t work well enough on devices. However, the Gutenberg editor throws a superb technology for the desktop and devices. Similar functionality and work are currently supported on mobile devices also.
  • It is quite easier for newbies.

Cons of WordPress Gutenberg Editor

  • The markdown support is currently missing.
  • Still in the beta version and for testing purpose.
  • The overall review is poor. Rating is 2.5 out of 5.


How to Install and test Gutenberg on your site?

Although Gutenberg will be integrated soon in version 5.0 in WordPress you can install it on the WordPress version 4.8 to use it which is available as a plugin.

Recommend: Do not install the Gutenberg plugin in a live website because it is still in beta.

  • Go to Plugins >> Add New.
  • Search “Gutenberg” in the search box.
  • Click on the “Install” button.
  • After Installed, Click on the “Activate” button.

Now the editor is ready to work, your site will automatically use the Gutenberg editor then

Go to Post >>Add New.

New WordPress Gutenberg Editor

Quick Overview of Each Element of WordPress Gutenberg Editor


  • (1) – Lets you add the title and the story to your post.
  • (2) – The plus button lets you add news blocks that include a various type of blocks.
  • (3) – Undo/Redo buttons lets you move the content action forward as well as backward.
  • (4) – The similar setting options as TinyMCE editor where you can add tags, categories, features image, choose the visibility type and many more.
  • (5) – The block section allows you to select an individual block that gives you access to settings of the relevant block.
  • (6) – The preview button displays the actual live post and publishes your post.

Adding Blocks to Gutenberg


Click the “+plus” icon and choose the type of content as you want:

While you click on the plus button, you can see the six tabs are displayed as

  • Most Used: In this tab, the blocks that are used mostly will display as most used.
  • Common Blocks: Similarly, the basic building blocks that are commonly used in the post will show up under that tab.
  • Formatting: Under this tab, you can select the various blocks for formatting the content like code, pull quote, etc.
  • Layout Elements: You can select any of the listed layout elements like button, page break, etc. where you want to put it.
  • Widgets: In the widgets tab, it will let you add shortcodes, latest posts, or categories. It’s even possible to display sidebar widgets right in Gutenberg.
  • Embeds: In Embeds tab, you can select the various blocks from various social media platforms and popular websites for embedding audio, videos and other contents.

How to create a post using the Gutenberg editor?

Let us help you with creating a post by using the Gutenberg editor so that you can create your own post easily without any complications. Basically, there are includes lots of post layouts but we are inserting some of them for an example. Let’s begin:

  • Regular Text
  • An Image
  • Pull quote
  • CTA button
  • An embedded YouTube video

Adding Regular Text


In a title box and a story box, you can add the title and the paragraph of your post.

Insert an Image


  • Go to  “+Plus” icon >> Most Used >> Image.
  • Click on the upload/media library to select the image.

You can easily add the image anywhere between content by clicking the “+plus” button.

Pull quote


  • Go to  “+Plus” icon >> Formatting >> Pull quote.
  • Type some text.

It used to pull a text passage out of the reader’s flow and give it a more dominant position in the post or the article.

CTA button


  • Go to  “+Plus” icon >> Button.
  • Give the name and insert the URL to the page.

To add and customize the Call to Action Button, you can easily insert by this process.

An embedded YouTube video


  • Go to  “+Plus” icon >> Embeds>> Youtube.
  • Enter the URL to display the video on the post.

That’s how to can embed the video, image  into your post.

Wrapping Up

WordPress is upcoming with the huge changes introducing “Gutenberg”, the new WordPress editor which will provide the unique experiences to the WordPress users. Hope this article will helpful and effective to all of the readers.

If you want to read a more informative article about WordPress then check out:-