Skip to main content

How To Use Divi With Any WordPress Theme

The Divi theme of Elegant theme has some great features. This one theme can be used to make multiple types of websites. Be it a normal blog or a e-commerce website, you can do it using the Divi theme. It has many modules which you can use to build your website. Suppose you want to build a contact us form, divi provides you with the module. All you need to do is to upload it and use it. There are also options to customize it as per your choice.
So, join Elegant themes now and enjoy Divi. 

Video Transcript
hey Debbie nation thanks for stopping by our documentation section to learn a bit more about Divis theme options so Divis theme options are a huge collection of both site wide or maybe section specific settings so for instance you're able to configure your logo your color palette favicon navigation layout ads SEO integrations divvy up dates all of that is done from the theme option settings so there's a lot to go over and we're gonna go over every bit of it so that you understand how to get the most out of them in this video check it out in this video I'll be giving you an overview of the Divi theme options these custom theme options allow you to control various parts of your website it includes basic options like adding your logo setting your default color palette for your theme or setting your default layouts for posts and pages it also includes more advanced options like allowing you to add custom code to various parts of your theme there are many options to choose from so let's go ahead and get started first thing to do is to find your theme options in the left sidebar of your wordpress dashboard it would be located under the Divi section right here called theme options once there let's look at the general tab under the general tab you can enter your logo your favicon here disable fixed navigation which is by default in your Divi theme you can choose to have a Divi styled gallery here instead of the default WordPress gallery which is by default you can also choose a default color palette here this is convenient especially for saving you time in the long run when building your site because if you whatever you set here this will be the default color palette that also shows up in all the modules in the Divi builder when you're building your site you can also choose to grab the first image of your posts here by enabling it this is helpful for instance if you want if you don't have any featured image to set for your posts also this option to enable your blog style mode by default Divi truncates all of your blog posts on the index page but if you choose this option you can show the full content of your blog by default the sidebar layouts are by default a right sidebar this is true for your your theme in general and also for your WooCommerce pages if you have WooCommerce installed the next two Google API key and in queue Google Maps script both are related to your Maps module so if you want to include a Maps module on your site you will want to add your Google API key here and make sure this is enabled you could also customize which social icons show up on your site here by default you have Facebook Twitter Google and RSS icons visible and also you can attach a URL to those icons here by default you will have nine products displayed on your commerce archive pages you can change that here you will also have six posts displayed on your category page five on your archive pages five on your search pages and five on your tag pages of course you can always set the those default default number of posts here and the date format of course it can be changed use you can use excerpts when defined this if you are familiar with WordPress you you'll know that you can add excerpts when editing a post at the bottom of each of those posts if you do that you can choose to show them here responsive shortcodes by default is enabled you can disable those that here the Google Fonts subsets this is for non-english languages you can choose to enable that here by default Divi doesn't show the back to top button in the bottom right of your browser when you scrolling down a page but you can choose to enable that here smooth scrolling is a useful feature to allow that effect on the mouse wheel when scrolling also when linking back to an anchor link on certain pages enabling this feature will allow it to smoothly scroll to that location which is a really nice effect you can also disable excuse ya choose to disable translations and by default Divi conveniently minifides your javascript and CSS files of course you can choose to disable that if you need here and lastly the custom CSS section this is not the only place you can add custom CSS to your theme if you rather you can also add it to your theme customizer also your page settings if you only want to add it to a certain page and then also the more traditional way is to add it to your your child theme style that CSS file alright let's go on to our navigation theme options here you have three different categories pages categories and general settings for the pages navigation settings you can choose to exclude certain pages from the nav by default you can choose to enable or disable drop-down menus show your home link on your menu also you can choose how to sort your page links by default it's sorting to the post title you can also order your pages by ascending or descending and of course change the number of drop-down tiers shown which by default is 3 similarly you'll have the same options for category pages here let's go in the general settings you can choose to disable top-tier drop-down menu links by default if you like and this option here gives you an alternate excuse me alternative scroll to anchor method which sometimes works better if you're having trouble linking back to certain anchor links on a page alright let's go on to our builder theme options by default Divi automatically stores your CSS files as a static file a cached static file which is helpful but for some reason if you wanted to disable that and go back to your the old way of storing your CSS files inline you can choose to just excuse me enable that here and by default your product tour will show up the first time you use the Divi builder if you want to disable that you can here alright let's go on to our layout theme settings it's broken down into single post layout a single page layout in general settings let's go to single page post layout first you can see that you can choose which items to display in the post info or meta data section of your posts which by default all of these are set but if you wanted to disable and simply click on one you'll see it fade out to gray you can also choose to disable showing comments on posts by default and disable showing thumbs or excuse me placing thumbs on your post by default for the single page layout you can also choose to enable thumbs and comments if you like for general settings again you can show excuse-me you can choose which post info or metadata metadata to show on your post sections and also whether or not to show thumbs on your index pages let's go on to our layout theme options you see this is broken down into single post single page and general settings let's look at the single post layout first you can see you can choose which items to show up in your post info section this is the section right underneath your post title that shows the author date categories etc you can choose what to show up by default here simply click on one you'll see it grayed out they don't then I'll tell you that it's disabled you can also choose to show comments or place thumbnails on your post by default going to the single page layout you can see both the same option here you can choose to place thumbs on the page by default and show comments or since it's a page these are disabled by default the general settings this is actually the post info section for the pages so if you want to control what's showing on your underneath the titles of your certain pages you can choose that here also you can choose to show thumbs on your index pages here or disable it if you need next we have ads here you can click to enable the the advertisements on your website this can the next - Abbas adds here you can choose to add advertisements to your posts by enabling this and filling out the the input boxes here with your banner image and your URL a post advertisement will show up underneath the post content of your post so also you can add adsense code here that would display in the same place next is the SEO theme options here you can add your custom SEO settings for your homepage single post page and index pages let's just look at the home page first you can see that we can enable a custom title meta description meta keywords and canonical URLs here if if enabled then I can just add that custom title add that meta description here and then add those keywords in this museum boxes here also choose how the titles are displayed and what character is going to separate the blog name and post title for the single post page SEO you'll have very similar settings here so feel free to change and edit those also for index page SEO you can choose to enable canonical URLs meta descriptions and so on our next section integration by default the integration section will allow you to add custom code to your header body top of your post bottom of your posts and with all of these enabled you can then simply add the scripts or whatever you need to these boxes to put custom code in basically any part of your website so if I needed to add a custom jQuery script I can put it here if I needed to add some Google Analytics tracking code I could add it to the body here so a very convenient way to add custom code to your website the last thing is the Updates tab this is where you can enable the ability to update your theme and plugins that you have from elegant themes the user name is entered here and then your API key which can be found in the actual members area if you go to elegant themes calm login you go to your members area and then you click on the account tab right there you can go in and find your API key once that's set you can save your changes and then you're able to update your theme the last two things you'll notice on your Divi theme options is these two icons over here the first one is the portability option basically this is the option to import or export your theme options which is a helpful feature whenever you want to use the same options to start another build you can do that here also you can restore your defaults here in one click so if you want to start completely over from scratch and click the button and it will restore all of your theme options to the defaults

So, join Elegant themes now and enjoy Divi. 


Popular posts from this blog

How To Produce Videos For Business Marketing- Content Samurai Review 2019

Do you know SEO is getting harder day by day. Then how to drive traffic to your business websites? Yes, the answer is with the help of videos. Why do you choose video? Here are the answers 1.You can build your brand easily.2.It helps you to get engaged with your potential customers.3.If you redirect your video traffic to your website, your website SEO will rise.4.You can increase your e-mail subcribers with the help of videos.5. It would increase the rate of conversion. Try it FREE for 7 days. Why do you use videos in your marketing? 1. According to Nielsen 64% of the marketers say that video is one of the way to convey your message to your potential customers.2. More then 73% of US adults would more likely to buy after watching a video explaining the product.3. Video's attract more then 300% traffic than using any other media.Videos have a high level of shareability among different social media channels. As per the research of James McQuivey (Ph.D. & VP Analyst at Forrester Re…

How to produce videos for business?

It's not hard to market through videos online, but you do need to know what you're doing. Using videos can be an effective strategy. If you are thinking of using video marketing, the information provided here should be helpful. Start your 7 days free trial  When using YouTube for posting your videos, ensure you are utilizing the editing features that the site provides. For example, you have the option to add annotations throughout your videos. Use this feature to add some information, share a coupon code or a link to your site. Do not assume that the salespeople at you company are the ones that will look best in front of the camera. Find the person in the office that has the best smile and have them be the face of the company. Nobody has to know that your company spokesperson is janitor or secretary. Publish videos on a regular basis if you want to hold the interest of your users. If people are interested in you but you have not been showing them anything new, they may beco…

How To Make Professional Videos At Home

Anyone can use video marketing successfully. If you want to be successful, you just have to know how to go about it. You can use the tips presented here to use video marketing to the best advantage for your business. Visit the link for your free trial: Getting either professional equipment or personnel might seem like the best route to take, but such arrangements can take time. Capture the energy and essence of an idea while it is fresh. Even an amateur video with authenticity can outshine something expertly polished. Editing is always essential to creating a quality video. While filming your video, do not hesitate to cut or do multiple takes. Upload your video files to your computer and use a quality editing software to put segments together. Get rid of unnecessary scenes and perhaps add some captions or some music. To add another dimension into your video marketing campaign include your company's logo. This can easily be accomplished by inserting a clip …