Divi Tips 13

Divi Theme Options: Focus on the General tab

Updated on 22/08/19

1912 words

7 minutes of reading
37 comments

This article contains affiliate links recognizable by the percentage icon (%) → I am an affiliate link

This is the first time you install the theme Divi and you wonder how to set it? Perfect, you're in the right place. In this article we will review all options in the General tab of the Divi theme.

This will allow you to understand what these options correspond to and how to choose them so that your site agrees with your project.

Like the DIVI OPTIONS are detailed through many tabs, you can navigate in the series of articles dedicated to him.

But for now, let's see in detail the General tab (general settings).

Here is the program of this article:

  1. The Divi theme options: how does it work?
  2. What do the options in the General tab of the Divi theme match?
  3. Other theme setting options

1 – The Divi theme options: how does it work?

Once you get installed and activated the Divi theme on your WordPress site, a new element will appear, at the bottom of the left sidebar of your site administration, named "Divi".

Divi - Theme Options
Divi – Theme Options

When you pass the mouse over this tab, sub-elements appear whose tab « Theme options ».

If you click on this tab, you will arrive on a Divi-colored screen that will offer you many items to set up.

We'll start with General tab :

General tab of Divi options
General tab of the theme options

Let's take a closer look...

2 - What do the options in the General tab of the Divi theme match?

To keep screenshots not too loaded, I cut the contents of the General tab options into 3 parts.

Discover all you can do with the theme Divi

2.1 – General Tab – Part 1

General - part 1
General Tab – part 1/3

1 – Logo

Here you can download the logo of your site.

Clicking on "Getting Online", you will access your library and you will be able to choose your logo.

If your media library does not yet contain your logo, you can upload it from your computer (from the tab "Send Files").

2 - Fixed navigation bar

By default, the fixed navigation bar is enabled, if you disable this option, your main menu – located at the top of the screen – will only appear when the visitor descends further down your page (on the scroll).

Follow this tutorial if you want to set your menu to the scroll.

3 – Activate Divi Gallery

All WordPress sites can make appear an image gallery but the theme Divi proposes to replace the default style of WordPress with its own style. To do this, you will need to enable this option.

4 - Default color palette

When working on a web project, you have color codes to respect and this option allows you to pre-define up to 8 colors.

It's very interesting since you can easily use them throughout your site, whenever the Divi Builder proposes to choose a color.

Be sure to enter the values of the colors you use when installing Divi, you will save a crazy time when installing design your web designs.

5 - Enter the first image of the article

Here is another important option.

If this option is enabled, "Priority image" (or featured image) of each item will be replaced by the first image in your article.

If you disable this option, the thumbnail of your item will match "The front page image" that you download via the field « image put forward » located at the bottom right of each of the WordPress articles.

If you want to use several forward images, follow this tutorial.

6 - Blog Style Mode

It's a funny translation, I give you...

In fact, this option should not be enabled for questions of SEO (natural reference).

Divi uses the excerpts from your articles but if you prefer to display the entire content of your articles (in archives, blog page etc.) then you will have to activate (j

7 – Sidebar Layout and Gabarit boutique

From these two options, you can choose the location of your blog and shop sidebar (sidebar).

You will then decide to make it appear to the right or left.

If you wish get a fixed sidebar, follow this tutorial.

8 / 9 – Google Map API and Script Key

If you use a Google developer account for your cards (Google Map), you can enter your API key here and decide to queue scripts for improve the performance of your site.

10 - Use Google fonts

This option is enabled by default. It allows you to use all Google Fonts directly from the Divi Builder.

If you do not wish to use Google Fonts to gain performance and preserve the confidentiality of your readers, you can disable it.

2.2 – General Tab – Part 2

General - part 2/3
General tab – part 2/3

11 - Social media icons

For each social network, you can decide to make its icon appear at the footer of your site.

By default, only 5 icons are available: Facebook, Twitter, Google+, Instagram and RSS feed.

If you need more icon, you will need to code it manually in a child theme => read this article for add new icons to the footer.

12 - Social media URLs

Depending on the icons you have enabled in the previous step, you will need to enter the corresponding URLs.

For the RSS feed of your site, you can enter the following address: https://mon-site.com/feed

13 - The post number per archive

Archive pages are pages generated automatically by WordPress.

Whether it is the archives of your e-commerce products, the category archives, the search page or the label archives, Divi proposes to set page by page the number of items to display.

For a question of SEO, it is advisable not to restrict this number too much.

So feel free to display 50, 100 or even 100 items per archive. This will prevent robots from indexing too many subpages.

This is one of the tips to make Divi SEO-Friendly.

2.3 – General Tab – Part 3

General - part 3/3
General tab – part 3/3

14 - Date format

Here you can define the format of the date of your articles.

This date is displayed all over your blog (in the metas article, in the extract etc.).

Default format is Mj,Y what gives Jan 2, 2018. If you choose the format j F Y That'll make 2 January 2018.

If you prefer other formats, I invite you to visit this page dedicated to date formats.

15 - Use of extracts

If you disable this option, your extracts will not be used.

To find out where you need to enter excerpts from your articles, be sure to enable a WordPress option when you are in publishing an article.

At the top of your screen, on the right, there is a small tab named "screen options". Open it and check "extract".

From then on, all your articles will display a new field to enter the extract, rather watch this video...

16 – Reactive shortcodes

Activate option "Reactive shortcodes" allows to display shortcode elements in a responsive way, i.e. adaptable to all screens.

17 – Google Fonts subset

This feature activates Google fonts for languages other than English.

18 - Back to top

This is the option to activate or disable the small button located at the bottom right of your site and allowing you to go back easily and quickly to the top of the page.

19 - Flow

I do not know if this option is important, it would make it possible to offer a smoother scrolling when it is scrolle Using the mouse... To see!

20 - Disable Translations

You can disable this option if you want to use the theme interface in English because you find that Divi is mistranslated.

21 – Responsive Image

This option adds an attribute srcset to your images during import. This attribute is recommended by CSS3 to make your images adaptable to all screen sizes.

Without this active option, Your images should still be responsible.

22 – Minify JavaScript and CSS

These options allow minifier and combine some JavaScript and CSS files to improve the performance of your site.

This is the kind of option that a cache plugin like WP Rocket For example.

For information: MINIFICATION removes all the spaces and line jumps contained in a file, whether it is a CSS or JS file.

It has been recognized that minification improves the loading time of a site by a few seconds, thus improving performance.

If you are using a cache plugin, do not check this option.

23 – Customize CSS

This field is no more than the reflection of the WordPress option available from the tab Appearance > Customize > Additional CSS.

To customize your Divi theme, you will need it regularly. Sometimes, if the changes you want to make to Divi are simple, you won't need to create a child theme and this option will be sufficient.

24 – Save

Once you have set this first tab, remember to save your changes.

If a small PopUp appears from your browser, proposing to update your password, select "not to register". This will avoid password conflicts.

3 – Other theme setting options

Nothing was very complicated in this tab and anyway, there is no good or bad settingsAll this is subjective.

Why then, I wanted to write this series of articles dedicated to the options available in the theme Divi ?

Simply because there's a start to everything and we don't all have the same knowledge about websites and jargon.

So I hope these articles can be useful to the novices among us!

Go to the other articles in the series to continue setting up your site with Divi:

Need more resources on Divi? Visit ElegantThemes blog full of ideas and tutos!

How to set Divi options?
How to set Divi options? Say it on Pinterest!

Get Divi

Divi training

Ebook Divi PDF

Free tips

Divi Quiz

Live coaching

icon 256x256
Discover my wpLingua plugin, which makes your websites multilingual in just a few clicks! SEO-Friendly / Automatic / Editable

37 Comments

  1. Marie
  2. Marie
  3. Lycia
  4. Maelle
  5. Lycia
  6. Anouchka Neuvecelle
  7. Lycia
  8. Marie
  9. Lycia
  10. Virginie HUBER
  11. Lycia
  12. Sylvie Brassard
  13. Lycia
  14. Yves
  15. Lycia Diaz
  16. Cotton Xavier
  17. Lycia Diaz
  18. Patier
  19. Lycia Diaz
  20. Anaïs
  21. Ludovic_DMA
  22. Lycia Diaz
  23. Ludovic
  24. Lycia Diaz
  25. camille dudous
  26. Lycia Diaz
  27. Camille Dudoubs
  28. Lycia Diaz
  29. Gilles
  30. Lycia Diaz
  31. Gilles
  32. Lycia Diaz
  33. Gilles
  34. Lycia Diaz
  35. Thomas
  36. Lycia Diaz
  37. Jordan

Trackbacks/Pingbacks

  1. How to add icons to Divi's footer: Instagram, Pinterest, YouTube etc... - [...] from the article about Divi's general options, we had seen how to activate the icons of Facebook, Twitter, Google+...
  2. How to set the CREATORS, LAYOUTS and ADS tabs of the Divi theme? - [...] set the General tab of the Divi theme [...]

Submit a comment

Your email address will not be published. Required fields are indicated with *

This site uses Akismet to reduce undesirables. Learn more about how your feedback data is used.