Using The Divi Theme Builder

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ส.ค. 2024
  • The Divi Theme Builder is an interface within Divi that allows you to use the Divi Builder to construct theme templates and assign those custom templates to pages or posts across your theme (including custom post types like Divi Projects and WooCommerce Products and Pages). With the Theme Builder, you have complete control over every single element of your website. And because you have the power to use or exclude templates on any page or post throughout your site, there is really no longer any need to manually edit a theme template file ever again.
    Read full documentation: www.elegantthemes.com/documen...
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 63

  • @mazbradley6490
    @mazbradley6490 4 ปีที่แล้ว +1

    Very Clear Explanation .. Thanks heaps. I can see this new version as being a real game-changer .. once I get used to it of course. Well done to all who built it for us. Thanks again.

  • @NickSimard
    @NickSimard 4 ปีที่แล้ว +21

    Would be really nice to have a proper interface for sticky headers, where you can change the opacity upon scroll, make an entirely different header for sticky compared to the standard one, change the height of the sticky one, etc. Something like what Brizy and Oxygen allow you to do. Great to see the theme builder finally be a reality!

    • @RikGierman
      @RikGierman 4 ปีที่แล้ว

      They dont, now you have to use CSS or sticky menu or anything :S because this method does not work well

    • @21willyx21
      @21willyx21 4 ปีที่แล้ว +2

      Every video and post on the update should start with the information that the building of scrolling menu is fucked up. Because that is all I cared about.

    • @davidserrano8463
      @davidserrano8463 4 ปีที่แล้ว

      @NINE10 Studio Productions, LLC how?

  • @CarlosMinay
    @CarlosMinay 4 ปีที่แล้ว +3

    Great Video !!, I would love to see more in detail version of this one, maybe making all from scratch Step by step. Thanks again for the constant updates!

  • @marksonin9544
    @marksonin9544 4 ปีที่แล้ว +1

    Great! Thanks for All Divi Team!

  • @MD0MDI
    @MD0MDI 4 ปีที่แล้ว +20

    Would have been nice to have you explain how to add the dynamic content and not just show what you have already created.

    • @gingerkitty4
      @gingerkitty4 4 ปีที่แล้ว

      I know right

    • @JoinTheProgress
      @JoinTheProgress 3 ปีที่แล้ว

      @Teacher MJ Academy That's not what the OP is saying. He's talking about showing a step-by-step on how to build things on one's own. The video showed a pre-done layout. Only a small fraction of creators will be interested in that specific layout. He needed to show building from scratch, which benefits *everyone*

  • @ChrisEllerUSA
    @ChrisEllerUSA 4 ปีที่แล้ว

    I jumped into the new theme builder, following the video tutorial I added a menu module--but no menu appears on phones! I checked and it is not disabled on phones. And I echo Nick's mention that we need a Sticky header for the menu. Also, in the video it shows adding an element that was created and saved to the Divi Library. SO I created a page, built a new section to use as my new header in the Theme Builder, saved it to the Divi Library, then when I went to import it as in the video NONE of my things saved in the DIvi Library were available to the header creator. I could add premade Divi themes and I could add pages. But I could not add anything from the Divi Library--so I added the page I created and edited that into the new header. This is a superb tool. I've been manually building custom global header and footer sections and saving them to the library to use on each new page. Thank you for this... okay, let's get the menu module working on mobile devices and let's get it stick! :^)

  • @Georgejonesrocks
    @Georgejonesrocks 4 ปีที่แล้ว +1

    Hello, if I create a custom header as in your example with two rows one for the header and one for the secondary header (as it's not available to create a secondary header because you turn off the option from divi customiser) can I make it disappear on scroll?
    Also, I would like to know how to adjust the size of the header on scroll (make it smaller) as it was available with the last version in divi from theme customiser -> fixed navigation settings -> fixed menu height.
    Thank you!
    PS: awesome update to v4

  • @adrianramirezl.4388
    @adrianramirezl.4388 4 ปีที่แล้ว

    Great overview. Clearly explained. Thanks

  • @jonathanfama1627
    @jonathanfama1627 3 ปีที่แล้ว

    hello, how do you set the featured image and title with the divi theme builder as shown in the video ?

  • @AbdulRauf-zb9nx
    @AbdulRauf-zb9nx 4 ปีที่แล้ว

    can you please help me, in Divi theme builder, when I create page for custom post type , that I buy from codecaynon , this plugin has built in custom fields but divi builder not detected that fields, how I can use them?

  • @hillorganization99
    @hillorganization99 4 ปีที่แล้ว +1

    Theme builder is not showing up on my divi link - how can i change this?

  • @VeronicaScholtz
    @VeronicaScholtz 4 ปีที่แล้ว

    Fantastic. Thank you.

  • @rsstnnr76
    @rsstnnr76 4 ปีที่แล้ว

    Can you use the custom body for page content and not post content? How would that look?

  • @academy10x92
    @academy10x92 4 ปีที่แล้ว

    where can I get your blog post layout?

  • @ProMediaLLC
    @ProMediaLLC 2 ปีที่แล้ว

    Very informative. You answered a lot of my nagging questions. Thank you!

  • @RikGierman
    @RikGierman 4 ปีที่แล้ว

    What is the hight of the divider???

  • @ahmedch6633
    @ahmedch6633 4 ปีที่แล้ว

    Where find the global header ?

  • @CatherineGuimard-Payen
    @CatherineGuimard-Payen หลายเดือนก่อน

    Love this explanation - clear and at Divi you guys have made it really easy for us non coders so a huge thanks for it all

  • @marcelofaviodesigner
    @marcelofaviodesigner 3 ปีที่แล้ว +1

    what about child themes for customization?

  • @elisabethfalkenberg1628
    @elisabethfalkenberg1628 3 ปีที่แล้ว

    Hi, thank you for the video. I have a question. Do you also use the Post content module in the product template?

  • @karentaylorsmells
    @karentaylorsmells 2 ปีที่แล้ว

    Does anyone know how to USE all of these header, body and footer to then replace it with your own content? To explain, all I want is to be able to bring up a template of a ‘post’ - so I can swap it out or add in my own content.. does anyone know how to do that? Thanks

  • @hvdb4492
    @hvdb4492 2 ปีที่แล้ว

    I need to speed up my divi site , can you give some insight as to how?

  • @AlainMazy
    @AlainMazy 3 ปีที่แล้ว

    Very nice tutorial, many thanks my frend

  • @screenweaver8910
    @screenweaver8910 4 ปีที่แล้ว +2

    Does not cover up the whole concept for me - do not get it, missing any intuitive usabiltiy. For example what is the matter with dynamic content? Seems just a low beginning for a theme builder. If you do not remember your settings, you have no clue whats going on with the website...

  • @vickipeel5897
    @vickipeel5897 4 ปีที่แล้ว +3

    Good job of the "how", but as a newbie to web design, I don't have the background to know the "when" and "why". Therefore, you are jumping over steps I need.

  • @alainpatry
    @alainpatry 4 ปีที่แล้ว +3

    20:14 Do we need to use the standard WP editor (Gutenberg) to create blog posts? Is it preferred to do so, instead of using the Divi Builder?

    • @GlenisRetiredNZ
      @GlenisRetiredNZ 4 ปีที่แล้ว +1

      I wondered why he did that too.

    • @tinkerbrained
      @tinkerbrained 4 ปีที่แล้ว +4

      I suppose if you no longer need the divi page builder on a post by post basis then you could more easily export your site's content if you ever wanted to use a different theme or page builder without getting a mess of divi builder shortcodes left behind. Also it would seem redundant to use the page builder in addition to a page template. The WP classic editor loads way faster for me than the Divi Builder too so that's a plus for me. I imagine it would be easier to teach clients how to create new posts and edit their own content as well. Divi can come across as very complicated to non-tech savvy clients in my experience.

  • @tomfraser3086
    @tomfraser3086 4 ปีที่แล้ว +1

    I'd like to add a photo gallery included in every post. How about a video explaining how to accomplish that in the theme builder..?

  • @elevateyourcreativeness
    @elevateyourcreativeness 2 ปีที่แล้ว

    So, shouldn't you create a global body section as well to act as the catch all for elements placed within them, or is this not necessary?

  • @RaymondPotterJr
    @RaymondPotterJr 4 ปีที่แล้ว

    When I go to add Global Header and build it out from scratch, everything displays just fine, until I add the CSS to make the Header fixed and set the z-index to 999, at this point when I save and go to the frontend, the Header is partially covered at the top by the Admin Bar. Any way to fix this?

    • @GlenisRetiredNZ
      @GlenisRetiredNZ 4 ปีที่แล้ว +1

      Go to the wire frame view and add a new section with a spacer

  • @mrdarryk1
    @mrdarryk1 4 ปีที่แล้ว +1

    Wow, so that was great. You showed us how to jump from nothing to a premade header. Awesome so how do you make the header?

  • @JanMaklak
    @JanMaklak ปีที่แล้ว

    I think I, switching from Divi to another page builder. I write and I'm not a web programmer but with divi I have had to continually figure out CSS and other stuff. I'm busy writing not wanting to program. Divi cant even keep pics the same size without me relearning a CSS command

  • @yurenaghm
    @yurenaghm 4 ปีที่แล้ว

    How did you get the menu items align to the right? In the options there is only available to "Left Aligned, Centered and Inline Centered Logo". It'd be nice to have the option of Right Aligned and also the possibility to make the menu Fixed without having to code.

    • @henglert
      @henglert 4 ปีที่แล้ว +1

      Yurena: Divi Theme Builder -> Edit Custom Header (the pencil icon in the grey bar...) -> Module Settings (in the grey bar...) -> Design tab -> Menu Text -> Text Alignment
      (I personally think this is a mess.)

    • @yurenaghm
      @yurenaghm 4 ปีที่แล้ว

      @@henglert Thanks! I figured it out, but it is a mess as you said. It'd be much better to hace the Right Aligned option on the menu Layout field!

  • @AyowebQcCa
    @AyowebQcCa 4 ปีที่แล้ว

    Wow!

  • @stephenbrowne7598
    @stephenbrowne7598 4 ปีที่แล้ว

    I don't really understand how there's less usability in the theme builder section than there is in creating a normal menu that will scroll, change size, change colour etc. Surely people want that functionality on every page almost?
    I'm also finding it frustrating to use the "post navigation module" at the moment, using only a single row section, you're expect the 'previous' and 'next' links to be at the left/right hand side of the screen respectively but they're bunched up to the left and I can't figure out the CSS to fix it. Changing the width to 90% allows me to "Align Centre" but it's still bunched over to the left with no natural spacing?
    Don't get me wrong, it's amazing what's going on here and I do love it, but there's some real frustrating things that's ruining my workflow (social media follow module doesn't seem to agree with me either)

  • @serafindesigns7969
    @serafindesigns7969 3 ปีที่แล้ว

    How come I can't find how to import templates from 3.0+ to now? That really sucks that people pay for this theme and you guys don't even mention this very important feature.

  • @tinkerbrained
    @tinkerbrained 4 ปีที่แล้ว +5

    You have to use custom CSS to make the header sticky? Really? It seems like I should just be able to check a box to make it sticky or not. The feature to make it sticky but also different on scroll as you can with the regular theme's Header & Navigation > Fixed Navigation settings, isn't even an option? I'm sure if you're a CSS wiz you could pull it off but isn't Divi's entire marketing spill that you don't need to be a coder to use it? It's disappointing you have to use custom CSS to do things that should be fairly basic and was basic with the theme's built in header. I'm guessing having one non-sticky header then having a sticky "subscribe bar" below it can't be done without custom code either? These are things I've seen on other theme builders like elementor and oxygen and I was expecting Divi to at least compete with them. Divi is my favorite page builder by far and I appreciate the work that when into making it, but so far the theme builder seems to be missing some basic features. I'd be a little more forgiving of my criticism if the theme builder wasn't announced almost a year and a half ago but considering how long user's have been waiting, it's a little underwhelming.

  • @TheAbulletAway
    @TheAbulletAway 4 ปีที่แล้ว

    I learned a lot with this video but I am having trouble with building the cart page. No problems with the product page, I just don't understand how to build the cart page as a template. So far the only video I found on how to do so, was by a guy saying to create a template, assign it to the cart, insert a post module, then go back to the pages section, and open the cart page and edit that page. That makes no sense to me.I could do that without the new theme builder so I'm sure I missing something, but after days of searching the internet, it is the only video I have found on building the cart page with the new theme builder. I have even contacted Divi Support asking for help and they don't seem grasp the issue I am having. They keep giving me directions to things that I already know how to do. Can someone, anyone, please provide tutorial on building a cart and checkout page. Even just template that I can install and learn from that would be great! Thanks. I truly love these new theme option, 4.0 is amazing but I am stumped on the cart.

  • @lilacvibes1581
    @lilacvibes1581 4 ปีที่แล้ว

    Wish this helped me. I need to add a gif to one of my subcategories. Totally lost.

  • @wreynoldz
    @wreynoldz 3 ปีที่แล้ว +2

    This just is not that easy as it's portrayed in these videos. That most basic functions to make sure a feature is working is really needed.

  • @Aesch
    @Aesch 4 ปีที่แล้ว

    Header fixed CSS @ 7:40

  • @evanoshea9506
    @evanoshea9506 4 ปีที่แล้ว +6

    i learned nothing from this, i wanted to learn how to make dynamic pages with CUSTOM sections, you just kept importing saved ones...

    • @hotheaded
      @hotheaded 7 หลายเดือนก่อน

      absolute garbage. agreed.

  • @jamesschoaf
    @jamesschoaf 4 ปีที่แล้ว +1

    Should have shown how to build the sections and not just import some.

  • @JoinTheProgress
    @JoinTheProgress 3 ปีที่แล้ว

    Can't believe he "added from library" at 17:30. He chose to pick a default template which will appeal to only a tiny fraction of viewers instead of showing how to build a custom body which would appeal to *everyone* . It was a cheap short cut that just makes this whole process even more of a challenge instead of being helpful.

  • @leeboozer2177
    @leeboozer2177 4 ปีที่แล้ว +2

    It's really not that helpful when you add stuff from your custom library. People new to the product need to learn HOW you created those custom elements. Seeing you add elements you already built deprives us of that learning opportunity.

  • @jimjacobs1961
    @jimjacobs1961 3 ปีที่แล้ว +2

    This video could be 1/3 length for all of things that are repeated more than once. I wanted it to have more insight into practical uses of templates, rather than showing the same screens over and over again. I was not very helpful.

  • @Hoops-Senior
    @Hoops-Senior ปีที่แล้ว

    Useful, but so much 'I' strain. I don't care what you can do, I want to know what I can do.

  • @webdesign6776
    @webdesign6776 4 ปีที่แล้ว +2

    Yuck!

  • @dandinica3381
    @dandinica3381 ปีที่แล้ว

    The uselessness of Divi builder for custom body, lays in the fact that post content is the only lame module that you can use...of course it says is a simple and powerful module....if that was the case why bother to put another weak module in Divi in the first place

  • @SirBalone
    @SirBalone 7 หลายเดือนก่อน

    You're explaining how the templates work, please don't explain other things, stick to the title of the video, it's too long to watch things you already know, and if not you could go to another video to learn.

  • @hotheaded
    @hotheaded 7 หลายเดือนก่อน

    Terrible video! Why are you using premade content? SHOW US TO MAKE THE CONTENT!! ET does not understand customer needs This much is obvious.