Divi Options

This is one of the longer lessons here as I’m going all the way through Divi Options.

GENERAL TAB

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

Favicon – Installing an image here will add a favicon image to represent your site in browser address bars and bookmark menus.

Fixed Navigation Bar – Enabling this ensures the navigation bar stays on top of the screen at all times.

Enable Divi Gallery – If you are going to be using Divi to create a portfolio site, you can enable Divi Gallery to replace the default WordPress gallery.

Color Pickers Default Palatte – Here you can define the default colors available at the bottom of the color picker at all times throughout your Divi installation.

Grab the first post image  By default thumbnail images are created using custom fields. However, if you would rather use the images that are already in your post for your thumbnail (and bypass using custom fields) you can activate this option. Once activated thumbnail images will be generated automatically using the first image in your post. The image must be hosted on your own server.

Blog Style Mode  By default the theme truncates your posts on index/homepages automatically to create post previews. If you would rather show your posts in full on index pages like a traditional blog then you can activate this feature.

Shop Page and Category Layout for WooCommerce If you will be using eCommerce integration, you can define which layout you want your shop to use on product and product category pages. Left sidebar, right sidebar or full width.

MailChimp API Key – In order to successfully create and use the Divi Newsletter Module with MailChimp, you will need to enter your MailChimp API key here.

Google API Key – The Maps module uses the Google Maps API and requires a valid Google API Key to function. Before using the map module, please make sure you have added your API key here. Learn more about how to create your Google API Key here.

Enque Google Maps Script – Disable this option to remove the Google Maps API script from your Divi Builder Pages. This may improve compatibility with third party plugins that also enqueue this script. Please Note: Modules that rely on the Google Maps API in order to function properly, such as the Maps and Fullwidth Maps Modules, will still be available but will not function while this option is disabled (unless you manually add Google Maps API script).

Aweber Authorization – In order to use the Newsletter Module with Aweber, you must authorize Divi to talk to your Aweber account. If you have authorized with other third party services, you must generate a new authorization code for Divi. You cannot use a code you used with another service.

Regenerate MailChimp lists By default, MailChimp lists are cached for one day. If you added new list, but it doesn’t appear within the SignUp module settings, activate this option. Don’t forget to disable it once the list has been regenerated.

Regenerate AWeber Lists – By default, Aweber lists are cached for one day. If you added new list, but it doesn’t appear within the Email Optin module settings, activate this option. Don’t forget to disable it once the list has been regenerated.

Social Media Icons – Divi places your social media links inside of your footer and in your secondary menu bar. You can control which social media icons you wish to display and where you would like them to link to. You do not have to link to a Facebook profile; you can link to a group or a page as well.

RSS Icon URL – This is only necessary to change if you are using a third-party RSS feed generator like FeedBurner. WordPress automatically generates an RSS feed for every website. If that is fine, then there is no need to change this field.

Number of Products displayed on WooCommerce archive pages – Here you can designate how many WooCommerce products are displayed on the archive page. This option works independently from the Settings > Reading options in wp-admin.

Number of Posts displayed on Category page – Here you can designate how many recent articles are displayed on the Category page. This option works independently from the Settings > Reading options in wp-admin.

Number of Posts displayed on Archive pages – Here you can designate how many recent articles are displayed on the Archive pages. This option works independently from the Settings > Reading options in wp-admin.

Number of Posts displayed on Search pages – Here you can designate how many recent articles are displayed on the Search results pages. This option works independently from the Settings > Reading options in wp-admin.

Number of Posts displayed on Tag pages – Here you can designate how many recent articles are displayed on the Tag pages. This option works independently from the Settings > Reading options in wp-admin.

Date Format – This option allows you to change how your dates are displayed. For more information please refer to the WordPress codex here: http://codex.wordpress.org/Formatting_Date_and_Time

Use excerpts when defined – This will enable the use of excerpts in posts or pages.

Responsive shortcodes – This option enables shortcodes to respond to various screen sizes such as mobile devices or tables.

Google Fonts subsets – This will enable Google Fonts for Non-English languages.

Back To Top Button – Enable this option to display Back To Top Button while scrolling down the website. This may lead to too much clutter based on your design.

Smooth Scrolling – Enable this option to get the smooth scrolling effect with mouse wheel.

Disable Translations – Disable translations if you don’t want to display translated theme strings on your site.

Custom CSS – This is where you can enter any custom css to customize your site. For extensive CSS modifications I recommend that you always use a child theme.

NAVIGATION TAB

Exclude pages from the Navigation Bar – All of your existing pages will appear in this window. Every new page will appear in your navigation by default. You can uncheck any page here if you wish to not display a specific page or pages.

Show Dropdown Menus – If you would like to remove the dropdown menus from the pages navigation bar disable this feature.

Display Home Link – By default the theme creates a Home link that, when clicked, leads back to your blog’s homepage. If, however, you are using a static homepage and have already created a page called Home to use, this will result in a duplicate link. In this case you should disable this feature to remove the link.

Sort Pages Links – Choose how page links should be sorted here.

Order Pages Links by Ascending/Descending – Further, specify in which order your sorted page links should appear.

Number of dropdown tiers shown – This option allows you to control how many tiers your pages dropdown menu has. Increasing the number allows for additional menu items to be shown.

NAVIGATION CATEGORY SETTINGS

Exclude Categories from the Navigation Bar – All of your existing categories will appear in this window. Every new category will appear in your navigation by default. You can uncheck any category page here if you wish to not display a specific category or categories.

Hide Empty Categories – If a category has been made but is not being used by any posts, you can choose whether or not to display it in your navigation. By default empty categories are hidden

Number of Dropdown Tiers Shown – This options allows you to control how many tiers your pages dropdown menu has. Increasing the number allows for additional menu items to be shown.

Sort Category Links – Choose how category links should be sorted here.

Order Category Links by Ascending/Descending – Further, specify in which order your sorted category links should appear.

NAVIGATION GENERAL SETTINGS

Disable top tier dropdown menu links – In some cases users will want to create parent categories or links as placeholders to hold a list of child links or categories. In this case it is not desirable to have the parent links lead anywhere, but instead merely serve an organizational function. Enabling this options will remove the links from all parent pages/categories so that they don’t lead anywhere when clicked.

LAYOUT TAB

SINGLE POST LAYOUT SETTINGS

Choose which Items to display in the post info section – Here you can choose which items appear in the post info section on single post pages. This is the area, usually below the post title, which displays basic information about your post. The highlighted items shown below will appear.

Show Comments on posts – You can disable this option if you want to remove the comments and comment form from single post pages.

Place Thumbs on Posts – By default thumbnails are placed at the beginning of your post on single post pages. If you would like to remove this initial thumbnail image to avoid repetition simply disable this option.

SINGLE PAGE LAYOUT SETTINGS

Place Thumbs on Pages – By default thumbnails are not placed on pages (they are only used on posts). However, if you want to use thumbnails on posts you can! Just enable this option.

Show Comments on Pages – By default comments are not placed on pages, however, if you would like to allow people to comment on your pages simply enable this option.

GENERAL LAYOUT SETTINGS

Post Info Section – Here you can choose which items appear in the postinfo section on pages. This is the area, usually below the post title, which displays basic information about your post. The highlighted items shown below will appear.

Show Thumbs on Index pages – Enable this option to show thumbnails on Index Pages.

 

AD TAB

Enable Single Post 468×60 banner – Enabling this option will display a 468×60 banner ad on the bottom of your post pages below the single post content. If enabled you must fill in the banner image and destination url below.

Input 468×60 advertisement banner image – Here you can provide 468×60 banner image url from the image you uploaded to your media settings.

Input 468×60 advertisement destination url – Here you can provide 468×60 banner destination url (make sure to keep in the referral code if the URL has one so you get credit for clicks).

Input 468×60 adsense code – Place your Google adsense code here.

SEO

Enable canonical URL’s – Canonicalization helps to prevent the indexing of duplicate content by search engines, and as a result, may help avoid duplicate content penalties and pagerank degradation.

Some pages may have different URL’s all leading to the same place. For example domain.com, domain.com/index.html, and www.domain.com are all different URLs leading to your homepage. From a search engine’s perspective these duplicate URLs, which also occur often due to custom permalinks, may be treaded individually instead of as a single destination.

Defining a canonical URL tells the search engine which URL you would like to use officially. The theme bases its canonical URLs off your permalinks and the domain name defined in the settings tab of wp-admin.

Enable meta descriptions – Check this box if you want to display meta descriptions on category/archive pages. The description is based off the category description you choose when creating/edit your category in wp-admin.

Choose title autogeneration method – Here you can choose how your titles on index pages are generated. You can change which order your blog name and index title are displayed, or you can remove the blog name from the title completely.

Define a character to separate BlogName and Post title – Here you can change which character separates your blog title and index page name when using autogenerated post titles. Common values are | or –

INTEGRATION TAB

The integrate tab is great for adding third party code to certain areas of the theme. Code can be added to your websites head and body, as well as before and after each post. For example, if you need to add a tracking code to your website (such as google analytics), but are unsure which PHP file to edit in order to add the code to the < body > of your website, you can simply input this code into the “body” field of the Integration tab.

Enable header code – Disabling this option will remove the header code below from your blog. This allows you to remove the code while saving it for later use.

Enable body code – Disabling this option will remove the body code below from your blog. This allows you to remove the code while saving it for later use.

Enable single top code – Disabling this option will remove the single top code below from your blog. This allows you to remove the code while saving it for later use.

Enable single bottom code – Disabling this option will remove the single bottom code below from your blog. This allows you to remove the code while saving it for later use.

Add code to the < head > of your blog – Any code you place here will appear in the head section of every page of your blog. This is useful when you need to add javascript or css to all pages.

Add code to the < body > (good for tracking codes such as google analytics) – Any code you place here will appear in body section of all pages of your blog. This is useful if you need to input a tracking pixel for a state counter such as Google Analytics.

Add code to the top of your posts – Any code you place here will be placed at the top of all single posts. This is useful if you are looking to integrating things such as social bookmarking links.

Add code to the bottom of your posts, before the comments – Any code you place here will be placed at the top of all single posts. This is useful if you are looking to integrating things such as social bookmarking links.

All Lessons
[listmenu menu=”Designerless Course”]