How To Make Impossible Layouts With CSS Grid For WordPress

Поделиться
HTML-код
  • Опубликовано: 22 янв 2025

Комментарии • 50

  • @anthonypetruzzi158
    @anthonypetruzzi158 9 месяцев назад +10

    I love your videos... Haven't done WordPress in going on 4 years now and yet I still watch them when you put them up. I love the way you explain everything

    • @WPCrafter
      @WPCrafter  9 месяцев назад +1

      Thank you Anthony. Means a lot!

  • @daveden2
    @daveden2 9 месяцев назад +8

    I love the way Adam explains concepts so easily

    • @WPCrafter
      @WPCrafter  9 месяцев назад +1

      Thanks, I really try to make these technical concepts easy to understand.

  • @SadikAhmedWP
    @SadikAhmedWP 7 месяцев назад

    Loved the way you explained the whole concept.

  • @I_Mackenzie
    @I_Mackenzie 8 месяцев назад

    Love it. Makes perfect sense. Thanks for sharing. Would really like to see how you make this work on mobile. Maybe another video on that? Also just started using Spectra Pro recently and it’s so easy to use.

  • @patsymutiso
    @patsymutiso 4 месяца назад

    Do you have a tutorial on creating containers/elements that overlap?

  • @webrol
    @webrol 9 месяцев назад +2

    Thanks Adam, perfectly explained! 🙏

    • @WPCrafter
      @WPCrafter  9 месяцев назад

      Glad it was helpful!

  • @nigamkumar5559
    @nigamkumar5559 8 месяцев назад

    Sir namaste I have a news website but I import a readymade design to my website then I change a paid theme but when I reset the website the old design not remove in my website

  • @marcoscandido7434
    @marcoscandido7434 8 месяцев назад

    what screenshot tool are you using that allows you to do easy and nice markups?

  • @visualmodo
    @visualmodo 9 месяцев назад

    Really good work!!

  • @elliotspiers
    @elliotspiers 9 месяцев назад

    Tried the link. Doesn’t seem to work in mobile. I’m assuming I will need separate grids for Tablet and Phone to have the effect on there?

  • @tanvirislam.webdev
    @tanvirislam.webdev 9 месяцев назад

    Your website design is impressive! I'm curious about how you learned the design concepts you've applied here. Could you share your approach or any resources you found helpful?

  • @matias278
    @matias278 9 месяцев назад +2

    How i activate that? I dont have it in my wordpresss? Thanks

    • @WPCrafter
      @WPCrafter  9 месяцев назад +1

      As explained in the earlier part of the video, this is from Spectra and it's a pre-release. It will be released this upcoming week. But you can try it now with the link in the description.

    • @matias278
      @matias278 9 месяцев назад

      @@WPCrafter Thank you ❤

  • @fxtttfx
    @fxtttfx 9 месяцев назад +1

    CSS Grid is perfect for full page layout, including header, main content, sidebar, footer. Unfortunately Gutenberg project forces us to use Flexbox for block themes layouts, wich limits us in many degrees. There need to be a selector in the future WordPress editions allowing to choose CSS Grid or Flexbox for block themes (FSE themes).

    • @OZTutoh
      @OZTutoh 19 дней назад

      I'm glad I read this before I watched the video. I was having issues getting a CSS Grid based stylesheet working in WordPress and I couldn't understand why.

  • @HealthWise-by9vr
    @HealthWise-by9vr 9 месяцев назад

    Hello, please how do i stop my wordpress blog from displaying the old theme after changing it to a new one.
    It only displays the new theme when I'm logged into my dashboard.

    • @WPCrafter
      @WPCrafter  9 месяцев назад

      Sounds like something is wrong with your hosting. It may just be a caching issue.

  • @nigamkumar5559
    @nigamkumar5559 8 месяцев назад

    How can I fix this issue plz help mee

  • @StretchFletcher
    @StretchFletcher 8 месяцев назад

    Well done Adam. Very helpfull.
    BTW off-topic, I sent through a Sure Cart Payment gateway integration enquiry this AM. If you see that I would be happy.

  • @jcnation5393
    @jcnation5393 9 месяцев назад +1

    Which Screenshot Tool is that?

    • @WPCrafter
      @WPCrafter  9 месяцев назад

      That one was SnagIt. It's on my recording computer but on my normal computer I use CleanShot.

  • @LifePeripatetic
    @LifePeripatetic 9 месяцев назад +1

    Hi Adam. Excellent video and very very informative!
    What do you think about Advanced Columns Pro, which released its version with Fluid grid mode? They mentioned that their plugin " leverages the power of CSS Grid and allows for the creation of fixed column layouts, as well as dynamically generated fluid grids that automatically adapt to various sizes."

    • @WPCrafter
      @WPCrafter  9 месяцев назад

      I am aware of it and I did try it a few weeks back. I forget my impression of it. I did find it funny yesterday someone pointing out that they don't use WordPress for their own website. That is a bit concerning to me personally, because I have seen enough products come and go, which is why I am very selective about what I make a video on.

  • @Joedebengaluru
    @Joedebengaluru 9 месяцев назад +1

    can this not be done in Elementor?

    • @WPCrafter
      @WPCrafter  9 месяцев назад

      Oh yes, Elementor offers CSS Grid, but without the options. So it's a bit more tricky and some coding knowledge is required unfortunately.

  • @tomfraser3086
    @tomfraser3086 9 месяцев назад

    Is this possible in Kadence ?

    • @WPCrafter
      @WPCrafter  9 месяцев назад +1

      Kadence doesn't offer CSS Grid, most of the block packages don't. A member in the WPCrafter Facebook group mentioned that they had asked Kadence about CSS Grid, and they replied that they are not working on it.

    • @Line49Design
      @Line49Design 9 месяцев назад +2

      Actually Adam, the Kadence Row Layout block does support CSS Grid properties for over a year now. Sections use flex layout and technically, Rows can use grid.
      Just not a grid map.

    • @WPCrafter
      @WPCrafter  9 месяцев назад

      @@Line49Design I think without the ability to create grid layouts like shown in this video, what's really the point or benefit? If it does not allow you to create a grid with a unique pattern, the point of the video, can you really say they have CSS Grid as how people understand it?

    • @tomfraser3086
      @tomfraser3086 9 месяцев назад

      @@Line49Design …ca. you point me to a video tutorial explaining the Kadence row grid properties ?

    • @Line49Design
      @Line49Design 9 месяцев назад +2

      ​@@WPCrafter ​ Yes, they have incorporated CSS Grid in their own fully legitimate way, as of Kadence Blocks 3.0, a year ago. Their implementation is sufficient enough to make it worth my input on your response to the Kadence user above.
      My comment does not detract from the point of your video, nor am I saying that Kadence is doing the same thing as Brainstorm, as you already understand. Brainstorm is doing lots of great things, and we can all understand why you're way more involved with them than you were with Kadence. I'm just here to clarify that the statement "Kadence doesn't offer CSS Grid, most of the block packages don't" isn't the ideal response to Tom here. I'll follow up with him directly.

  • @tanvirislam.webdev
    @tanvirislam.webdev 9 месяцев назад

    Hello Sir, Would you tell me about the design. Your design of the website top-notch. Would you consider to tell me how may I learn design concept like you. Please give me instruction. It will be really helpful for me.

  • @lalez88
    @lalez88 8 месяцев назад

    Small question, before watching the rest: The Gutenberg Grid is pretty easy to handle and has this functionality too. You just have to figure out your row/colum requirements.

    • @WPCrafter
      @WPCrafter  8 месяцев назад

      None of the core gutenburg blocks should be used becasue they don't offer even the most basic mobile responsive options. So you have zero control over how it will look on a tablet or mobile, where half your website traffic comes from.

    • @lalez88
      @lalez88 8 месяцев назад

      @@WPCrafter wow, yeah I see the problem. (Still don't understand why Wordpress isn't adding control over breakpoints.) Should really test more.

  • @ckwaiutube
    @ckwaiutube 9 месяцев назад

    i dunno why i dun have GRID feature. i follow exactly what u teach.

    • @WPCrafter
      @WPCrafter  9 месяцев назад

      What building tool are you using? Most don't have them.

    • @ckwaiutube
      @ckwaiutube 9 месяцев назад

      @@WPCrafter Spectra v2.18. hope can send u screenshot

  • @iynobhetter
    @iynobhetter 8 месяцев назад

    That is cool

  • @nigamkumar5559
    @nigamkumar5559 8 месяцев назад

    Old design and new design mix

  • @nigamkumar5559
    @nigamkumar5559 8 месяцев назад

    Plz sir help meee

  • @anthonypetruzzi158
    @anthonypetruzzi158 9 месяцев назад +1

    First!!!