We need many more of these "rebuilt" tutorials. I can't thank you enough. Always impressed.
@jamiewp Жыл бұрын
Thanks Eric - if there are any sites you would like me to recreate let me know 👍
@MathieuLLF4 ай бұрын
Glad to see Vivaldi in use!
@jamiewp4 ай бұрын
👍
@OneBrokeBloke Жыл бұрын
0:20 big fan of the whiteboard overview of content. Very helpful to know if the content is what im looking to learn
@jamiewp Жыл бұрын
Good to hear the investment in the technology wasn’t wasted 😃😉
@kawulokumara9987 Жыл бұрын
I've been following him for a long time, and he is one of the outstanding and not stingy wordpress content creators. Thanks Sir. 🙏🙏🙏🍵
@jamiewp Жыл бұрын
Thank you 🙏
@newblogr1260 Жыл бұрын
It is crazy this channel has only 14k subscribers. I love these "rebuilt" tutorials.
@jamiewp Жыл бұрын
Thank you - the channel is growing, but i agree 😉
@KevinFoulds Жыл бұрын
A few more core wordpress updates should change that. People are still not convinced, although there are a few really good channels with videos now.
@alanjerram9258 Жыл бұрын
I've been a huge fan of TechCrunch's design aesthetic and have been trying to implement some of those ideas and spinning my wheels. You showed how easy it can be and revealed the more practical uses of Group which was mystery to me. Thank you sir.
@jamiewp Жыл бұрын
Great to hear Alan - glad it helped 👍
@derek-hanson Жыл бұрын
My favorite videos! They inspire me to play in the block editor and test out new designs and layouts. Great stuff!
@jamiewp Жыл бұрын
Thanks Derek 👍
@perseuslegend8580 Жыл бұрын
Thanks to you, sir, I've been able to finally grasp how the block editor works. This channel alone has provided the perfect content to allow me to finally be able to edit my WP websites without still relying on the old approach that required lots of plugins, and CSS hacks. Keep up the good work!
@jamiewp Жыл бұрын
That’s so amazing to hear - thank you for taking the time to write
@nw10design9 ай бұрын
By the way, Jamie, that multi-select technique you used to group multiple blocks? Genius! Until this very moment, I've always first added the Group block and then placed all the required child blocks within it. That multi-select approach is my go to method from here on. I also played around with the new Group block sticky positioning. In my case, the client site has a fixed header bar and, while I was happy to see the addition of the Group block position attribute (default or sticky), I was surprised that the setting doesn't also expose the position "top" setting. In lieu of that, top defaults to zero which works just fine in your TechCrunch site example since the left-hand sidebar will stick to the top of the page (top = 0) as needed in that example. If your page has a fixed header bar and you're using position sticky on some particular Group on the page, you need that Group to stick somewhere below that header bar. So, for example, if your header bar is 75px in height, you need to be able to set the position sticky top attribute to 75px plus, say, 25px as a gap between the Group block and the Header block. In css, you'd just set "top:100px;" for "position:sticky;". That's a curious omission to the position sticky block attribute (what you can do is create a css class like "sticky-top-position" and give it a non-zero top setting value and then add that class to the sticky Group to change the vertical stick point).
@jamiewp9 ай бұрын
Thank you and thanks for the great comment as well 💪
@VivaldiBrowser4 ай бұрын
Thank you for using our browser! 😊
@jamiewp4 ай бұрын
Thank you for making it ❤️🙏
@soccernatic Жыл бұрын
I'm learning more about how to build websites with Gutenberg with as little plugin as possible. Thanks for the videos!
@jamiewp Жыл бұрын
Great to hear!
@FANTIE11 ай бұрын
*Thank you very much! Jamie with you there is always something new and valuable to learn!* *
@jamiewp11 ай бұрын
Cool 😎
@nonridiculousadjective6597 Жыл бұрын
Hey Jamie, thank you so much for this rebuilt video and for the notice in the beginnning as it helps the watcher know what they will learn. The one question/thing I am a bit confused about is the way to work with templates as templates. In your beginner mistakes video, you mentioned that pages are not supposed to be built in templates. Yet, I didn't manage to find a video that shows the workflow of that. (correct me if I am wrong) Since most of the rebuilds are of the front page which is done in the way of putting the content in the template, and that makes it tempting to do the forbidden action of putting the content in the template..
@jamiewp Жыл бұрын
Great question- I’ll try to get a video together about that 👍
@prakhar_bindal8 ай бұрын
@@jamiewp Did you get around to do this?
@MarkConstable Жыл бұрын
Don't forget to create a blank theme with the "Create Block Theme" plugin and show us all how to create a complete theme from the ground up to a usable site.
@jamiewp Жыл бұрын
👍
@rummandsr7903 Жыл бұрын
Please make it from scratch ❤
@jamiewp Жыл бұрын
@@rummandsr7903 i did
@prakhar_bindal8 ай бұрын
@@jamiewp Have you created a video on making a theme like this?
@jdccool10 ай бұрын
Excellent, Jamie, excellent. TY
@jamiewp10 ай бұрын
Glad you enjoyed it!
@nw10design10 ай бұрын
An interesting thing I've found with setting column widths (as you discussed at around the 2:30 min mark in the video) is, if you have two columns, you need only specifically indicate the column width for the first one and leave the second column width blank (or blank it out if it has a value). Apparently, that second column will then just fill the remaining space (100% minus whatever width you set for the first column). This is handy if you're playing around with column widths for your two-columnar layout because you need only fiddle with just the first column width setting and the second (non width-specified) column will automatically play along. I presume that you could do this vice versa (set the second column width and let the first column width float) but it probably makes more sense to set the first. Haven't tried this lazy technique on a more-than-two-columnar layout but I'm guessing more than one blank column width is equivalent to saying "split these non width-specified columns evenly," e.g., if you have three columns and you set the first to 20% width but don't specify the width for the other two, they'll default to 40% each.
@jamiewp9 ай бұрын
Yes great points - that's the power of flexbox 💪
@JamesGiroux Жыл бұрын
Well done Jamie! Excellent rebuild. 😀
@jamiewp Жыл бұрын
Thanks James
@magicmacify Жыл бұрын
Coming from a WP Pro: Awesome!
@jamiewp Жыл бұрын
Thank you 🙏
@jimnech5066 Жыл бұрын
Great tutorial Jamie, you never disappoint!👍
@jamiewp Жыл бұрын
Thanks for watching Jim
@tryentist Жыл бұрын
Super helpful and fun to follow along. I was using Ollie so some of the little things were different but that was also helpful to learn Ollie.
@jamiewp Жыл бұрын
Great to hear it was useful 👍
@chungliwen Жыл бұрын
Very useful! Thanks so much for sharing.
@jamiewp Жыл бұрын
Thanks Matthew
@RichardWadeUK Жыл бұрын
Great demo Jamie... Just goes to show what you can achieve with WordPress out of the box now. I also think your iteration of Tech Crunch looks cleaner compared to the "real" one (even though that's also made in WordPress)
@jamiewp Жыл бұрын
thanks Richard, 🙏 I should have mentioned that Techcrunch was built in WordPress 🙈
@RichardWadeUK Жыл бұрын
@@jamiewp your version still looks better mate 🤣
@jamiewp Жыл бұрын
🔥@@RichardWadeUK
@JuriBinturong Жыл бұрын
Encouraging
@vertimaron Жыл бұрын
I always learn new things here...
@jamiewp Жыл бұрын
Great to hear
@YOUSAFMOBEEN1Ай бұрын
Thanks for knowledge sharing , If possible, please Brief how to add a feature video in a blog post. Thanks
@visualmodo Жыл бұрын
Very good content! =D
@JoeGator23 Жыл бұрын
Thanks for the video, nice job and tut. Gutenberg is getting better all of the time, but it is the little details that drive me crazy... and the lack of simple controls when needed. I appreciate your video, especially the loop feature. Soon I will give this one a try. Cheers!
@jamiewp Жыл бұрын
Cheers Joe
@domagoswt Жыл бұрын
I love this series!
@jamiewp Жыл бұрын
thank you 🙏
@mauriciobelmar4530 Жыл бұрын
Wow... This was really helpful... Subscribed !!!.. I wonder why I don't have all those useful block styling settings available in my wp 😞
@jamiewp Жыл бұрын
Great to have you as a subscriber Mauricio 👍
@jonbloor8661 Жыл бұрын
Love these Jamie, I've learned so much from these
@jamiewp Жыл бұрын
Thanks Jon, this was a fun one to make, with some challenging stuff and lots of useful learnings (hopefully)
@jonbloor8661 Жыл бұрын
@@jamiewp Yes - it's great how you don't repeat the same things each time - I am using the past videos often as I push on and learn full site editing. I saw someone else replicate a home page and it was a 2 1/4 hour video. A bit long! Away from KZbin, I've had a good go at replicating sites in the same way you do. Not as beautifully, but it's a start!
@davidspot1917 ай бұрын
Thanks for this tutorial. My Question is about the header that was created. It means every individual pages will require that you add the header into them manually and whenever you want to update them, you have to do it manually???
@jamiewp7 ай бұрын
Hi, the header can be created as a template part so it's managed in one place , and updated in one place - check out today's video if still unclear kzbin.info/www/bejne/nqfHZ5uVh9V5gK8si=woGgNAqOp406rfrh
@Wzymedia Жыл бұрын
As a plugin developer, this video now has me looking differently at Gutenberg.
@jamiewp Жыл бұрын
That’s great to hear
@SmallBizGeekUK10 ай бұрын
When you add padding etc, this is being added as a block CSS style, right? Because it’s a global template? I’ve seen other site builders that add way too much inline CSS but I hope this FSE does not do that.
@alessandroperta10 ай бұрын
This was an amazing video, I really didn't like the Site Editor but now I (almost) swear by it. Now that Twenty Twenty Four is out, could you rebuild The Verge ? Asking for a friend 😬
@jamiewp9 ай бұрын
Actually The Verge is on my list 👍
@prakhar_bindal8 ай бұрын
@@jamiewp When can we expect that? :)
@sjf29 Жыл бұрын
I watched this on 2x speed, and you did it in 15mins.
@jamiewp Жыл бұрын
😂
@prakhar_bindal8 ай бұрын
@jamiewp : Loved the video. We have replicated it on our website to the extent you showed in the video. But, can't figure out how to insert the excerpt, which you mentioned doing in the last 2 minutes. Also, how do we replicate the layout throughout the website, like on individual pages and posts? Do we need to repeat the process? Or is there a simple way? Please share pointers. :)
@amineunshakable1295 Жыл бұрын
Jamie Marsland in few words: The Legendary Gutenberg Man
@jamiewp Жыл бұрын
Wow thank you 🙏 😀
@raptorcreate Жыл бұрын
ok i'm impressed. impressive for native gutenberg. so, why use a page builder?
@jamiewp Жыл бұрын
Great question 👍
@omerta3393 Жыл бұрын
Amazing
@jamiewp Жыл бұрын
thanks for watching 🙏
@jamesmarsh4047 Жыл бұрын
Thanks jamie. At 5:40 where do the patterns come from?
@jamiewp Жыл бұрын
Hi James - from the theme (is this case Ollie)
@jamesmarsh4047 Жыл бұрын
@@jamiewp thanks Jamie. The pattern designs from Ollie theme? Just checked the Ollie site
@jamiewp Жыл бұрын
@@jamesmarsh4047 yup 👍
@TheBeeOBee Жыл бұрын
Vivaldi, eh? That's what I use on my non-chromebook / android devices instead of Chrome. I only use Chrome on Chrome-native devices.
@jamiewp Жыл бұрын
cool !
@coderasad Жыл бұрын
Still a long way to go. In terms of fine-tuning and responsive controls. Intrinsic design is no match for proper responsive controls.
@jamiewp Жыл бұрын
Are there any specific mobile controls you need ? Eg css grid controls ?