Dumetnesia Website

Complete explanation of the theme options or Theme Options Divi

Divi is a theme for WordPress created by ElegantThemes, a company that provides Premium Themes and Plugins for WordPress.

The most powerful feature of the Divi Theme is the ease of creating various page layouts in WordPress and there is also a visual builder provided for creating new pages or pages by “drag & drop” using a large selection of web page element builder modules.

So, in this guide, you will find out what settings you can do, through Divi’s Theme Options

Have a WordPress based website.
Have admin access to the wp-admin dashboard.
Sudah menginstal tema atau tema Divi. Anda dapat mengikuti guide on how to install the Divi theme.
Explanation of Theme Options or Theme Options Divi
Enter the wordpress admin dashboard, open a browser then type:

https: // , match your domain name then enter the admin user and password.

Then on the left sidebar click Divi > Theme Options . You will be presented with a view of what you can configure for your website using the Divi theme or theme.


This is where you can upload your own logo file to appear in the header of every page of your website.

Fixed Navigation Bar

Its function is that the navigation bar will remain at the top when you scroll to the bottom page of the website. By default the fixed navigation bar is enabled.

Enable Divi Gallery

In WordPress there is an Image gallery feature which allows you to add a simple image gallery to your pages or posts. Enable this option if you want to replace the default WordPress gallery style with the Divi gallery style.

Color Pickers Default Palette

This is where you can change the default color palette for your website including in the Divi Builder and Visual Builder. You can set all the basic colors needed to match your theme here so that these colors will become available during the developing process.

Grab the first post image

By default thumbnails are created using custom fields. However, if you prefer to use an image that is already in your post for thumbnails, then you can enable this option. Once enabled, thumbnails will be generated automatically using the first image in your post. Provided that the image must be hosted on your own server.

tampilan responsive divi builder dumetnesia

Blog Style Fashion

By default, the theme you use will cut your posts in the index / main page automatically to make a preview of the post. If you prefer to display your posts in full on the main page like a traditional blog, then you can activate this feature.

Shop Page & Category Page Layout for WooCommerce

If you’re going to use WooCommerce integration, you can specify which layout you want your store to use on the product pages and product categories.

Google API Key

If you want to activate the Maps feature from Google, then you need an API Key. Learn more about how to create a Google API Key for your website here .

Enqueue Google Maps Script

Disable this option to remove the Google Maps API script from your Divi Builder Pages. This can improve compatibility with third-party plugins.

Social Media Icons

Divi places your social media links in your footer. Here you can control which social media icons you want to display and where you want them to go.

Number of Products displayed on WooCommerce archive pages

Here you can specify how many WooCommerce products are displayed on the archive page. This option works independently from Settings> Reading options in wp-admin.

Numbers of posts per page

Specify how many posts you want displayed when users visit Category Pages, Archive Pages, Search Results Pages, or Tag Pages.

Date Format

This option allows you to change the way the date is displayed. For more information please see the WordPress codecs here:

Use excerpts when defined

This will allow the use of excerpts in posts or pages.

Responsive shortcodes

This option allows the shortcodes to respond to various screen sizes

Google Fonts subsets

This will enable Google Fonts for non-English languages.

Back To Top Button

This gives you the option to show a Back To Top Button (at the bottom right of your page) while scrolling.

Smooth Scrolling

This will allow smooth scrolling with the mouse. Smooth scrolling is also very useful when using anchor links to point to specific areas of the page.

Custom CSS

This is where you can enter a custom css to customize your site. For extensive CSS modifications, we recommend that you always use a child theme. Divi Desain Responsif Website Dumetnesia