Пікірлер

• 
  @raisingbarssince1978Күн бұрын

  Fantastic video and love the music!

• 
  @HullioGQ3 күн бұрын

  "wp db create" - when did you create a database file named wpcli? I got lost there - minute 14.

• 
  @nicbug48619 күн бұрын

  Finally someone shows off how do build blocks in Gutenberg with negative margins across all devices !

• 
  @visualmodo9 күн бұрын

  Really good video!!!

• 
  @elliottrichmondwp8 күн бұрын

  Thank you

• 
  @WasifAhmed919 күн бұрын

  Amazing video. You explained many things nicely. One question, what about responsiveness, it's getting weird on tablet and mobile.

• 
  @elliottrichmondwp6 күн бұрын

  Thank you for the feedback 🙏 If you have followed the video accurately and used the Columns block, there is a setting to toggle "Stack on mobile." This should resolve any odd layout issues. If you are using the Gallery block on the right, unfortunately, there isn't currently any support for responsiveness. That said, rather than using a Gallery, I guess you could use another nested Columns block and then ensure the settings area is also toggled to "Stack on mobile" - that's not something I've tested for, though.

• 
  @WasifAhmed916 күн бұрын

  @@elliottrichmondwp thank you so much for comprehensive reply. I take care of this strategy. Also, please make a video on creating a transparent header pattern. Thanks

• 
  @tylermagic11 күн бұрын

  Hey mate, loving the videos. WordPress was my bread and butter before React became popular so 'modern WP development' is really interesting to me and you do a fine job of explaining everything! Youve definitely inspired me to dip my toes back in. Also your workflow is very professional, nicely done 👌

• 
  @elliottrichmondwp11 күн бұрын

  Thank you, I appreciate the feedback 🙏

• 
  @geofflayland156612 күн бұрын

  Very helpful for a non WP geek

• 
  @elliottrichmondwp12 күн бұрын

  Thanks Geoff, I appreciate the comment 🙏

• 
  @cholo260513 күн бұрын

  Thanks🤩

• 
  @elliottrichmondwp13 күн бұрын

  You’re welcome 😇

• 
  @SHISHIRLIKESIT13 күн бұрын

  Thank you for the quick and informative tutorial! The pacing was excellent. I'm really excited about the interactivity API. I've been using Vue JS for the front end by integrating my PHP templates. However, the main challenge is utilizing blocks within WordPress to achieve the desired interactivity. The implementation in the Query Block is impressive: a. You can use other blocks to style and adjust the layout. b. It allows you to create interactivity without coding, provided the right blocks are available. I would love to see an example that demonstrates building with multiple blocks and styling using existing blocks. For instance, creating functionality with input building blocks would be very helpful.

• 
  @elliottrichmondwp13 күн бұрын

  Thanks 🙏 for your kind words, it means a lot. I’m interested in your last comment, can you provide more context? I’d love to create a video based on specific requests 😇

• 
  @mithridates013 күн бұрын

  Great tutorial ❤ thank you

• 
  @elliottrichmondwp13 күн бұрын

  You’re welcome 😇

• 
  @vosyasabesquien13 күн бұрын

  is there a way to specify different margin values between mobile and desktop? ex. 0 margin top for mobile and -a negative value for desktop.

• 
  @elliottrichmondwp13 күн бұрын

  At the moment, there is nothing in the block or site editor UI to do that, but you can use the wp_enqueue_block_style on the init action hook to load specific CSS files for specific core blocks. You can then technically add your own media queries to those, but you should be aware that those media queries will be applied whenever those core blocks are used. It’s probably better to add your own CSS classes where you want them and then create your own CSS and media queries. I might create a video on that, but it will be more developer-centric. Would that be useful to you?

• 
  @vosyasabesquien13 күн бұрын

  @@elliottrichmondwp yeah, as a developer myself i know its easy to add media queries via css. but from the perspective of a content editor person, there should be a way to enter different values for mobile and desktop from the editor sidebar, without the need of write any css styles or specify a css class.

• 
  @elliottrichmondwp13 күн бұрын

  @@vosyasabesquienyup, I hear ya!

• 
  @wpmarkuk13 күн бұрын

  Useful in certain contexts for sure, but still not fully useful without responsive controls in my opinion.

• 
  @elliottrichmondwp13 күн бұрын

  Well, you could say that about the majority of blocks, but remember, this is a global setting for any blocks placed in the block or site editor that support a margin setting. For what it’s worth, I personally think the core team has done a solid job of making core blocks responsive. It’s very possible for a user to create a very credible responsive site purely in the editor. Of course, as a developer, there are multiple ways to get around the limitations of responsiveness that the editor doesn’t cover. That said, you do have a point. I wonder if responsive settings will ever come to the editor. It could start to become very opinionated when it comes to widths, sizes of devices, and what settings should be enabled, in my opinion.

• 
  @Black1991Star13 күн бұрын

  Lots of empty tags that are only needed for styling... too bad . Every empty tag that your user downloads for no good brings global warming

• 
  @Jack_Warner13 күн бұрын

  Very good. Thanks Elliot, I will give these a try when I update.

• 
  @elliottrichmondwp13 күн бұрын

  Have fun! 🤩

• 
  @uuu688219 күн бұрын

  Hello

• 
  @elliottrichmondwp19 күн бұрын

  Hello 👋

• 
  @timnashcouk19 күн бұрын

  Great tutorial, I would really have liked to see the WP CLI Scaffold block getting some love rather then deprecation, watching you a very experienced JS dev struggle to get the environment to just work out of the box shows how intimidating it must be for a lot of old PHP devs out there. But once you get going, its easy to see why folks are enjoying block building.

• 
  @elliottrichmondwp19 күн бұрын

  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 :)

• 
  @ian-tumulak24 күн бұрын

  Superb content. In a span of 15 minutes, you explain the basic concept of Interactivity API.

• 
  @elliottrichmondwp24 күн бұрын

  Thanks you so much, your feedback means a lot 🙏

• 
  @joycejeyaratnam43329 күн бұрын

  This is one of the best videos on WordPress theme dev across KZread. You make it look so easy. There were a couple of places where I had to stall because even though your video is only 5 months old, WordPress had already made changes to how the site editor looks, but overall, I'm so glad that you showed me how uncomplicated it is. Thank you 😊

• 
  @elliottrichmondwp29 күн бұрын

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

• 
  @joycejeyaratnam43329 күн бұрын

  ​@@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!!! 😊😊

• 
  @elliottrichmondwp29 күн бұрын

  Kind words, thank you 🙏

• 
  @Matt-mu6wt25 күн бұрын

  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.

• 
  @aztecs8879Ай бұрын

  Great video loved the content; I did find the music a bit loud and irritating at times as it broke my concentration. but thanks anyway.

• 
  @elliottrichmondwp13 күн бұрын

  Noted! Thanks for the feedback :)

• 
  @UCcdTp7XpCkVLkaRCsDcifFgАй бұрын

  great explanation, next wothout music

• 
  @elliottrichmondwp13 күн бұрын

  Noted! Thanks for the feedback :)

• 
  @tinny77Ай бұрын

  Thanks for your fantastic content. Could you share the two sh scripts you used at the beginning?

• 
  @elliottrichmondwpАй бұрын

  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

• 
  @kausalyakalyanasundaram6122Ай бұрын

  Please ….your videos are very good. Thank you. Please upload basic MORE tutorials like these

• 
  @elliottrichmondwp13 күн бұрын

  Thank you, keep an eye out for the next one due to drop today, its all about negative margins 👍

• 
  @kausalyakalyanasundaram6122Ай бұрын

  Very nice. Exactly what I was looking for. Thank you.

• 
  @elliottrichmondwpАй бұрын

  You're welcome! Glad it was helpful :)

• 
  @cdaveeeezАй бұрын

  Great video! You're very easy to listen to and learn from, please make more WP videos

• 
  @elliottrichmondwpАй бұрын

  Thank you 🙏

• 
  @pkg2885Ай бұрын

  Thank you for your tutorial. You help me see the possibility of working with Block themes. You are now having me as the follower ^_^

• 
  @elliottrichmondwpАй бұрын

  Thank you 🙏

• 
  @nishanmazumder64032 ай бұрын

  I got everything in 47 minutes

• 
  @DamDominiciMusic2 ай бұрын

  I hit the suscribe button when you said you composed the music! Fellos musician and developer here. Thank you for making this incredible video 🙏 Music stood out from the first second I love it so much, would be perfect for a bank heist type of movie too, lol!

• 
  @elliottrichmondwp2 ай бұрын

  Haha! Love your comment, thank you so much 👍

• 
  @calebmatteis91552 ай бұрын

  This was an awesome video. It was an efficient and uncompromising tutorial. Great stuff!!!!

• 
  @elliottrichmondwp2 ай бұрын

  Glad you enjoyed it! Thank you so much 🙏

• 
  @TheBeeOBee2 ай бұрын

  I wish the new way to add fonts didn't add it to your uploads folder and still stuck it in your assets folder.

• 
  @elliottrichmondwp6 күн бұрын

  I believe if you use the Create Block Theme plugin it does exactly that no?

• 
  @mattsterp7482 ай бұрын

  Thank you!

• 
  @elliottrichmondwp2 ай бұрын

  Most welcome

• 
  @binaryfire2 ай бұрын

  Great video mate. One suggestion re: sound - the music is a lot louder than the voice which makes it a bit hard to listen to. Using a compressor plugin on the audio track in your video editor would improve that a lot.

• 
  @elliottrichmondwp2 ай бұрын

  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 :)

• 
  @olga_lc2 ай бұрын

  Hi! What about websites with complex layouts, a lot of custom css and javascript, external libraries etc.? Do people make them with blocks and fse? I am pretty new to Wordpress and currently use classic theme with ACF for that type of projects. Is it worth to explore block theme in this case?

• 
  @elliottrichmondwp2 ай бұрын

  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 👍

• 
  @olga_lc2 ай бұрын

  ​@@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😅

• 
  @aogunnaike2 ай бұрын

  i'm a wordpress dev and i love your contents, you got a new follower buddy

• 
  @visualmodo3 ай бұрын

  Really good video, thanks!

• 
  @elliottrichmondwp2 ай бұрын

  Thank you 🙏

• 
  @AshishBanerjee3 ай бұрын

  How can we implement license check functionality (check whether the user has genuinely purchased the theme) and update notification feature (notify users a new theme update is available) ? Kindly make a video on this topic as well

• 
  @elliottrichmondwp2 ай бұрын

  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.

• 
  @Jean-by3wt3 ай бұрын

  *Promo SM* 😴

• 
  @AnkitWP3 ай бұрын

  I can't remove underline from links on hover in block themes. No option provided by default. Need to write custom CSS for this basic behavior change. Any suggestions?

• 
  @elliottrichmondwp3 ай бұрын

  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.

• 
  @Mafiakitty3 ай бұрын

  Block themes for the win!

• 
  @rayediaz3 ай бұрын

  Block themes are not ready yet.

• 
  @elliottrichmondwp3 ай бұрын

  Can you add some context, not ready for what?

• 
  @timnashcouk3 ай бұрын

  #2 is a dubious claim, especially if you don't export the theme output and it's stored in the Database, the number of database requests would be significanltly higher, then a WordPress site with no plugins and just the standard loop. In both cases the actual content is being rendered by PHP, so all the parts regarding them being more "performant" or "secure" is very much as dependent on what you have on your site in terms of plugins etc as any theme would be. It being a block theme has no true impact on performance, you not using rubbish plugins for things, making lots of remote calls and enqueuing a bunch of stuff absouletely does. But you could have gotten to the same place with any other theme, the block editor makes it easier to reach. But isn't the inherent cause! Where the performance is, is against things like shortcodes, which are processed out at render time, which is how many page builders worked, and assuming you are not using the shortcode block you should see the great results. TLDR; Performance will vary, is way more nuanced and #2 security comments is mostly wishful thinking :D

• 
  @elliottrichmondwp3 ай бұрын

  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 🤓

• 
  @timnashcouk3 ай бұрын

  @@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!

• 
  @timnashcouk3 ай бұрын

  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.

• 
  @elliottrichmondwp3 ай бұрын

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

• 
  @timnashcouk3 ай бұрын

  ​@@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.

• 
  @Black1991Star3 ай бұрын

  I can give you 20 reasons of why the block theme is bad.😂 Turn off JS on your browser and you will see your site like it see robots.

• 
  @elliottrichmondwp3 ай бұрын

  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 😬

• 
  @timnashcouk3 ай бұрын

  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.

• 
  @Black1991Star3 ай бұрын

  @@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

• 
  @elliottrichmondwp3 ай бұрын

  ​@@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 :)

• 
  @ivanbarta28213 ай бұрын

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

• 
  @vojtechsebek03 ай бұрын

  This is the best Wordpress block theme tutorial i’ve seen, thanks bro! :D

• 
  @elliottrichmondwp3 ай бұрын

  You're welcome!

• 
  @saqibKisana3 ай бұрын

  Thank you Elliott Richmond for producing this video.

• 
  @elliottrichmondwp3 ай бұрын

  No worries!

• 
  @Drivingralle3 ай бұрын

  Great introduction to the topic

• 
  @elliottrichmondwp3 ай бұрын

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

• 
  @chris74er903 ай бұрын

  Could you also show how to deal with wp-cli on windows?

• 
  @elliottrichmondwp3 ай бұрын

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

• 
  @rajraiz30583 ай бұрын

  Don't we need ACF anymore if it's once released?

• 
  @elliottrichmondwp3 ай бұрын

  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

• 
  @nusapixelweb3 ай бұрын

  Not a developer, but so excited with what's possible with the Interactivity API. Great explanation!

• 
  @elliottrichmondwp3 ай бұрын

  Great to hear!

• 
  @theaminul3 ай бұрын

  I have a question, how to handle page navigation?? I mean how to handle headless route with Interactivity API??

• 
  @elliottrichmondwp3 ай бұрын

  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

• 
  @derhalk4 ай бұрын

  Great video and very helpful. I would love more detailed video instructions like this

• 
  @thebilalafsar4 ай бұрын

  Please create video on Core Web Vitals and WordPress Speed Optimization. Thanks!