Тёмный

WordPress Block Themes And Full Site Editing: Explanation for Developers 

LearnWebCode
Подписаться 342 тыс.
Просмотров 98 тыс.
50% 1

Опубликовано:

 

2 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 167   
@syedwasiqbukhari
@syedwasiqbukhari Год назад
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.
@LearnWebCode
@LearnWebCode Год назад
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.
@syedwasiqbukhari
@syedwasiqbukhari Год назад
@@LearnWebCode no worries sir. :) thank you so much.
@o_fanatico1421
@o_fanatico1421 2 года назад
TNice tutorials might just be the first motivational comnt ive ever seen on a tutorial vid. ga thanks bro
@Hypergaming-dr5sc
@Hypergaming-dr5sc 2 года назад
I am brand new to DAW and soft soft - these tutorials are excellent an very helpful to get soone like up and running. Appreciate
@mostafizurrahman5648
@mostafizurrahman5648 2 года назад
Can you make a course on creating WooCommerce custom themes from scratch? That would be very helpful.
@LearnWebCode
@LearnWebCode 2 года назад
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.
@rohitkhadgi2673
@rohitkhadgi2673 2 года назад
@@LearnWebCode can you make Full WooCommerce Customization using woocommerce hooks and filters
@dangoldsmith3039
@dangoldsmith3039 2 года назад
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.
@troyjoyner7217
@troyjoyner7217 2 года назад
You will definitely become the top 1 who makes cracks
@Shuyinz
@Shuyinz 2 года назад
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!
@thomasleclech2917
@thomasleclech2917 2 года назад
Hello! Just a question: do you combine Wordpress and React in your daily workflow? And if so, what is your workflow? Thank you :)
@Shuyinz
@Shuyinz 2 года назад
@@thomasleclech2917 you can DM me and we can take it from there 🙂
@thomasleclech2917
@thomasleclech2917 2 года назад
@@Shuyinz nice! how can I contact you?
@Photo-Ninja
@Photo-Ninja 2 года назад
Yes, Brad you are amazing! I'm just going to check this out :) Have a good day :)
@TheMarouuu
@TheMarouuu 2 года назад
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.
@RajibAhmad
@RajibAhmad 2 года назад
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
@abenjamin13
@abenjamin13 2 года назад
Absolutely love it, appreciate the video
@AtacamaHumanoid
@AtacamaHumanoid 2 года назад
Brad, you are the best.
@jugibur2117
@jugibur2117 2 года назад
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.
@ahadbusinessgroup7367
@ahadbusinessgroup7367 2 года назад
Thanks for your great Ideas
@AdnanKhan-ok5oe
@AdnanKhan-ok5oe 2 года назад
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
@LearnWebCode
@LearnWebCode 2 года назад
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.
@RobertHyrkiel
@RobertHyrkiel 2 года назад
This along with React being baked into WP is an absolute game changer! Thanks Brad for diving into this and explaining how it works.
@gary6212
@gary6212 Год назад
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.
@monkeysgone2heaven1
@monkeysgone2heaven1 11 месяцев назад
well explained - thanks
@cubicinfinity2
@cubicinfinity2 2 года назад
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.
@LearnWebCode
@LearnWebCode 2 года назад
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.
@chasingaimie
@chasingaimie Год назад
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 😎
@SavannahHardware-w7d
@SavannahHardware-w7d Год назад
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
@aplacefortc
@aplacefortc 2 года назад
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! 😂🙂😊
@JaKaDzU
@JaKaDzU 2 года назад
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)?
@LearnWebCode
@LearnWebCode 2 года назад
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.
@AliJPC
@AliJPC Год назад
great explanation 👍
@merulapiz7515
@merulapiz7515 2 года назад
Nice tutorial brother sorry I need to ask you if soft can be installe on Android?
@Peter-ue4iz
@Peter-ue4iz 2 года назад
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?
@LearnWebCode
@LearnWebCode 2 года назад
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.
@daffagaming1239
@daffagaming1239 2 года назад
Worked, thx
@mrsilvadecals
@mrsilvadecals 2 года назад
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 👍
@LearnWebCode
@LearnWebCode 2 года назад
Thanks! I agree, the homepage non-blog content was always one of the least intuitive things for the client to update.
@jake221
@jake221 2 года назад
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?
@youtubeplusofficial
@youtubeplusofficial 2 года назад
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
@EdwardZaii
@EdwardZaii 2 года назад
This the by far the best video about code level development on Wordpress latest feature. Compared to other RU-vid that just spitting out changeling for Wordpress release blog about the new feature blah blah blah full of sh*t
@magnumcmf
@magnumcmf 2 года назад
Great job!! Could you explain how to get a navbar menu as a component?
@pakoweb3655
@pakoweb3655 2 года назад
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
@kangefulofficial5878
@kangefulofficial5878 2 года назад
showed, how do I fix tNice tutorials? I followed exactly what you did.
@3dstudio__
@3dstudio__ 2 года назад
Youre doing well
@sergey.gabrielyan1998
@sergey.gabrielyan1998 5 месяцев назад
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.
@pratikshamangrulkar70
@pratikshamangrulkar70 11 месяцев назад
Is there any way I can download a zip file of the entire code of the website we just created using FSE?
@chill_edits1924
@chill_edits1924 2 года назад
playing around with it and never knew certain tNice tutorialngs. I thought you could only use it with a midi keyboard.
@Shawn-Mosher
@Shawn-Mosher Год назад
How do you deal with responsive design?
@LearnWebCode
@LearnWebCode Год назад
I like Tailwind, Bootstrap or just write my own CSS.
@jayavelanb4248
@jayavelanb4248 2 года назад
WORKED WITHOUT KEYGEN. Unbelievable! ahahah
@محمدعبدالله-ز3ر4و
@محمدعبدالله-ز3ر4و 6 месяцев назад
the problem most course is theme developement plugins not much one small section also you are not follow the course and answer people questions many questions of people no one answer it + i am still not complete the course but i think rest api not included
@oh-digital
@oh-digital 10 месяцев назад
33:07 little dig about pushing React on the entire WP community with Gutenberg, i feel you man
@tugumisiirizealbert3232
@tugumisiirizealbert3232 2 года назад
The GMS setup does not soft anytNice tutorialng like the video does it lasts a lot longer and is a gritty soft and the soft coming from softex lasts
@vickylondon1543
@vickylondon1543 2 года назад
Pls clarify my doubt sir does it have tabla soft????? Pls tell sir
@rayseven5859
@rayseven5859 2 года назад
complinted tNice tutorials guys voice (that I like as well).
@nowhere7037
@nowhere7037 2 года назад
what is the point in making tNice tutorialngs on the channel rack when you have a soft roll?
@BobLucore
@BobLucore 2 года назад
Very pleased to have this new update on the Udemy course. You really have given us value, Brad.
@osiellima7764
@osiellima7764 2 года назад
What do I do if I accidentally clicked x and there is just a fruit on the screen
@mhraihan7422
@mhraihan7422 11 месяцев назад
do you've complete tutorial about this course?
@sasikumarragav5899
@sasikumarragav5899 2 года назад
just got soft soft and I feel like a kid on christmas morning
@pralaygaikwad2553
@pralaygaikwad2553 2 года назад
I’m overwheld it’s soooo much
@dharmendrasharma9317
@dharmendrasharma9317 Год назад
❤️🌹 very very nice 💖 🌹
@jaydudhatra7129
@jaydudhatra7129 2 года назад
yo bro, really thankya. Big respect
@cholo2605
@cholo2605 8 месяцев назад
Thanks a lot for this amazing tutorial!!!
@kunduz2652
@kunduz2652 Год назад
you add theme.json because not worked
@ginovaffanculo2527
@ginovaffanculo2527 Год назад
Ohhhhhhhhhhhhhhhhhhhhhhhh Come on I just bought Elementor Pro 1000 websites fpr 999.00$us NOW THIS comes out - no more pages to build WOW epic Edit Header/Footer wow
@MrJfergs
@MrJfergs Год назад
Honestly full site editing isn't there yet. I tried it and it leaves a lot to be desired. I think page builders like elementor or oxygen still over a lot of value. But personally I think WordPress just needs to be left in the past. It's just not a very good cms compared to all the options out there.
@jamesauble8091
@jamesauble8091 2 года назад
"If you're anything like me, you're absolutely disgusted..." lol. Exactly.
@puturro
@puturro Год назад
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.
@ampm333
@ampm333 Год назад
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!
@dogscatslovers9664
@dogscatslovers9664 2 года назад
Don't believe but it really worked
@andreacruz6769
@andreacruz6769 2 года назад
OMG THANKS SO SO MUCH THIS HELPED!!!
@emerjohnmercado239
@emerjohnmercado239 2 года назад
OMG THANKS SO SO MUCH THIS HELPED!!!
@gbadeyankashaban7462
@gbadeyankashaban7462 2 года назад
Actually works.. Just disable the real time protection in Setting. Wasnt sure that it would work .Awesome bruh..
@مسوقالخليج
@مسوقالخليج 2 года назад
Please help to create a soft.
@thecollector7403
@thecollector7403 2 года назад
BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YOU VERY
@shonchaitanya4917
@shonchaitanya4917 2 года назад
je suis un francais les gars car il y a la traduction en francais ceux qui sont francais mais qui ne comprend un tout petit peut la langue
@sheraz_razzaq
@sheraz_razzaq 2 года назад
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☺️
@asifsarkar505
@asifsarkar505 2 года назад
better, but is also more professional
@NeoCoding
@NeoCoding Год назад
thank you much man, exactly that confusion in lack of php in block themes cleared
@TrondHus
@TrondHus 2 года назад
If you haven't signed up for the full class, do so. Learn Web Code is probably the best teacher you've ever had.
@DrWebDev
@DrWebDev 2 года назад
Amazing! Any new course you are bringing or working on?
@LearnWebCode
@LearnWebCode 2 года назад
Thanks! I'm working on a new Netlify / Serverless video just for RU-vid.
@Photo-Ninja
@Photo-Ninja 2 года назад
@@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!
@LearnWebCode
@LearnWebCode 2 года назад
@@Photo-Ninja 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?
@sinaan2181
@sinaan2181 2 года назад
Thank you sir ❤🌺🌻🌹🌷 Is this course updated with this part in udemy ? is there anything additional there ? I have purchased it in udemy.
@LearnWebCode
@LearnWebCode 2 года назад
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.
@sinaan2181
@sinaan2181 2 года назад
@@LearnWebCode Thank you I can saw it before the last section of the course in udemy.
@jagadeeshkumar2091
@jagadeeshkumar2091 2 года назад
Hi Brad, For creating the Frontend, do you prefer using backend driven templates (e.g. your Node.js course) or a Frontend frameworks.
@LearnWebCode
@LearnWebCode 2 года назад
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 😂
@jagadeeshkumar2091
@jagadeeshkumar2091 2 года назад
@@LearnWebCode thanks Brad.
@jhony4113
@jhony4113 2 года назад
Drop more vids for beginners
@dilinirajapaksha
@dilinirajapaksha 2 года назад
This tutorial is gold! Everything makes sense now....
@flamboyantchess
@flamboyantchess 2 года назад
I feel like everyone wants you to make a woocommerce course. Including me
@muhammadmusaibkhilji2206
@muhammadmusaibkhilji2206 2 года назад
Works well!! DANKEEE
@ינוןאלבז-כ1ז
@ינוןאלבז-כ1ז 2 года назад
The truth is that I'm already starting to feel uncomfortable, the content you provide us for this course is far beyond the price I paid for it
@deja_vuu
@deja_vuu Год назад
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. ♥
@mcsfsfv
@mcsfsfv 2 года назад
SO link is given below!!!
@BionicleBoss
@BionicleBoss 2 года назад
THIS TUTORIAL REALLY WORKS I AM FROM PHILIPPINES! THIS MAN DESERVES A SUBSCRIPTION!
@davisvilums
@davisvilums 2 года назад
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.
@sindhukirubakaran3129
@sindhukirubakaran3129 2 года назад
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.
@hammad0
@hammad0 2 года назад
Does it co with the samples?
@jessicastevens6102
@jessicastevens6102 6 месяцев назад
Why does "ipsum" change to "****" on your machine? I keep getting distracted by that, haha.
@LearnWebCode
@LearnWebCode 6 месяцев назад
Haha, I don't know why that cracks me up so much. Earlier in the full course we wrote a simple plugin together that filters body content for "ipsum" and replaces it with the asterisks, just as an example of how to work with filters & hooks etc...
@djurdjabarjaktarevic3707
@djurdjabarjaktarevic3707 2 года назад
Thank you In the setup
@VincentDYu
@VincentDYu 2 года назад
I purchased Brad's course on Udemy and it is totally worth it. The most comprehensive course online.
@ankushtare6055
@ankushtare6055 2 года назад
lol working thanks
@mukeshravi6803
@mukeshravi6803 2 года назад
Mylosp thanks man
@prachinmusic6513
@prachinmusic6513 2 года назад
thank u helped me a lot
@mdapon7310
@mdapon7310 2 года назад
Mlk, se pá que o canal foi hackeado
@WABCodeLab
@WABCodeLab 2 года назад
does anyone know where i can get the pirated version of soft soft
@AdnanKhan-ok5oe
@AdnanKhan-ok5oe 2 года назад
Love from Pakistan . your video taught me a lot❤️❤️
@franceanegalicia4224
@franceanegalicia4224 2 года назад
Man for real
@talhamikaaiyl5483
@talhamikaaiyl5483 2 года назад
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!
@LearnWebCode
@LearnWebCode 2 года назад
That's amazing to hear, I'm glad the videos were helpful!
@gashumba888
@gashumba888 Год назад
Wouldn't it be better to redo the course anew now that a lot of how to build a theme in WordPress has changed? The template parts are now primarily using HTML and not PHP, for example.
@LearnWebCode
@LearnWebCode Год назад
Great question; and the good news is that the full course on Udemy has received massive updates in both 2021 and 2022 to include creating your own block types, and more importantly, creating your own block themes (and full site editing). In the course, we first learn how to build a traditional PHP theme, and then in a later chapter we learn how to build that same theme but using the modern HTML + JS (block / FSE) approach. Having said all of that; I think it's still valuable to understand PHP basics because if you want your blocks to be truly dynamic they need a PHP backend - otherwise there's no way to retroactively update 100+ posts that use a certain block type if you want to update it once and have it affect all posts, etc... In the course I show my hybrid approach of Block FSE themes that also use the PHP callback approach.
@gashumba888
@gashumba888 Год назад
@@LearnWebCode I'll check it out after I complete this Udemy web developer bootcamp.
@emnaallani5465
@emnaallani5465 2 года назад
Studying how to use soft soft is far more important than studying for my exams lmao
@cristianpw
@cristianpw 2 года назад
Thanks Brad, the Udemy discount is really great. Instant buy :)
@pypypy4228
@pypypy4228 2 года назад
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.
@mathewi2761
@mathewi2761 2 года назад
Another new feature in wp, I'm still not sure about guttenberg
@kunduz2652
@kunduz2652 Год назад
not working now
Далее
WordPress Full Site Editing But For Developers
19:22
Просмотров 25 тыс.
Why Beautiful Websites Don’t Convert
12:57
Просмотров 160 тыс.
Build anything with v0 (3D games, interactive apps)
9:05
I tried every website builder. This is the BEST
19:31
Просмотров 123 тыс.
Upgrade Your AI Using Web Search - The Ollama Course
8:12
I redesigned YOUR websites
20:44
Просмотров 26 тыс.
How I Coded An Entire Website Using ChatGPT
18:22
Просмотров 1,9 млн
I tried every FREE website builder. This is the best
7:58