This is one of the most helpful tutorial videos that made a HUGE difference in using Divi! This video covers not only a blog post page layout and design but is applicable to all page layouts. Thanks a million, Wade!!!
This is really helpful as most Divi tutorials are totally out of date and or focus on code (even though it is a drag and drop type theme). With Divi constantly changing, there is so much useless old contradictory info about Divi, it's great to have this totally up-to-date tutorial. Thank you!
This is the most helpful divi tutorial I've seen yet. I love how you cover all the basics, which apply to regular pages and blog posts. Have you fixed the squeaky chair yet? lol
Hey Wade, thank you for an amazing video! I have everything down, except for the "fonts" of the text. This include both the size and the type. I love your fonts that you had in your video, but I do not know how to apply them at across the board. My question are what are the details of your font and how can I apply them across the board?
No worries mate, and thank you so much! I use 'Poppins' in this video. The best way to apply them across the whole site is by going to theme customizer, under general settings there's typography - apply it there. However this won't override any places you have specifically set to another font in the page builder. I hope that sorts it out quickly for you :)
This was great! Adding posts to my blog after 2 years away, I noticed the new posts didn't look like the old posts. With theme builder now they do! Unfortunately after I hit "save" the theme overwrote all my old posts. 😑 I forgot Divi did this. Lucky for me I'm in staging and not the live site.
I am a newbie, newbie and want to thank you so much for this tutorial!!! I am actually making progress after 3 months of work!! My question (no fair laughing) is that I have made the template but have no idea to get it ON the page. Also, can this same template be used for all posts and if so how do I manage the content? Thanks again for all of your help!!
Thank you! To apply it go to the theme builder page and there should be an option (on the layout section there to click,. Showing what to apply the layout to,.such as all posts, pages, particular posts, etc
Great tutorial exactly what I need it! The problem I encountered is that none of the info I put together is showing up when I create a new post, no comments section as well. I'm trying to troubleshoot my settings elsewhere which I suspect may be the culprit.
Thanks very much for this info Wade. I'm a complete novice so excuse my ignorance, but in the first instance do you create your blog post using the Wordpress editor or the Divi Builder?
No problem Sharon! We all start somewhere :) So the blog post itself is typed up using the WordPress editor, before and after this video (not with the builder). Using the Theme Builder, we create a template for the whole page which delivers the post within it. I hope that makes sense!
Thanks for this! Is there also an option to change the photo settings? I would like to display photo's next to each other but now it will show them below each other. I can't seem to find how to change that because you cannot edit the 'post content' module.
You can do that in the wordpress block editor, add a columns module, 2 columns and pop inages in each colimn, that way you can still take advantage of this template setup. Does that help? I.hope i understood your query properly
Great Video. One question I haven't seen yet on any tutorial. I am using Block editor to create posts. When I add an image and then use the block text wrap, I can't find out where to place padding between text and images when I alogn an image left or right in Gutenberg. So if I am using a box shadow the image obscures the wrapped text. The way the blog content is set up with divi there isn't a standard option for that. Should I be using a code Snippet, or is there a workaround that I am not seeing?
I would say CSS would be the best solution for that. You'd need to go into the theme customizer, into custom css, and the code would be something like : .alignright {margin: 10px;} Or .alignleft Try it out and let me know how youd go. I cant check it myself as i wont be at my computer for a day or two.
Hi Wade, really loved your up to date walk-through of how to set up the blog post template. Some newbie questions.. once I have set it up, where do I locate it as a fresh template for me to switch out the ‘placeholder’ content for mine? I can see the Default Website Builder, All Posts, and an Add New Template. Or do I go into ‘New Post’ in my dashboard and hit “Use Divi Builder” then hit browse layouts and to to Blogpost builder? Looks like the last one so I will try that..?
Hi Karen, No problem :) Once you assign the layout to the blog post or areas of your website inside the Theme Builder interface itself (the area which lists the layouts), all you need to is edit the post or page directly using the WordPress or Divi Editor into the placeholder area (The post content module). It will automatically apply your template to that page or post. This tutorial was from the dashboard - Divi - > Theme Builder. That where all of the assigning of templates happens when using Divi, I hope that makes sense! Let me know if anything is confusing!
If I were to try, I'd use ACF so each post had fields you could fill out, and use dynamic content in the sidebar (in the theme builder). This divi ACF video may be helpful to a degree: ua-cam.com/video/4coX54BYG9g/v-deo.htmlsi=KIujz0YlnEfZ71HT
Hi Wade, thanks for the really useful tutorial. I have created a template and custom body for blog posts (for a specific category). However when I create new blog posts using the template any changes i make appear on all the blog posts created from the template and on the template itself. Any ideas why this might be happening? Thanks.
Hi Denise, It sounds like you're editing the theme builder template directly (which can be done from the post itself), which with this process, the template simply is intended to be the same from post to post with only the information within the 'post content' module being edited. What I'd do in this instance is save the template layout to your Divi Library (hit the bottom purple circle, then the circle with the down arrow), and then remove the theme builder layout and simply import this layout anytime you make a new post. (bottom purple circle, hit the plus symbol and look under saved layouts). I hope that makes sense!
Does this affect the plugins in WP. for instance, I have my recipe header and recipe cards that auto-populate, will Divi template affect them populating?
Unfortunately, I cannot say for sure. However, you could possibly create a private post with those things included, create a simple Divi layout in the Theme Builder and in the layout settings, apply it to that specific post to test it out. That way you'll know exactly how your website responds.
if i make an user author i can make it like a standard editable template without many other option? to explain what im saying, i build a template for every post like this but when the user clicks "add new post" there's a way to make only what i've build editable?
@@WadeMcMaster Thank you! I can see it worked and I need to learn my F buttons on my Mac🤭🤔It seems so annoying that it was one simple step. Thank you for a great video. I am sure I will pop up with more stupid questions as time goes on.
@@WadeMcMaster Mine did not have it in theme builder either. Post Navigation, Post Title and Post Slide only. I had one preset from prior and I used that.
If you’re in the theme builder, In the sidebar module, click the design tab and there’s an option to remove that near the top (I think it’s remove border separator).otherwise, if your not using theme builder, you can turn it off with CSS, see now on this site: www.divithemeexamples.com/remove-vertical-dividing-line-divi-sidebar/
@@AP-Cotswolds oh man, I;m not sure about that. I've never had that issue. Is it a public website we can look at? or email me on info@creatorimpact.com, I'll have a quick look
This is one of the most helpful tutorial videos that made a HUGE difference in using Divi! This video covers not only a blog post page layout and design but is applicable to all page layouts. Thanks a million, Wade!!!
Much appreciated mate, thank you!
This is really helpful as most Divi tutorials are totally out of date and or focus on code (even though it is a drag and drop type theme). With Divi constantly changing, there is so much useless old contradictory info about Divi, it's great to have this totally up-to-date tutorial. Thank you!
Thank you I really appreciate that feedback :) it seems to be ever evolving! I have more on the way so hopefully theyre helpful for you also.
Agree :-)
@@karentaylorsmells Thank you Karen!
Great stuff Wade. Never explored Post themes before. Huge help.
Thank you mate!
This is the most helpful divi tutorial I've seen yet. I love how you cover all the basics, which apply to regular pages and blog posts. Have you fixed the squeaky chair yet? lol
Leave my chair alone! haha, just kidding. But no I haven't, I just try not to move lol.
Thank you for the very kind feedback :)
This was incredibly helpful, and easy. Thank you! Can you help on the Blog overview page?
Thank you! I did do this video which .at help: ua-cam.com/video/emtprVpjX6I/v-deo.html
Thank you for this tutorial, it was really helpful
awesome tutorial, thank you wade!
My pleasure :) Thank you!
Hey Wade, thank you for an amazing video! I have everything down, except for the "fonts" of the text. This include both the size and the type. I love your fonts that you had in your video, but I do not know how to apply them at across the board. My question are what are the details of your font and how can I apply them across the board?
No worries mate, and thank you so much!
I use 'Poppins' in this video. The best way to apply them across the whole site is by going to theme customizer, under general settings there's typography - apply it there. However this won't override any places you have specifically set to another font in the page builder.
I hope that sorts it out quickly for you :)
This was great! Adding posts to my blog after 2 years away, I noticed the new posts didn't look like the old posts. With theme builder now they do! Unfortunately after I hit "save" the theme overwrote all my old posts. 😑 I forgot Divi did this. Lucky for me I'm in staging and not the live site.
Yeah there's a few issues like that . It can be tough when clients want to edit their own site at times haha
This was really helpful. You killed it.
Thank you so much!
I am a newbie, newbie and want to thank you so much for this tutorial!!! I am actually making progress after 3 months of work!!
My question (no fair laughing) is that I have made the template but have no idea to get it ON the page. Also, can this same template be used for all posts and if so how do I manage the content? Thanks again for all of your help!!
Thank you! To apply it go to the theme builder page and there should be an option (on the layout section there to click,. Showing what to apply the layout to,.such as all posts, pages, particular posts, etc
Also if you watch this video from about 55 seconds it covers the process a bit better than I explain it here :)
Great tutorial exactly what I need it! The problem I encountered is that none of the info I put together is showing up when I create a new post, no comments section as well. I'm trying to troubleshoot my settings elsewhere which I suspect may be the culprit.
Oh man sounds annoying. So the template isnt showing up at all? Might be a theme.builder setting. Applied to all posts?
@@WadeMcMaster got it all sort it out this morning. Everything seems to be in order now. Thanks for you response.
@@renehinojosa1962 No problem! I'm happy to hear you got it sorted :) Have a great day!
Thanks very much for this info Wade. I'm a complete novice so excuse my ignorance, but in the first instance do you create your blog post using the Wordpress editor or the Divi Builder?
No problem Sharon! We all start somewhere :)
So the blog post itself is typed up using the WordPress editor, before and after this video (not with the builder). Using the Theme Builder, we create a template for the whole page which delivers the post within it. I hope that makes sense!
thanks a lot !
seriously this gold thx very much !!!
No problem, thank you!!
Thanks for this! Is there also an option to change the photo settings? I would like to display photo's next to each other but now it will show them below each other. I can't seem to find how to change that because you cannot edit the 'post content' module.
You can do that in the wordpress block editor, add a columns module, 2 columns and pop inages in each colimn, that way you can still take advantage of this template setup. Does that help? I.hope i understood your query properly
Great Video. One question I haven't seen yet on any tutorial.
I am using Block editor to create posts. When I add an image and then use the block text wrap, I can't find out where to place padding between text and images when I alogn an image left or right in Gutenberg. So if I am using a box shadow the image obscures the wrapped text. The way the blog content is set up with divi there isn't a standard option for that.
Should I be using a code Snippet, or is there a workaround that I am not seeing?
I would say CSS would be the best solution for that. You'd need to go into the theme customizer, into custom css, and the code would be something like :
.alignright {margin: 10px;}
Or .alignleft
Try it out and let me know how youd go. I cant check it myself as i wont be at my computer for a day or two.
Hi Wade, really loved your up to date walk-through of how to set up the blog post template. Some newbie questions.. once I have set it up, where do I locate it as a fresh template for me to switch out the ‘placeholder’ content for mine? I can see the Default Website Builder, All Posts, and an Add New Template. Or do I go into ‘New Post’ in my dashboard and hit “Use Divi Builder” then hit browse layouts and to to Blogpost builder? Looks like the last one so I will try that..?
Hi Karen, No problem :)
Once you assign the layout to the blog post or areas of your website inside the Theme Builder interface itself (the area which lists the layouts), all you need to is edit the post or page directly using the WordPress or Divi Editor into the placeholder area (The post content module). It will automatically apply your template to that page or post.
This tutorial was from the dashboard - Divi - > Theme Builder. That where all of the assigning of templates happens when using Divi,
I hope that makes sense! Let me know if anything is confusing!
Is there a way to create a custom sidebar for each blog post?
If I were to try, I'd use ACF so each post had fields you could fill out, and use dynamic content in the sidebar (in the theme builder).
This divi ACF video may be helpful to a degree: ua-cam.com/video/4coX54BYG9g/v-deo.htmlsi=KIujz0YlnEfZ71HT
Does this work with pages or only posts? Trying to automate some of my content for the pages
You can apply it to both!
Hi Wade, thanks for the really useful tutorial. I have created a template and custom body for blog posts (for a specific category). However when I create new blog posts using the template any changes i make appear on all the blog posts created from the template and on the template itself. Any ideas why this might be happening? Thanks.
Hi Denise,
It sounds like you're editing the theme builder template directly (which can be done from the post itself), which with this process, the template simply is intended to be the same from post to post with only the information within the 'post content' module being edited.
What I'd do in this instance is save the template layout to your Divi Library (hit the bottom purple circle, then the circle with the down arrow), and then remove the theme builder layout and simply import this layout anytime you make a new post. (bottom purple circle, hit the plus symbol and look under saved layouts).
I hope that makes sense!
@@WadeMcMaster awesome, thank you. That's exactly what i needed to know.
@@deniseegan1631 Awesome! I was hoping I got it right haha. Have a great day Denise :)
@@WadeMcMaster This did not work for me :(
It's cool 🎉
Does this affect the plugins in WP. for instance, I have my recipe header and recipe cards that auto-populate, will Divi template affect them populating?
Unfortunately, I cannot say for sure. However, you could possibly create a private post with those things included, create a simple Divi layout in the Theme Builder and in the layout settings, apply it to that specific post to test it out. That way you'll know exactly how your website responds.
Great! Thanks
No problem, thank you for watching the video!
if i make an user author i can make it like a standard editable template without many other option? to explain what im saying, i build a template for every post like this but when the user clicks "add new post" there's a way to make only what i've build editable?
I don't think so sorry
I've found a way to simplify all the possibile option with divi role editor
Help - how did you refresh when you exited and save changes at the 5 minute point I cannot find where it went and I am stuck🤣!
No problem, hit F5 on your keyboard or find a circular arrow button near the address bar
@@WadeMcMaster Thank you! I can see it worked and I need to learn my F buttons on my Mac🤭🤔It seems so annoying that it was one simple step. Thank you for a great video. I am sure I will pop up with more stupid questions as time goes on.
3:30 - I'm stuck already, because I don't have a module called 'Post Content'.
Are you using the theme builder? It doesn't show up on pages or posts but only in the theme builder itself.
@@WadeMcMaster Mine did not have it in theme builder either. Post Navigation, Post Title and Post Slide only. I had one preset from prior and I used that.
I have a grey line that runs down the side of my post content, removed all boarders etc but still showing? How can I get rid of this?
If you’re in the theme builder, In the sidebar module, click the design tab and there’s an option to remove that near the top (I think it’s remove border separator).otherwise, if your not using theme builder, you can turn it off with CSS, see now on this site: www.divithemeexamples.com/remove-vertical-dividing-line-divi-sidebar/
@@WadeMcMaster tried it, no change. Its not a sidebar, it is 'post content settings'
@@AP-Cotswolds oh man, I;m not sure about that. I've never had that issue. Is it a public website we can look at? or email me on info@creatorimpact.com, I'll have a quick look
I'm done with divi theme. I can no longer tolerate the bugs that keep popping up.
Sorry to hear that you're having so much trouble mate :(