How To Make Impossible Layouts With CSS Grid For WordPress

แชร์
ฝัง
  • เผยแพร่เมื่อ 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!!!