WordPress Block Themes And Full Site Editing: Explanation for Developers
Vložit
- čas přidán 10. 07. 2024
- Join my full WordPress course learnwebcode.teachable.com/p/...
Let's learn about full site editing and block themes in WordPress!
0:00 Intro
11:30 Creating a Block Theme
31:29 Where Do We Begin?
Follow me for updates on new videos or projects:
Instagram: / javaschiff
Twitter: / learnwebcode
Facebook: / brad-schiff-1542576316...
Twitch: / learnwebcode
Hello brad, i am stuck in an issue, hopefully you will reply, i am unable to access the "Editor" area of wordpress after setting up my theme and it's files, [style.css , index.php , templates/index.html] i see a totally blank screen afte clicking on Editor, any idea how to resolve this issue? and what is this issue? i have tried caching things as well, nothing worked.
Hi, sorry for the slow reply. I was out of town and then got sick. I was able to reproduce that same problem in the newest version of WordPress; to fix it just create an empty "theme.json" file in the root of your theme folder. In the full course we learn how to actually use / fill-out the theme.json file, but in this case, simply having the file at all (even if it's empty) will prevent the empty editor screen issue.
@@LearnWebCode no worries sir. :) thank you so much.
If anyone hasn't already bought his course, what the hell are you waiting for? Go, NOW.
I got it like 3-4 years ago for ~15 bucks on discount, and I can't believe this dude is still updating it, I went through like 3 ages of Wordpress with just one course..... Mr.Schiff sir, you are the man!
If you know html/css/javascript basics and want to start actually learning Wordpress, you start with Brad Schiff and you continue with the Wordpress Codex. That's it. End of.
This along with React being baked into WP is an absolute game changer! Thanks Brad for diving into this and explaining how it works.
I'm so glad you updated your course, thanks so much for your effort! You explain everything so simply again, that I have already now, with this preview, many questions answered.
This is like the best video I have seen so far regarding Block Themes. You manage to make REALLY understandable Explanations and create a fantastic Introduction to this new huge and overwhelming Block Theme Context. Thank you so much for that. ♥
This has been an awesome journey, you taught me so much. This was the second full video series that I followed, both took over a week to get through and to get good. I owe you one!
That's amazing to hear, I'm glad the videos were helpful!
Yo this helped so much and I always appreciate the content and when i found the channel and got the energy from you from the previous video, you've been nothing but real and can vouch for the amazing content and how down to earth you are with everything! All the most love, respect, and appreciation
First of all, I want to thank you! Because of you, I landed a job as WP developer a year back and got a foot inside this IT development industry! Today I work as a React developer in a much bigger company! I have also bought your courses in udemy as a thanks as well! Please continue to create more WP stuff! I am very happy you also teaching us how to work with Full site editing!
Hello! Just a question: do you combine Wordpress and React in your daily workflow? And if so, what is your workflow? Thank you :)
@@thomasleclech2917 you can DM me and we can take it from there 🙂
@@Shuyinz nice! how can I contact you?
Thank goodness you are out here making videos. I've been coding backend stuff C# mostly, for 15 years (and some front-end Angular, etc.) and fully understand a appreciate the need for good architecture. People getting into programming are very much focused on syntax and getting their code to do what they want - that is great and important of course - but that is just step one. The really important aspect of coding (and one that many career codes never master) is appropriate architecture. The code needs to be architected (organized/structured) in a way that makes it easy to understand and maintain. I can see you understand and appreciate that and I appreciate you spreading that perspective. Also there are two good books on this Robert. C Martin series: Clean Code and Clean Architecture - if anyone is interested. You can and should strive to be a good coder, but you aren't really a good coder until you are a good architect. Also you code isn't "done" when it accomplishes the task you need it to; it is "done" when it is properly structured/organized/architected for maintainability - IMO.
Man... this is one of the most helpful tutorials I've seen on the internet.
I've been building WordPress websites and themes since 2003 when WordPress first came out. And today, while I was designing a theme, I opened the 2022 theme and noticed this strange new structure with html files and was trying to crack the code and figure out how it was working. It was all too confusing for me to figure out on my own. Thank you so much for posting this video! 😂🙂😊
I purchased Brad's course on Udemy and it is totally worth it. The most comprehensive course online.
I am brand new to DAW and soft soft - these tutorials are excellent an very helpful to get soone like up and running. Appreciate
This tutorial is gold!
Everything makes sense now....
THIS TUTORIAL REALLY WORKS I AM FROM PHILIPPINES! THIS MAN DESERVES A SUBSCRIPTION!
Yes, Brad you are amazing! I'm just going to check this out :) Have a good day :)
Love your videos, thank you excited for the course!
TNice tutorials might just be the first motivational comnt ive ever seen on a tutorial vid. ga thanks bro
thank you much man, exactly that confusion in lack of php in block themes cleared
Absolutely love it, appreciate the video
Very pleased to have this new update on the Udemy course. You really have given us value, Brad.
Actually works.. Just disable the real time protection in Setting. Wasnt sure that it would work .Awesome bruh..
This is exactly what I was looking for. Even when you create a theme from scratch and the customer will be able to create new blogs and pages, still the index page is kind of static because you have to modify the code of the template file wich might not be doable for most of customers. Sometimes customers want to add text or change the picture of the index or home page. I was trying to work around this with custom fields, but I'm not sure if can be done. This new block theme approach solves all the issues and the whole theme can be fully customizable. Nice job Brad 👍
Thanks! I agree, the homepage non-blog content was always one of the least intuitive things for the client to update.
Thanks a lot for this amazing tutorial!!!
If you haven't signed up for the full class, do so. Learn Web Code is probably the best teacher you've ever had.
You will definitely become the top 1 who makes cracks
A great teacher, thanks!
it worked! thank you so much!!
BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YOU VERY
OMG THANKS SO SO MUCH THIS HELPED!!!
Thanks for your great Ideas
Brad, you are the best.
Your video is amazing and keep up the good work!!!
Thank you!
It is really pleasing that the course I have bought is constantly updating !
Brad, are you planning to cover the woocommerce related specific, could be as separate course ( I suppose there could be lots of hours of material)?
Thanks! I haven't ruled out the possibility of a WooCommerce course, but I am curious to see how WooCommerce handles block themes officially in their default theme. I know when I checked it out a month or so ago they were still using PHP Render Callback Blocks. There's nothing wrong with that; many of my blocks use that approach too, but I'm curious to see how the industry as a whole treats WooCommerce + Block Themes before I map out a course about it.
Can you make a course on creating WooCommerce custom themes from scratch? That would be very helpful.
That's a good idea, and I think there's definitely a big audience for that! My fear with creating a WooCommerce course is that at the moment it still uses plenty of PHP Render Callback blocks. There's nothing wrong with that; I use that approach for many of my blocks as well, but I'm not sure if they'll stay that way for too much longer. Right now I feel like WordPress is changing even more rapidly than usual; and maybe in another year the dust from the move to block themes will settle a bit and then I could make a WooCommerce course that wouldn't potentially be outdated a month or two after filming it.
@@LearnWebCode can you make Full WooCommerce Customization using woocommerce hooks and filters
I would love this too. I would love to better understand WooCommerce. And how to build/style it myself from scratch. You are the best tutor on the web, I love watching your videos and have learnt so much from you Brad. Thank you.
yo bro, really thankya. Big respect
Truly good work!
Brad I'm a big fan of your way of teaching . Can you please do a tutorial about integrating laravel with WordPress and other utility tools like corcel etc
Oooh, Corcel looks pretty cool! I don't have any experience with that sort of thing though. For much simpler situations I'm wondering if just making requests to the WP REST API Endpoints using PHP and json_decode() and json_encode() would work well.
TNice tutorials video is the best tutorial I’ve ever seen about soft soft
well explained - thanks
Hi Brad, my Favy Techer. I love they way you teaches .
Brad Sir, I have a request for a short course on Plugin and theme licensing. After developing themes or plugin how do we inject that licensing system into it. Please I will be very happy if you make this short course☺️
Hi Brad
You're one of the best teachers I've come across.
I've done you're Advanced Wordpress course in Udemy and I'm always recurring to it as a library of knowledge. And it's always with new essential updates - like the new Block and FSE section!
Thanks for that.
One thing I would love to see on the course (or here) is how you would embrace some kind of new projects.
For instance, after seeing the Blocks part and understanding it's potential for several situations, I still love building templates in the PHP/HTML/CSS purist way, more CMS driven - not so many html comments in the DB - and more query optimized.
And I'm a designer, I still love the FSE option.
But for more complex projects what would you recommend? Is it still safe to build in PHP?
I know you give the best different options on the course, but It would be great if you had just one video - which you could update anytime - on your effective approach for some kind of different projects.
It would help so much.
Thanks, once again!
Works well!! DANKEEE
thank u helped me a lot
Worked, thx
Love from Pakistan . your video taught me a lot❤️❤️
Thank you In the setup
Hi Brad, Thanks a lot for the new addition at the course. May Allah bless you. Can I please request a new woo commerce theme development course where we can learn how to develop woocommerece theme by coding. Not by just changing css files as most course do. Thanks in Advance
great explanation 👍
Thanks Brad, the Udemy discount is really great. Instant buy :)
Nice content, bro!
Thanks❤
Thank you for this. I tried to just figure everything out by loading 2022 and reading documentation, but I was left with a lot of the questions you've answered about PHP.
Thanks, glad it was helpful! The funny part is that I don't think my ideas are inline with the official WordPress vision, and I definitely had to make some of my own artistic liberties with the way I view and describe block themes because it's almost as if there's a disconnect between the way a ton of people use WordPress and the way the official documentation team thinks people use it.
Yesterday I bought your WP for Developers course and I like it so much! But I was also expecting a chapter about deployment the local wordpress to production. Do you have any plans on that? Wp-cli would be also awesome too.
Thankyou Sir
Great job!! Could you explain how to get a navbar menu as a component?
Best explanation I've heard on these new themes! I've used the classic themes for a decade but now WOW tricky learning curve. I follow you on the basic but I am totally stumped on how to pull my posts into the block page. I've set up my menu navigation with my blog URL but it shows blank ? Can you explain ? I had selected the template to use (single post) in my post settings and thought that maybe the issue but nope. Thank you in advance 😎
Hi, it was a wonderful course and I am happy that I purchased it. The only problem, I would like to know more about client side customisable headers and footers so that they could change logos and menu items but there would be also involved some custom PHP. how to achieve something like that.
I went to Wordpress, selected a Block Theme, clicked on download, then i did not know what to do next, and that is what I was hoping this video would show
Youre doing well
Don't believe but it really worked
Great stuff! how can I mix static html and blocks inside a template part?
Like if I have a hero section where I only want the user to edit the title and tagline, but not the images? or if I want to have the header navigation editable but not the brand logo.
Hey Brad, I've learned a lot, but I'm stumped using blocks editor... In my footer of my page template, I have a nice list of page headings, all hotlinked to their corresponding pages with content. When a user clicks any of these links in the footer, the corresponding content (page heading AND page content connected to the hotlink) is SUPPOSED to open in the General section of the site, but right now, ONLY the page heading is showing, without page content.... clearly there is a block element or setting that I have missed... any thoughts or advice? Thank you!
33:07 little dig about pushing React on the entire WP community with Gutenberg, i feel you man
waiting for next lesson
I purchased your 40+ Udemy course for WP and kind of had some trouble following here and there, mainly because some things are outdated and it got a bit frustrating. I was wondering do you think you could make a brand new tutorial for WP development course that’s new and up to date, maybe with a whole new theme?
Hi Brad, For creating the Frontend, do you prefer using backend driven templates (e.g. your Node.js course) or a Frontend frameworks.
If it's more of an information based site where SEO and accessibility are the biggest priorities I'm still happy with traditional backend rendered templates. If it's more of an interactive / app experience where instant page changes are more important I use React / client-side rendering. If a project needs both, Next.js is the answer 😂
@@LearnWebCode thanks Brad.
❤️🌹 very very nice 💖 🌹
Mylosp thanks man
Man for real
lol working thanks
Thank you sir ❤🌺🌻🌹🌷
Is this course updated with this part in udemy ? is there anything additional there ?
I have purchased it in udemy.
Thanks for the support! Yes, the Udemy course was updated with a brand new 6 hour chapter about Block Themes and Full Site Editing; this video here is just an excerpt from that full chapter.
@@LearnWebCode Thank you I can saw it before the last section of the course in udemy.
This the by far the best video about code level development on Wordpress latest feature. Compared to other CZcams that just spitting out changeling for Wordpress release blog about the new feature blah blah blah full of sh*t
Hello Brad. I've added a block theme to my project and in theme.json I've set the layout - "contentSize": 800px, but it's not working. During loading it's 800px, but after loading content becomes full. When I removed the index.html file from the templates folder, it started working. This problem only there is in one theme of my current project.
Nice tutorial brother sorry I need to ask you if soft can be installe on Android?
I’m overwheld it’s soooo much
Does it co with the samples?
just got soft soft and I feel like a kid on christmas morning
Don't we need wp_footer() to get the admin bar for this method?
SO link is given below!!!
Is there any way I can download a zip file of the entire code of the website we just created using FSE?
Amazing! Any new course you are bringing or working on?
Thanks! I'm working on a new Netlify / Serverless video just for CZcams.
@@LearnWebCode Brad, will this video be related to the problems we get while deploying the site at your Modern Workflow Course? I completely stopped the course at that moment because my deployment always failing, so can't go ahead with this course. I have added my comment to the course so hope you can help there. :) Thanks once again for all your courses Brad!
@@maximusDMR You're welcome, and thank you! After reading your message I just tried downloading the reference zip files towards the end of the Workflow course when we deploy to Netlify. I was able to push them up to Netlify, and have Netlify run our build task without issue. I did go into our "ClientArea.js" module and changed the Axios.post URL to start with "/.netlify" instead of my specific domain name. Also, when I was creating the new/fresh project in Netlify, I changed the output folder to "docs" and also changed the Cloud Functions folder to "cloud-functions" to match our folder structure. Then Netlify was able to bundle/deploy perfectly on the first try. What error message are you receiving when trying to deploy?
do you've complete tutorial about this course?
I found out why soft softs so different compared to Ableton. It is because there is a default limiter on the master that i didn't know about.
Pls clarify my doubt sir does it have tabla soft????? Pls tell sir
does anyone know where i can get the pirated version of soft soft
of stuff and am trying to learn it so I can make soft as quick as possible. I will buy it. If you’ve made money using soft soft and you
"If you're anything like me, you're absolutely disgusted..." lol. Exactly.
How do you deal with responsive design?
I like Tailwind, Bootstrap or just write my own CSS.
I feel like everyone wants you to make a woocommerce course. Including me
Drop more vids for beginners
Please help to create a soft.
Hello! I found out about you through Udemy’s Web design for beginners course. I’m apply to be an assistant project manager for a web development company. On Fishbowl I was given advice to focus on the basics of HTML & CSS. Would you agree? Would you say this course would be helpful for me?
Every company is different, but in the companies I've worked at, the project managers didn't need much technical knowledge about websites / code / programming at all. They'd work with a developer to come up with an hours/quote for projects, and then it was their job to keep communication between the client / the team open, and just be aware of the birds-eye view of everything going on, and try to predict roadblocks, or if roadblocks do occur, they'd know who to have fix them, etc... so having said that, I don't think you need to learn about WordPress dev (PHP, JS) unless you're interested for other reasons aside from the project manager role.
Studying how to use soft soft is far more important than studying for my exams lmao
I'm so glad everyone's happy. WordPress used to be intuitive, simple and attractive. Now you have this mess. I had a perfectly good site and I have no idea what php is.
I wonder what is the ratio of WordPress users: developers v self publishers. WordPress used to be a simple way for end users to construct a site/blog. I learnt to use old WordPress in about 5 minutes. After hours of struggling with pointless " blocks", all I have is a horrible mess. I'm entirely happy with the old editor. When the WordPress mafia stop that working (as dictatorial technophobes always do), I'm gone.
That's because you are a Technically Challenged and You want the base KISS experience. For anyone else looking to customize beyond the basic this is godsend. If you cannot wrap your head around the more complex technologies, just avoid them and stick to what you know.
@@brianfarley2723 WordPress originally claimed that simplicity was its entire purpose. It was billed as THE route to the net for the technically ignorant. That is why, when the new editor was announced, there was a huge online resistance to it with more than 90% of user comments opposing it. But they were ignored of course. There are many alternative opportunities out there for the technically literate. Many people with lives to lead want a tool, not a hobby or a job.
I don't understand - how do you open a folder in a text editor?!? I see your text editor just magically appears! What did you do there?
You can drag a folder icon from you computer's file explorer and drop it on top of an open VS Code window. Or you can use VS Code's File -> Open Folder option.
Hello,
and what else ? i was very happy when i start this video but , i steels have an issue. perhaps the end soon ?
thank for that.
best regards
playing around with it and never knew certain tNice tutorialngs. I thought you could only use it with a midi keyboard.
+sub
what is the point in making tNice tutorialngs on the channel rack when you have a soft roll?