Video

Hello 👋

That's why NVM is so important with this method of working. The error encountered was intentional because I know this is a common pain point for many developers. I even have legacy projects that are incompatible with Node.js 16 or higher, so I heavily rely on NVM not even related to WordPress :)

Thanks you so much, your feedback means a lot 🙏

Yeah, I could probably update this video, things are moving so quickly with core but hopefully the fundamentals still come across 🤞

​@@elliottrichmondwpdon't update this video, I still like it, and you do a great job at explaining. I need you to make more WordPress videos!!! 😊😊

Kind words, thank you 🙏

Whichever way things change, and they will change, it’s always good to keep up with the times. There will be frustrations along the way for sure. Since I’ve started exploring the block themes, having hated blocks for a long time myself, I’m starting to see how this may be a game changer. I’ve already started shifting away from the page builders and was so keen to find out how the new block themes work. As a dev, I think it’s always good to familiarise with the architecture behind whatever stack you’re building on. I’ve followed a couple channels now and have to say thank you for shading light to this topic. My goal is to eliminate the use of third party plugins as much as possible and develop themes that I truly understand and have control of.

Hey, thanks for reaching out, you can find the script in one of my gists on github, you will need to change some of the parameters to match your local setup but hopefully this should help get you started: gist.github.com/eirichmond/10cf1861e38d56d83df9d5c895c08769

You're welcome! Glad it was helpful :)

Thank you 🙏

Thank you 🙏

Haha! Love your comment, thank you so much 👍

Glad you enjoyed it! Thank you so much 🙏

Most welcome

Thanks for the advice, I did have eq & compression on post production but I don't think I had the balance right so as always, still learning :)

Absolutely, my suggestion would be: if you have a low-functionality, low-traffic personal site, why not convert it to a block theme to see how you get on? Choose something that you won't get too hung up on, just to dip your toe in. That's what I did. Anything more complex will require adding custom code, so try to keep it simple to start with. Don't stress yourself with a fully functional client site build until you are completely comfortable with FSE. Hope that helps 👍

​@@elliottrichmondwpthanks for the answer! My problem with block themes is that I haven't found a good guide or starter template for custom development. Like if you look at classic theme files, you can see the logic behind it. But with block themes, the code and the project structure is so unintuitive that I don't even know where to start, not saying about making styles consistent, scaling the project etc. I have tried making custom blocks with React, but it looks like an overhead comparing to classic theme, unless you want to make a reusable theme or plugin for sale. My next stop will be Acf blocks, as there have been some good reviews about this workflow, hopefully it works out😅

Thank you 🙏

You can use Easy Digital Downloads with the Software Licensing add on, that will do what you need 👍 Unfortuently because it's a licenced addon I don't think I can create a video on that specifically topic but for EDD for sure I can.

Yeah sure, in the Site Editor, you can go to Global Styles > Typography > Links then set the Decoration to None, this will set all the link decorations for the whole site though, if you want to target a specific block you'll need to use something like wp_enqueue_block_style on the action "after_setup_theme" or something similar.

Can you add some context, not ready for what?

You can’t inject a php script at top of a .html template 😬 that makes it more secure in my opinion, granted you probably can in a pattern file but as a developer you make that choice to use .php or not 🤓

@@elliottrichmondwp Those HTML files are included into PHP and rendered back out. Are you convinced that PHP inside couldn't be injected? Don't rely on a file extension for security!

But even if we accepted your argument, that hasn't improved anything other then the bad actor injects somewhere else. If they can access the theme, its almost certain they can inject anywhere else. If anything injecting into the theme is harder then a plugin. I'm pro our block future, I like the fact theme developers are not going to have to learn PHP. That would have been the big security win from my perspective , taking function away from design meaning a designer doesn't have to be a PHP developer, learn a load of code and introduce security issues via copy and paste.

I would disagree but I’m not saying core is more secure, I’m saying the Block Theme is, wouldn’t you agree?

​@@elliottrichmondwp What you actually said was Block theme is mostly made of HTML meaning there is less processing on the server thus improving security. Block themes are mostly made up of HTML ✅ - Totally and this is fantastic thank you for highlighting this, I actually think people don't realise blocks (and block themes) render down to HTML. Meaning there is less processing ❌ - It's a different type of processing, but that HTML in a block theme html file is processed just like the old PHP files were and acted on, and attacks are still possible within them, the browser doesn't load the files in your theme, WordPress does. thus improving security ❌ - Other aspects do but the reduced processing statement is wrong and thus doesn't improve security Are block themes more secure? 🤷sort off! The best thing about block themes from a security point of view are they are simple, they are single purpose, they have separated concerns. They will make things better, and a site using blocks themes will have a better security posture going forward. - Stopping theme devs being well devs is a huge win! - Getting stuff out of functions.php brilliant - Getting code out of themes (Which I think was your intended point) is good, themes should just do design (non block themes can do this, but block themes make this a feature, not something you have to fight to acheieve) So if you *had* said block themes are more secure I would have been onboard.

Well that’s 1, how about the other 19 🤔😂 If you’re expecting user to switch JS off then you probably should stick to traditional print media rather than having a website 😬

Blocks on the front end render to HTML, so the bots see the HTML just like your non-block theme. Only if the theme is meant to have some sort of Javascript functionality would it render with Javascript. If anything compared to a lot of other "page builders" blocks are generally doing a better job of mininimizing Javascript on the front end. Now the admin experience you might have a point, but then with the classic editor you still had JS in the editing page.

@@elliottrichmondwp I don't care about traditional print media, but I do care about SEO and Google rankings. Any SPA will be faster than a website on blocking WP, but in order for it to be properly indexed, you will have to do double work with SSR... sooo

​@@Black1991Star I sense there's a possibility for us to veer off the main topic. Originally, my video aimed to explore the nuances between Classic and Block Theme Development, highlighting their respective benefits. However, for the sake of fostering engagement, could you elaborate on your assertion regarding the SEO indexing of a WordPress site utilising a Block Theme? I've been a WordPress user for quite some time, and I can't recall encountering such an issue unless I've consciously configured specific authentication protocols or implemented blockers in my robots.txt file. Clearly a single page application is always going to be easier to fully crawl over a framework that has a large amount of content, you use the tools for the purpose of the goals :)

For example, I still don't know how to make responsivity for blocks for different break points...

You're welcome!

No worries!

Thank you for the feedback and glad you liked it :)

Ideally this is for UNIX-like environment (OS X, Linux, FreeBSD, Cygwin); there is currently limited support in Windows environment

I wouldn’t deactivate ACF at all, core doesn’t have a great UI or UX for this just yet and I’m sure ACF will exploit this new functionality over their next updates

Great to hear!

There is a package you can dyamically import for routing developer.wordpress.org/block-editor/reference-guides/packages/packages-interactivity-router/ its already being used in the Query Loop block. You can also see an example of this in core query block's view.js file github.com/WordPress/gutenberg/blob/trunk/packages/block-library/src/query/view.js

Yes bro.The code syntax of Laravel and Vue.js❤❤❤

Thank you 🙏

Thanks Jamie 😀

Thank you 🙏

I have a very similar feeling

Appreciate it!

Thank you so much 🙏

@@elliottrichmondwp you're very welcome! One question, since you mention that you attented a workshop with one of the project leads. Was there any discussion about how to do the backend represenation of frontend interactive blocks? Just placeholders? I'm wondering because that runs counter to the "visual" editing idea in Gutenberg, doesn't it? But it's probably impossible to rebuild more complex inter-block-interactivity in react in the editor without a similar API. It would also mean duplicating a lot of code. So I'm wondering if there was a favored approach or if that issue wasn't even on their minds.

Oh sorry, I meant to add that to the description, check again in 5 mins

Hmm, thats really odd, having used this functionality for a while and just testing your steps, I can't seem to replicate it, I would suggest perhaps switching your theme or perhaps disabling plugins and running some tests just to rule out if there is a possible conflict.

Yeah for sure, now the engineers have done the binding I’m sure there’s more on the horizon 👍

Thanks, will do!

Hi @arkoleon, I use Valet to serve my local sites.

@@elliottrichmondwp Hi Elliot, thanks for the tutorial. Hw would I find the folder if I am using XAMPP?

The folder that serves all your accounts should reside in /xampp/htdocs/ but you will to ensure you have WP-CLI installed locally, if you haven't done that yet please see my other video on getting setup for modern WordPress development czcams.com/video/v_Or9qtzKdE/video.html

@@elliottrichmondwp thank you Elliot! Indeed I visited that video and followed the instalation process, however when I stated following you on this video I got stuck because my installation process didnt automatically create a wp-config.php file...I tried creating it from the -sample but I am failing somewhere... now when I input wp core --info it says the site is not installed, and when following instructions to install it asks for url title and admin parameters

And I tell you what, thats what happens when you "watch" a tutorial and get distracted. Took a break, then came back to watch the video from the beginning and everything is working smooth. Thanks Elliot, amazing tutorials the three from installing wpcli, installing wp and creating your own block theme for wordpress.

My pleasure!