How to Design a Blog Post Template with Divi’s Theme Builder

Sdílet
Vložit
  • čas přidán 30. 07. 2024
  • A blog post template is probably the most important template you can add to a blog site. It provides a structure and design that is “magically” applied to all blog posts on the front end, while bloggers only need to worry about writing the post on the backend. This drastically saves time by streamlining the creation process to get your post out on the web quickly. And with the Divi Theme Builder, you won’t have to settle for a boring post template that looks like every other blog post on the web. You can create countless authentic designs (visually) and add different combinations of static and dynamic content throughout your template easily.
    In this post, we’ll be covering everything you need to know in order to build a blog post template using the Divi Theme Builder.
    We will cover a lot of content, but I think you will be surprised how easy these templates can come to life before your eyes.
    Read more: www.elegantthemes.com/blog/di...
  • Jak na to + styl

Komentáře • 229

  • @michaelkavanagh5947
    @michaelkavanagh5947 Před 3 lety +8

    This guy is brilliant. He's the reason I got into Divi. Every time you're stuck just come here and search - boom he's already got a video! So creative, lots of stuff I would do with graphics and code he does in Divi in half the time.

  • @kateshadow155
    @kateshadow155 Před 4 lety +2

    This is a superb post. Very fast so no time wasting, clear and concise - and it produces a fabulous page! Thank you so much!

  • @BobbyCharlz
    @BobbyCharlz Před 4 lety +2

    Excellent, excellent tutorial here. You've showed a lot of important and powerful principles here with regard to the potential of Divi's Theme Builder. This cuts my work and development time in about half and helps me to give my clients a better end-product, no kidding!

  • @jemCarpenter
    @jemCarpenter Před 4 lety

    Thanks Mak for this amazingly efficient video. Much broader than "just" templating the blog posts, it's a real Divi crash couse. Thanks again!

  • @gayefern2385
    @gayefern2385 Před 4 lety +1

    really thankful for these videos! I am learning so much! Although you go through them way to fast for beginners I am happy to be able to pause it every two seconds and follow along on my site builder :)

  • @bethstrachan4988
    @bethstrachan4988 Před 3 lety +1

    Amazingly helpful. I'm so thankful for your step-by-step here. I learned SO much!

  • @goldenlifehealing
    @goldenlifehealing Před 9 měsíci

    You are the BEST trainer on the net! Love your quick pace and thorough explanations. THANKS! :)

  • @simonbennett905
    @simonbennett905 Před 4 lety +4

    OH MY LIFE!!! This is incredible! Makes a HUUUUGE difference!

  • @hydro58
    @hydro58 Před 4 měsíci

    You are a GREAT teacher, keep things brief, and are one of my favorite CZcams tutorial instructors-appreciate you very much! Keep up the good work and God bless!

  • @correzecyclingholidays6419

    Thank you so much for this tutorial. As always, very easy to follow and understand. Totally understand Dynamic content now!

  • @paulwhitehead1816
    @paulwhitehead1816 Před 4 lety

    Very useful tutorial. Thank you! Knowing how to use the dynamic content feature now is a game changer.

  • @20handicap
    @20handicap Před 5 měsíci +1

    What an intelligent, articulate, and pragmatic teacher. Thanks much.

  • @MaxineDunnVoiceActor
    @MaxineDunnVoiceActor Před 3 lety +5

    Hi Mak, I just can't get over how INCREDIBLY HELPFUL and WONDERFUL all your Divi tutorials are. I'm a voice actor and I'm in the process of re-designing my website (from boring ol' Wordpress 2017 theme!), to a brand new site... thanks to you! Your tutorials and teaching style are amazing, as is the diverse array of CZcams lessons for everything we need. Just writing this comment to say Thank You So Much! :-) :-) You are awesome!

  • @cynthiamanor6565
    @cynthiamanor6565 Před 4 lety

    This was just what I needed. Your DIVI videos are awesome!

  • @Rene_Voortwist
    @Rene_Voortwist Před 3 lety

    I was totally unaware of the power and flexibility of dynamic content. Great video, thanks! 🙏

  • @keirwells4846
    @keirwells4846 Před 4 lety +14

    Incredibly useful and informative post. Thank you. I learnt quite a bit about the flexibility of the dynamic content, which I haven't used a great deal... up until now. Well done, Mak.

  • @JeromeGSherman
    @JeromeGSherman Před 3 lety

    This made things a little more clearer; it's a lot for a beautiful blog but worth it: I replayed little snippets over and over until I got it - wrote mine dow, thanks.

  • @habibshittu1938
    @habibshittu1938 Před 2 lety

    This is one comprehensive tutorial. Easy to follow.
    Great work

  • @IsabelleJourdain
    @IsabelleJourdain Před 4 lety

    Thank you so much for this awesome tutorial ! Really useful and easy to go with. All the best from the French Alps !

  • @MilanPavic
    @MilanPavic Před 4 lety +1

    Nice tutorial Mak, congrats!

  • @kentjensen4504
    @kentjensen4504 Před 4 lety +1

    Really smooth work, Mak.

  • @SwainLeungSewingMachines

    Many thanks! I love the design and your clear expression!

  • @the52doors6
    @the52doors6 Před rokem

    Thank you - after trawling CZcams and watching hours of content for the last three days this is the first Theme Builder tutorial that has actually worked for me. I still have a LONG way to go but this has given me faith to keep going.

  • @anillpatel
    @anillpatel Před 4 lety +1

    Absolutely amazing. Thanks.

  • @BoldCitySEO
    @BoldCitySEO Před 6 měsíci

    Thank you for creating this video. It's been incredibly insightful in understanding how Divi functions overall. Additionally, it enabled me to design a blog template that seamlessly integrates with the style of my entire website. The dynamic content feature is impressively useful, and it sparks my curiosity about other creative applications it might have.

  • @justusasembo6551
    @justusasembo6551 Před 4 lety

    Thanks Mak. Really detailed. Very useful tutorial

  • @belen-vilches
    @belen-vilches Před 3 lety

    thank you endlessly! you have no idea how much you've helped me!!

  • @autolitics
    @autolitics Před měsícem

    what a fantastic tutorial! I love Divi and i super-needed this tut. Thank you!

  • @kollberg82
    @kollberg82 Před 2 lety

    Thank you so much! This is the one thing ihave left to build on my webpage. Looks great

  • @user-lr1jh5sx8r
    @user-lr1jh5sx8r Před rokem

    Thank you so much for this series. I have learned so much from you!

  • @samanthabonavia
    @samanthabonavia Před 3 lety +1

    omfg... you just saved me... been tearing my hair out since I found this video... thank you!

  • @Hvantress
    @Hvantress Před měsícem

    THANK YOU SO MUCH FOR GIVING THIS TO US! so sweet!

  • @michaelfarmhand
    @michaelfarmhand Před 4 lety +2

    Phew! That was a power tutorial :) Very helpful thanks

  • @arthurandrade8070
    @arthurandrade8070 Před 3 lety

    You're the best! Thank you Mak!

  • @myriamludtke-licht3928

    Excellent and useful video. Thank you.

  • @HowTosWare
    @HowTosWare Před 2 lety

    Amazing divi tutorial, thanks Mak.

  • @calistiae
    @calistiae Před 4 měsíci

    He is so talented at making a really nice blog template. I just added the 3 blog grid to my blog and it's so much nicer now. thank you!

  • @Bruno-nk3wj
    @Bruno-nk3wj Před 4 lety

    many good ideas!
    well done

  • @niksatan
    @niksatan Před 3 lety

    Thank you very very much. Didn't know how all this works before!

  • @odettewatts2325
    @odettewatts2325 Před 10 měsíci

    Thank you for this. I did it and it turned out lovely.

  • @nemanjamarkovic9818
    @nemanjamarkovic9818 Před 3 lety

    Awesome tutorial, grat job, u got sub and Divi tutorials are the best

  • @artemisa.3748
    @artemisa.3748 Před rokem

    This video was so helpful, omg... Thank you!

  • @tvnerdopolis
    @tvnerdopolis Před 3 lety

    Amazing tutorial, thank u!!

  • @hafidhaljufaily7675
    @hafidhaljufaily7675 Před 3 lety

    Amazing stuff. Thanks a lot

  • @annoushka6453
    @annoushka6453 Před rokem

    Amazing content !! Thx from France

  • @visualcortex3806
    @visualcortex3806 Před 2 lety

    Brilliant video, as always.✊

  • @IAmZue
    @IAmZue Před 9 měsíci

    Thank you, that was super helpful!!

  • @CharlieMayMusic
    @CharlieMayMusic Před rokem

    Simply brilliant man! Only about an hour's worth of elbow grease, and I have a great looking blog. Thank you!!!

    • @AnthonyTrendl
      @AnthonyTrendl Před rokem

      I checked out your page -- I like your music but couldn't find your blog.

  • @jeewanb
    @jeewanb Před 4 lety

    great tutorials thank you.

  • @TheevilHenry93
    @TheevilHenry93 Před 2 lety

    Just followed step by step and nooow: its awesome! :-)
    dude! thank you.

  • @karencobagallego
    @karencobagallego Před 4 lety

    Excelente tutorial ¡Muchas gracias!

  • @Valeras
    @Valeras Před 4 lety +2

    *Mak* .... It was one of the best and useful lessons !!!!!!!!! I even downloaded it to my computer as a hint:)

    • @sitekrafter
      @sitekrafter Před 4 lety

      Thank you :)

    • @NeelsWorld
      @NeelsWorld Před 4 lety

      @@sitekrafter Hi, great tutorial. I am unable to find the download for the global layout?

  • @SimpleEnduranceCoaching

    This was really really helpful. Thank you!

  • @ErickReplayLAN
    @ErickReplayLAN Před 3 lety

    Very useful tutorial.

  • @andrewdaye_
    @andrewdaye_ Před 4 lety

    hey many thanks for the tutorial! Unfortunately on my blog pages i keep getting weird characters instead of punctuation. Any idea? Ex. instead of ' (an apostrophe) I get "”"

  • @edwinarceo1970
    @edwinarceo1970 Před 4 lety +1

    Hi Mak! I was wondering if there is any other way to edit the block quote aside from what you can do in the Post Conten Module. I want to delete the vertical border at the left of the block quote but cannot seem to find a way. Thanks in advance.

  • @Thirty3rty
    @Thirty3rty Před 2 lety

    boy, this is some awesome content. no bullshit, good speech. keep it up.

  • @vicentelopez6799
    @vicentelopez6799 Před 4 lety

    wow!! eres una máquina! saludos desde Spain.

  • @ManasMadrecha
    @ManasMadrecha Před 4 lety +1

    in awe with this feature

  • @UConceptPublishing
    @UConceptPublishing Před 3 lety

    great tutorial!

  • @lafrenchfocale9151
    @lafrenchfocale9151 Před 2 lety

    GREAT !!! Really good thanks a lot !!

  • @parentingandpassports
    @parentingandpassports Před 4 lety +1

    This is great. One question... Is there a way? (how) to create a post content template? I want to build some form of checklist into a post content template to make sure certain elements are included by the author; e.g. intro that includes XYZ, Table of contents, X internal links, X external links, a CTA, a conclusion etc.

  • @toobzee
    @toobzee Před rokem

    Great video! You just sold me on Divi. (I've been trying to decide b/w it and Elementor.)

  • @thequeenid444
    @thequeenid444 Před 3 lety

    I loved this tutorial. I was able to recreate this template as I followed along with you in the video. I put placeholders for the photos and content while building. Now that I am ready to add the actual content, I don't seem to be able to edit it. I am new to WordPress and Divi Theme builder. I am sure it is something I am missing. Can you offer any suggestions or tips? Thank you.

  • @PanelsUpSolar
    @PanelsUpSolar Před 14 dny

    July 2024 - This is still a very valid video. Some things changed, but it was pretty easy to figure it out. Thank you!!!!! I do have a question! How do I get the top header divider to not go across my picture? I'd like my picture to be "in the front". Thank you!

  • @GeppeInserra
    @GeppeInserra Před 3 lety

    Very useful, thanks

  • @bapisteful
    @bapisteful Před 5 měsíci

    Perfect, thank you 😀

  • @edwinarceo1970
    @edwinarceo1970 Před 4 lety +1

    Great video! This is a lot better than the tutorials at the website. 😁

  • @helioalexandrino7
    @helioalexandrino7 Před 4 lety

    Thank yoo so much!!

  • @dd-nm7nu
    @dd-nm7nu Před 3 lety

    Really helpful! Thank you

  • @scottbeard6915
    @scottbeard6915 Před 3 lety

    Is there way to have the 'Post Content Module' style settings carry over to the 'Blog Module' when inserting into a page? The post stylings seem come through on post pages but not in the blog modules.

  • @damerval
    @damerval Před 4 lety

    Wow wow wow. Comprehensive content and masterful delivery, thank you Mak, truly impressive. This is going into my anthology of model videos to try to emulate in my own content.

  • @hoomibz6219
    @hoomibz6219 Před 2 lety

    Great job :)

  • @BarryOGorman
    @BarryOGorman Před 9 měsíci

    Thanks for this video. Built along with you - but then, having made a few errors, imported the template. Whn I create a new post - using divi visual builder - not clear but should the bull body template appear - with each of the headings set out? Or am I to create a new section and create the post within this? Tried this - but then don't inherit the styles (font etc) from the template. Obviously going wrong somewhere.

  • @davebetts
    @davebetts Před 3 lety

    Hi! This was a fantastic tutorial. Thanks so much. BUT when I click on my blog posts it says
    "No Results Found" - "The page you requested could not be found. Try refining your search, or use the navigation above to local the post".
    Do you have any idea what's happening here?

  • @CristianGodinez
    @CristianGodinez Před 4 lety

    Excelente Tutorial, but how can change the style of my old post, when personalize each one?

  • @EricHillAuthor
    @EricHillAuthor Před 4 lety +3

    Really, really good video, as always. Would it be possible for you to slow down a bit in future videos? Thanks!
    P.S.
    I slowed down the speed to .75. Works for me (smile).

  • @wildlifecaptureandcare2739

    Mak, I have been watching your awesome How To Divi videos over and over again. Thank you.
    This video is unfinished for me. I want to replace my existing WordPress side bar with a Divi Sidebar but the 2-column format confuses me. Two ways to ask this: 1) How do I bring my blog articles into the left column? or 2) Is there a way to replace my WP side bar with the Divi sidebar?
    I know this video is over a year old but can you help me? Respectfully, Mark

  • @rossfiber1928
    @rossfiber1928 Před 4 lety

    there is a glitch when we go to edit this template to change colors. when i try to change color by editing template, the custom color box where we enter the hex# or RGB value is missing or does not pop up. the default colors of template can't be changed or edited using custom colors? please help

  • @pavlosgaravelas3549
    @pavlosgaravelas3549 Před 4 lety

    excellent!!

  • @aminulislamjoy9882
    @aminulislamjoy9882 Před 2 lety

    Really best video and helpful

  • @habibaallarakia6253
    @habibaallarakia6253 Před 2 lety

    Thank you very much. That is very detailed and I will follow step by step. One question though for anyone really. How do we then add a new post? I am just starting out

  • @user-rt3ny6pw5g
    @user-rt3ny6pw5g Před rokem

    Struggling quite some time now on the 'dynamic content'. In what way is it possible to override the image settings on width and height?
    Is it possible to show them as 16:9 image, even if the normal ratio of the uploaded image is 4:3.

  • @zaccomusic
    @zaccomusic Před 4 lety

    nice contents
    hope you keep update :)

  • @paulsavagejr.503
    @paulsavagejr.503 Před 4 lety

    On the you may like section, is there a way to make it to where the current post doesn't appear?

  • @slowlivingessentials5855

    This is awesome, so easy to follow and just wonderful. I have a quick question though, how come it's not showing up when i view my post??? :( I just have one right now as I'm just beginning out, but yeah, lmk ! I've saved it and everything. could there be something else going on?

  • @craigdouglas885
    @craigdouglas885 Před 4 měsíci

    I was about to ask for my money back from Elegant Themes, until I watched this video. Thanks!!

  • @MalloyUnfiltered
    @MalloyUnfiltered Před 4 lety

    Brilliant.

  • @loviisamarja
    @loviisamarja Před 3 lety

    I'm finding this DIVI tutorial so helpful (same with all your tutorials). Re the image you placed in the background here, what is the size and type. I suspect a PNG. Knowing the size will be helpful. Thank you!

  • @carlal304
    @carlal304 Před 4 lety

    I love your tutorial. Saved me a lot of time.
    One quick question
    In the comment section, the backend shows comment, name, email but on the front end it only shows comment. How do I fix this

  • @stopyourcablecom
    @stopyourcablecom Před 4 lety

    When I enter the blurb module and change the title to post categories, post categories is not an available option?

  • @tinal4195
    @tinal4195 Před rokem

    Thank you! I love your teachingstyle! Not too much rambling about nonsense but enough for a non-web person to follow. I do have a question.... My image doesn´t appear in the imagebox.... Do you have to set the image size to a certain size before you upload?

  • @TimBellwebdesign
    @TimBellwebdesign Před 2 lety

    Great video! So I have it on a site now, but can't figure out how to style the read now button. ? Can't seem to find where I can do that?

  • @martinasucha3364
    @martinasucha3364 Před 3 lety

    OMG - thank you so much for this! I am building my first DIVI page and your videos are gold!!! All that dynamic content! That is so useful! Thank you so much. Definitely hitting that subscribe button.

  • @Adsterr
    @Adsterr Před 4 lety

    How do i save these templates to use on my other sites? Thanks for the help.

  • @maymaygong279
    @maymaygong279 Před 3 lety

    Could you explain HOW to include the website's main menu at top? As is, it is not there, so once anyone lands on the individual post, they hit a dead end! Thank you! Your tutorial was excellent - soooo detailed.

  • @juann1532
    @juann1532 Před 2 lety +1

    Simply excellent.
    I have a question regarding post templates, WordPress and DiVi. I have sen that you create the template to "All Posts" and when publishing the posts use the build-in Guttenberg editor, right? Is that the recommended workflow for creating posts, or there's another way? I am completely new working with WordPress and DiVi and I have found difficult to use them. In the beginning, I was creating the post inside DiVi and I am just realised that was a mistake that create a lot of code and design issues. Please if you can comment what is the best workflow for posting on my WordPress site and use DiVi that will be much appareciated.

    • @s.a.larsen5304
      @s.a.larsen5304 Před rokem

      I did the same thing! And I'm currently stuck. I've contacted Elegant Themes, but I still don't understand how to use the template I created. (I love the template, though.)

  • @rudygeez1174
    @rudygeez1174 Před 4 lety

    Very nice video super helpful thank you. The divider you placed is running over the image below it. I have come across the same when using the fullwidth elements. I feel that its a bug since I am unable to remove it or change the hierarchy or order that it should pace itself.

  • @TarotHeaven
    @TarotHeaven Před 2 lety

    This is one of the best tutorials. Does he have his own Divi playlist?

  • @afulford
    @afulford Před rokem

    Has Divi removed the "Post Content" module in newer versions? I didn't find it among the module selections.