Divi tutorial & Review-How to Build a WordPress website 2020 ( 20% off)

Divi tutorial & Review-How to Build a WordPress website 2020 ( 20% off)

Confused about investing in Divi or How to use it?

Then this Divi tutorial is for you. In this article I will show you How to build a WordPress website with Divi.

My best decision when I started Blogging was to invest in Divi ( I arranged money and invest). If you are still thinking to invest, then my dear friend ‘Don’t think Just Act’

Why I should invest in Divi? Becuase, Divi is the “World’s popular theme”. Don’t believe, just see the proof-

DIvi is the world popular theme.

Let’s explore Divi

Divi Review

I invested in Divi when I started Blogging and I am loving it. The great thing that I liked about Divi is their support. Let’s talk about it’s Pros and Cons.

What we like about Divi

Drag and Drop Builder

You don’t have to be a designer, you can design effectively and easily with Divi Drag and Drop Builder. Divi Builder makes the complete pack value for money.

Pre-made Layouts

Divi comes with hundreds of beautifully designed layout packs that you can use to jump-start just about any type of website.

Updates

Divi keeps on updating their products time-to time, so that they become compatible with latest version of WordPress.

Premium Support

I am a lover of their support. Whenever I face issue, I just start a conversation with them and I got my problem solved within 2 minutes ( available 24/7)

Unlimited Websites

I see many other theme companies charging more for more websites, But you can use Divi theme and it’s plugins on unlimited websites. ( No extra License Required).

Money Back Guarantee

If you don’t love Divi themes and plugins then you can ask them for a refund within 30 days after payment ( No questions asked).

Plugins

You don’t require to invest money in any social share plugin and e-mail capturing plugin. Because, you get access to Bloom and Monarch when you buy their Pack.

What we don’t Like

Not that Easy

For Beginners, it’s hard to understand “How to use” in starting. ( But, this complete tutorial will help you, read till the end).

Migration

It’s difficult to migrate to another WordPress theme. When you switch, you have to design your website again ( I am loving it, I will never migrate).

Install in WordPress

Before installing, first we have to buy this theme. Now, you have two options.

Divi pricing

First is Yearly access and second is Lifetime Access.

Buy any one pack according to your budget. This price is when you signup directly from the Elegant themes, But if you signup from my affiliate link you will get 20% discount.

Divi pricing on discount

After signing up to Elegant themes membership, you will receive a e-mail.

Login to the Elegant themes member’s area.

After that downlaod these three .zip files.

Download the divi theme, bloom and monarch from divi member area.

Now, Let’s Install these in WordPress.

Install Divi theme

Add new theme in WordPress

Appearance 🡺 Themes 🡺 Add New 🡺 Upload theme 🡺 Upload Divi .zip file 🡺 Install and Activate.

Install plugins

Upload plugins in WordPress

Plugins 🢂 Add New 🢂 Upload Plugin 🢂 Upload Monarch and Bloom .zip file 🢂 Install and Activate.

Divi Tutorial for Beginners

Let’s design the blog.

Divi builder tutorial

Go to Divi Theme builder option from the WordPress Dashboard.

Divi Theme Builder

As you can see above I have designed different header and body for Homepage, All posts, All Pages and for specific category pages.

See, the difference in Header of homepage and posts.

Hackblogging Header

While the posts Header looks like this-

Hackblogging posts page

So, you can build different headers, body and footers for different pages and posts.

See- How to start a blog?

Now, Let’s Build a template.

Add New templates in Divi theme Builder

When you click on it different options will appear. From those select options.

Let’s say I select All Posts option

Now, click on Create template

Build Header

Now, Click on Add Custom Header 🡺 Build Custom Header. Three options will appear

Start building custom header in divi

Select Build from the Scratch option. Click on Start Building. ( if you are building homepage or landing page then you can choose a premade layout)

Now, there are many rows options. So, I will select a option with two columns.

Image Module in Divi

If you wan’t to explore all the modules then See- The Complete list of divi module.

Select Image option and add your Logo Here.

After uploading the image (logo)

The logo uploaded will be larger in size (width). Go to design option 🡺 Max. Width and decrease the width.

Let’s design right column

Now, for navigation I would like to add menu in right column. For that, you have to firstly create Menu.

Go to Appearance 🡺 Menus 🡺 Add categories, posts or pages 🡺 Create Menu ( I have already created). Now Click on Menu option from Module in the right column.

Now , I want that the menu to appear at the right side of the column. See, How to do it.

Spacing option in menu settings ( Divi)

Something is missing. Hmm, Yeah it’s search icon. Go to Content Section 🡺 Elements 🡺 Enable Search Icon

If you want to add the background then just Select the Row Settings 🡺 Background 🡺 Add Background Color or Gradient.

If you want the row to appear forwards then Go to Design🡺 Box Shadow 🡺 Select the shadow that you like.

Blog header

My Purpose is to give you direction. Explore all the options and make its look better. ( Design your own way).

When your header gets complete-

Click on three dots ( purple color)🡺 Save to library option ( download icon).

After saving to library, Click on Save button on the right ( Green Color) and exit.

Build Custom Body

Now, it’s time to build custom Body. The Process is same

Click on Add Custom Body🡺 Start Building🡺 Click on plus sign 🡺 Add single column🡺 Add Post Content module

Post content module in Divi builder

Why we selected this Module? Because we want the content that you write in the “WordPress posts” to appear in the Body section.

But I want the content to appear different in mobile and desktop. But How we do that?

Do you want your post content to appear in a box like this-

post content in blog posts

Let’s do it-

Firstly we will optimize the post content for desktop. Before that, if you want to change the Text font Just,; Go to design option🡺Text option 🡺 Select text font ( Similarly change all heading text font if you want)

It’s simple to make the post content appear in a box.

Go to Post Content Module Settings 🡺 Design 🡺 Box Shadow 🡺 Select first shadow.

But Content looks too much wide. No worry, Just decrease the width.

The best option that I like in Divi is that you can optimize sizing and other options differently for desktop, tablet and phone.

It’s done. Now, Let’s optimize the post content for mobile.

What if you want the box shadow to appear in desktop but not in phone. ( Box shadow looks good only in desktop).

For that Design🡺 Box Shadow 🡺 Box Shadow Spread Strength 🡺 Select Phone option🡺 Decrease

Explore more and design it in your own way.

Build Footer

I think you have got an idea of how to design your blog with divi bulder.

Similarly, Build Footer ( I think now it’s not a big deal).

Similarly Build Homepage header, body, and footer. Keep in mind that in Body section ” Select Blog module not post content module”

Writing Posts using Divi Builder in WordPress

Go to Posts section in WordPress dashboard🡺 Click on Add New 🡺 Select Either Divi builder or default editor. ( I generally write posts in default editor)

Writing posts using Divi Builder in WordPress

If you select Default editor, What you can do is add Divi layout between writing in Default Editor ( It’s great)

Insert Divi Layout in WordPress Default Editor

The Attractive buttons that you saw above in posts are build using Divi builder ( Divi layout 🡺 Build New Layout🡺 Start Building🡺 Fullwidth🡺Button Module).

Now, it’s time for the Bonus Hack that you should know.

Bonus # Mobile-Zooming Hack

Everything was going right, But one day I open one of my posts on my smartphone. I start reading the post.

Now, I notice that I was unable to see the image (screenshot). I tried to Zoom the image but it was not zooming.

Then I contacted Elegant themes support and ask ” How i enable zoom feature in my posts”. They replied-

Theme Options 🡺 Integration🡺 Add code to the < head > of your blog ( Paste the code below)

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=1" />
Enable pinch zoom on mobile from Divi theme options.

Do you love this hack? Comment

One Request- After Buying Divi, give one day and fully explore it. I have already done the work easy for you. If still you found any difficulty while using Divi, Just contact Elegant themes support.

Divi is full of features, it takes time to master it. I am still learning new things in Divi daily. Keep Exploring and learning.

if you are still in the thinking state that “ I should buy Divi or not” then my dear friend I have already said Don’t think Just Act. I am not recommending you any product that I haven’t used.

Discount is for Limited Time- Grab it or Lose it.

FAQs related to Divi tutorial

Is Divi good for SEO?

Divi is an SEO friendly theme plus it has many features that make it better for your SEO.

You can Customize titles, meta descriptions, URLs, and much more.

How to boost Divi Speed?

  • Host on Good Hosting ( I recommend Greengeeks powerful hosting)
  • Optimize Images
  • Use CDN
  • Use Cache plugin ( You can use WP rocket)
  • Go to Divi theme options > General > Enable Minify and combine javascript and CSS files.

Does Divi work good with Woocommerce?

Divi has been designed to be Woocommerce compatible. It rocks.

Is Divi good for Blogs?

Yeah, you can see I am using it on my own blog and I am loving it.

You can easily customize anything ( drag and drop) if you are not tech-savvy

 

Is Divi Worth the money?

Yes, after using it regularly for 3 months, I can say that it’s a value for money deal. 

Grab the Deal Now

If still any questions are stealing your mind power, Feel free to ask. Comment and Share this post with your friends.

Rank Math review- No one can beat this WordPress SEO plugin

Rank Math review- No one can beat this WordPress SEO plugin

Hey, looking for top WordPress SEO plugin ( WordPress Rank Math Review) that can help you to rank on top of Google, then you are on the right place.

I conducted a SEO plugins race. There were many participants but the plugins that qualify the finale are-

Yoast SEO plugin, Rank Math seo plugin and All in one SEO plugin. The race was in 3 rounds.

1st round– On basis of rating and reviews, 2nd round– On the basis of features 3rd round-Tool is free or not.

Now, the winner of 1st round was none another than Yoast SEO plugin, but here’s a twist the winner of 2nd and 3rd round was Rank Math Seo plugin.

So, I decided to make a Rank Math review because I am also using this plugin and got positive results.

In this article you will get to know all about rank math setup, its features and much more. ( Rank Math tutorial)

Let’s explore


How to setup Rank Math SEO?

How to Install Rank Math?

The first step before the setup of rank math is to install the plugin. There are different ways to install this seo plugin-

  • Rank Math from WordPress Go to the plugins option. Click Add new and search for Rank Math SEO then click on Install and then activate.
  • Rank Math from Mythemeshop Go to my theme shop website. Search for Rank Math and install it.
Connect your account with rank math seo plugin

This will appear after activating the plugin. Click on Connect your account. Let’s see what to do after that.


Setup of Rank Math

  1. Import SEO settings

    Import SEO setting of rank math seo plugin

    If you are firstly installing this plugin then there will be no option of import but if you have already installed another SEO plugin ( Yoast SEO in my case),
    Then click on Start Import and the whole data will be imported in Rank Math SEO plugin from another seo plugin

  2. Your site settings

    You can add a logo for Google. No need to touch other options ( You can skip this step also).

  3. Google Search Console

    Google search Console in rank math setup

    Directly connect this plugin with Google Search Console ( great option). Click on Get Authorization Code.
    A pop up will appear, choose your Gmail Id. Then a code will appear, paste it into this application.
    After that click on Save and continue.
    If you have not connected your site with Google Search console then see- Verification of Google search console of your blog.

  4. Ready

    Congrats, Your blog is ready to explore this plugin. Click on Return to dashboard.


Rank Math SEO setting and features

The best thing that I like of this plugin is that it provide so many features and a great user-interface.

Rank Math plugin Dashboard

This is the dashboard of Rank Math SEO plugin. Let’s explore its options.

AMP

AMP ( accelerated mobile pages). AMP plugin makes your site mobile-friendly.

As you know mobile-users are increasing day-by-day, so making your site mobile-friendly will help your site to rank faster on Google.

So, Install AMP plugin and keep this Option ON.

Link Counter

It counts your blog post internal and external links. When you activate this option, you can see the link counts from the SEO option in your WordPress dashboard posts option like this-

By counting the external links you can easily check if there is any broken link or not. Broken links have a negative impact on your ranking.

Rank Math Schema

Schema means structured data ( Rich Snippets). When you add schema in any post it attracts the users and helps to boost your Google ranking.

You can select a schema type ( book, articles, event, music and many more). After that you can add headline, author name, ratings and review location.

Schema option

Rank Math Search Console option

As above we have already connected rank math with Google Search Console. Keep this option active.

You will all the information related to search console in your WordPress dashboard ( like- for which keywords you are ranking, impressions , clicks and many more).

Rank Math SEO analysis

Rank Math SEO analysis

Analyze your content and website using 70+ tests and provide you a SEO score ( failed testes, warning and passed tests).

Perform these site audits frequently.

404 monitor

Some times it happens that your post , page or any site URL shows 404 error code. So, If you activate this option it records and provide you the information of those URLs.

Redirections by Rank Math

It happens sometimes that we have to move the content to a different URL. Redirection is important to provide the information to search engine crawler.

Rank Math redirection option automatically redirects non-existing content with 301 (permanent redirection) and 302 (temporary redirection)

Rank Math Sitemap option

As the name suggests Site+map means the map (organization) of your site.

It helps the search engine crawler to crawl your website content easily ( intelligently).

Keep this Option Active ( It is very important).

Rank Math Woocommerce option

This option helps to optimize your Woocommerce pages by adding schema and meta data.

Boost your site ranking. ( Make it easy to rank in SERPs (Search Engine Result Pages).

Image SEO

If you don’t have time or habit to add alt attribute to your images then rank math image seo option is for you.

This option automatically insert alt and title attributes in your images. ( keep on checking the automated alt text).

Post Optimization through Rank Math

Open your post that you want to optimize with rank math. You will see a small box in the header ( exterme right), click on it.

Four option will appear- General, Advanced, Schema and Social.

General

In the General option, Click on Edit Snippet and you will see a popup will appear like this-

Edit snippet in rank math seo plugin

Add title ( maximum 60 characters) of your post.

Add Permalink ( URL) of your post (maximum 75 characters).

Add a meta description ( overview) of your post ( maximum 160 characters).

Focus keyword and SEO

Add your focus( main) keyword of the post,

The best thing that I like in this plugin is that we can add up to 5 keywords and while adding keywords it also provides keyword suggestions.

You can add more than 5 keywords through Rank math filter.

Why adding focus keywords is important?- If you don’t tell rank math what to cook then how your SEO recipe will be ready.

SEO of rank math

I recommend you to don’t touch advanced option , if you want to add schema (as we already talked about ) then you can add it from schema option.

Let’s directly move to Social option.

Social

Click on Preview and Edit Social Media, a pop up will appear.

From here you can share your post on social media platforms.

Add a image, edit the title and description and share the post.


How to pass in Rank Math SEO test?

Does high Rank Math SEO score means high ranking?-

No, it’s not true. Having a 100/100 score doesn’t means that you will rank high on Google.

But your post should have a score of at least 80/100.

Your main goal should not have a high score but it should be using the right keywords ( related LSI keywords ) and writing high-quality content.

How to have a high SEO score in Rank Math SEO plugin-

  • Write catchy titles. Use power words ( ultimate, hack, best, how-to, etc), numbers in your title. Include your focus keyword at the beginning of the title.
  • Include your focus keyword in the meta description ( write a great engaging overview).
  • Include your keyword in the alt text.
  • Write short URLs ( only your focus keyword).
  • Include your keywords in the subheading.
  • Internal and External Linking ( link to high authority websites).
  • Include images and videos.
  • Write short paragraphs ( maximum 3-4 sentences).
  • Include your focus keyword in the introduction and LSI keywords in the content ( beware of keyword stuffing).
  • Content length should be at least 1000 words. ( 1500-2500 words great) ( above 2500 words excellent).
  • See- FREE SEO ultimate Guide

Rank Math Vs Yoast SEO ( Race)

As I said above that I conducted a race between these seo plugins. Yoast SEO wins only in 1st round ( rating and downloads) while 2nd (features) and 3rd round ( free) winner was rank math seo plugin.

But How? Let’s see-

  • Yoast SEO doesn’t provide a 404 monitor option even in their premium version.
  • AMP feature is provided in the premium version of the Yoast SEO plugin.
  • Similarly Link Counter, Redirection, Search Console and Image optimization features are available in Rank Math but not in Yoast SEO
  • You can optimize for 5 keywords in rank math SEO but only 1 keyword is allowed in Yoast SEO ( more keywords in premium version)

The biggest pro of Rank math SEO plugin is that it provides so many features for FREE.


Rank Math SEO plugin Review 2020

According to me this is the best seo plugin out there for all type of bloggers.

There are many new features that are being introduced in this plugin. The developers are trying hard to not lose the race.

So, download rank math seo plugin now. ( you will start getting good results).


Is Rank Math better than Yoast?

Yes Rank Math is better than Yoast becuase of its more FREE features.

Is Rank Math Free?

Yes Rank math seo plugin is completely free for now. ( No rank math premium)

What if I find any issue while using Rank math plugin?

Contact them on their Facebook group.
Visit Rank Math Forum and ask your questions.
You can see rank math tutorial or detailed documentation.


Final Thoughts on Rank math Review

My main goal for writing rank math review was to tell that there is a better seo plugin than Yoast in market which includes many features for FREE.

Rank math will soon introduce their premium version ( extra great features), but for now its free and best wordpress seo plugin out there.

How you like this review? Which plugin are you using- Comment

Pin It on Pinterest