Thanks for noticing. I have some lighting tweaks in the works and will hopefully test those on the next video.
@MoxetKhanPK4 күн бұрын
Great video, what benifits we get if we skip tools like Local or Xamp etc
@BrianCoords4 күн бұрын
Copying my reply above: Less bloat, more performant, more actively developed, easier to switch between WP and non-WP projects, and I guess a chance to level up your developer skills.
@AntonioOrtizOrtega4 күн бұрын
Thans for sharing!. I'm using Laragon which is superfast, all-in-one tool and you have a https site in WordPress up and running in a few clicks.
@wpeasy4 күн бұрын
What are the benefits of this over Flywheel Local or the similar tool from WordPress?
@BrianCoords4 күн бұрын
Less bloat, more performant, more actively developed, easier to switch between WP and non-WP projects, and I guess a chance to level up your developer skills.
@WPMinute4 күн бұрын
Get off the stage, Brian!
@BrianCoords4 күн бұрын
Hey it's my biggest fan!
@Earthcrosser4 күн бұрын
Thanks Brian. I'm on Windows and I'm stuck on 3:53 because I'm not sure where 'wp' is. :( Crap. I have to install wp-cli. Lol. Thank you for mentioning that. >:( UPDATE: Was able to set up wp-cli. Manually set up a path. However, DBngin did not create a path to mysql as 'wp db create' does not recognize mysql. I tried to manually find mysql.exe and set a path to it. wp-cli still cannot find it. I GIVE UP. LOL.
@BrianCoords4 күн бұрын
Yeah one issue I had is that I have a lot of these tools already running and I don't fully remember how I set some of them up.... When I run wp --info I see that it's calling the MySQL binary that I guess I installed at some point with Homebrew. Interesting.
@Steve-Ariss5 күн бұрын
Have you tried DDEV? You don't get that nice GUI but I think you can get up and running faster and you end up with a really flexible dev environment
@BrianCoords4 күн бұрын
No but I've heard a lot of good things about it! Honestly each project ends up needing it's own environment depending on the tools, where it's hosted, etc.
@omerta33935 күн бұрын
No Linux support for this apps :(
@bicho445 күн бұрын
You can use, various version of Valet, is similar but no UI, i recommend Valet++
@BrianCoords5 күн бұрын
😬
@khandakershahi4 күн бұрын
Yes, I was excited than found no Linux support.
@yasershahian31343 күн бұрын
@@khandakershahi for now DDEV is working fine on linux, has phpmyadmin, wp-cli, local ssl and domain, ...
@kristijanpirkovic95945 күн бұрын
Brian, what makes Herd better than a tool like LocalWP?
@BrianCoords5 күн бұрын
I like that it's just leaner and faster. It's more actively developed. It's also great if you're doing more than just WordPress development, you don't have to switch environments. But there'll be a few WP hosting-specific features in LocalWP that you might miss.
@farhan-app5 күн бұрын
This is awesome! Thank you for sharing Brian - subscribed!
@farhan-app3 күн бұрын
Hey Brian - just wondering if it's easy to export a site using something like WPVivid from this local environment?
@webshoreeu5 күн бұрын
Herd is great! Using the Windows version since it was released on a daily basis and as a replacement for Local by Flywheel. Adding DBngin and TablePlus makes it an awesome development toolkit!
@imraan_alam5 күн бұрын
They have windows support. I use it everyday.
@BrianCoords5 күн бұрын
Thanks for pointing that out!
@AaronTweeton5 күн бұрын
Thanks for sharing! It’s great to see that Herd could be used for both Laravel and WordPress development.
@BrianCoords5 күн бұрын
PHP FTW
@elliottrichmondwp5 күн бұрын
Interesting, I haven’t used Herd, but I do use Valet, which, as you probably know, is more command-line driven. The only difference is that you have an app with a UI with Herd, I guess. It would be interesting to see if Valet is actually being used under the hood. I also use WP-CLI and a generic script to fire all commands with prompts for database names, usernames, emails, and passwords, etc. Nice video and insight-always interesting to see other devs’ workflows. 👍
@rafidiul-albani45905 күн бұрын
Thank you for the instructions. A very good method for me as a beginner to learn how to use the command line.
@tobisalami5 күн бұрын
Oops. Not on windows. Okay. Thanks for the video though. You're doing great
@elvisblancogonzalez5 күн бұрын
They do have a Windows version. Just click the "Looking for Windows?" button
Thank you for this content. I will be studying all of your videos!
@PaweBystrzan25 күн бұрын
After a year I think it would be nice to have option to make a pattern - just like you made a custom block, but pattern, save custom css inside pattern and one click option to convert pattern to block. Sometimes in the past I used CBB plugin (Content Blocks Builder) - it has some nice workflow to create blocks from blocks, patterns etc, but unfortunately not in core way. Hope WP core team will move in this area. As always - great video tutorial, Best, Paul
@BrianCoords17 күн бұрын
Yep I agree - easily bundling extra CSS/styles with patterns would be huge.
@TheBeeOBee28 күн бұрын
Good demo. Learned a lot. But is promoting ai usage ethical? Washington Post just reported that a 100 word ai email uses a bottle of water to produce. Elon Musk operated illegal gas generators to power his ai plant. Microsoft is reopening the 3 mile island nuclear plant to power ai. People are just playing around with this burning up the planet. A bottle of water for a 100 word email!
@BrianCoords25 күн бұрын
Definitely a consideration. I do think chip performance, specialized AIs, and renewable energy will continually improve but I agree we're in the smoggy industrial revolution phase of AI.
@PaweBystrzanАй бұрын
Few things I would do different: 01. Sticky header - if you use css i recommend to calc() as the frontend admin bar. This variable below handles different heights for mobile and desktop: header.wp-block-template-part { position: sticky; top: calc(0px + var(--wp-admin--admin-bar--height, 0px)); z-index: 9; } 02. Header alignement: menu is not centered, but it's easy to fix.button and logo should be in group with same fixed width. 03. If first heading is H1 - it's better to make soft enter to prevent double H1 on page ( [shift] + [enter] ). For making inline color I would register inline color, but without adding PHP / JS with just CSS I would use bold or cursive inline style and style it by CSS in Site Editor Custom CSS section. As always - it was pleasure to watch. Best, Paul
@BrianCoords25 күн бұрын
Yes! These are all great notes! 100%
@realVvDАй бұрын
This is actually a very nice and followable tutorial on gutenberg block development. Thx!
@Xenio2007Ай бұрын
I'll love a tutorial how to develop a Synced Pattern Overrides in php to distribuite with a theme. Synced Pattern Overrides looks very powerful.
@BrianCoordsАй бұрын
At this point it’s not really possible to have synced patterns in a theme- they only live in the database. But hopefully it’s on the roadmap.
@AnnaMariaErikssonАй бұрын
I really hope native CPT's will come to core. I was hoping it would happen with WordPress 6.7, but I guess we're gonna have to wait longer for that to happen... Great video!
@BrianCoordsАй бұрын
Yep - CPTs will require some code or a plugin for the foreseeable future.
@chickenorshrimp533Ай бұрын
I appreciate that you're going from start to finish with a practical example - explaining each step & the reasoning behind it. Please keep up the great work!
@chadreillyАй бұрын
Can you build a tabs block/pattern with core?
@BrianCoordsАй бұрын
Any thing that requires interactive JavaScript (like tabs) won't be in core - meaning you'd need to find a plugin or build a custom block.
@chadreillyАй бұрын
This is very helpful. In the speed builds, with all the switching back and forth between players, you can't see as well what's being done. I would have liked to see how you built that header, even if it went overtime. Maybe do a, "here's my build official" vs "here's me doing some extra interesting things I didn't have time for."
@BrianCoordsАй бұрын
I agree- I can never follow what anyone is doing, I just like hearing people explain and talk. I'm glad this was helpful and I definitely have it on my agenda to do some longer/fuller builds and show some more complicated layouts.
@CourtneyR_devАй бұрын
00:04 Creating a custom block in Gutenberg for WordPress with OpenAI integration 01:55 Creating a custom AI block in WordPress using OpenAI 05:57 Building a custom AI block in WordPress 07:55 Creating a generate tweet function and importing button component 12:01 Create a custom REST API endpoint for security 14:04 Implementing permissions for API endpoint access 17:51 Generate a tweet using OpenAI API for social media management 19:33 Ensure response is clean and contains necessary information 23:03 Using WordPress function add_query_arg to pass parameters and generate tweet 25:02 Custom AI blocks in WordPress can return more data via API endpoints for testing and customization. 28:44 Integrate AI into custom block using PHP for secure server-level interactions 30:22 Integrate AI capabilities into WordPress with OpenAI Crafted by Merlin AI.
@BrianCoordsАй бұрын
Well shoot I had chapters in Descript and totally forgot to paste them in. Thanks!
@coding4tacosАй бұрын
Super cool use case! This gave me several ideas for little projects I'd love to build
@cholo2605Ай бұрын
Thanks a lot for all your contributions 🙏
@davouid69Ай бұрын
Thanks! Clear, nice and helpfull!
@Xenio2007Ай бұрын
Wow, amazing content, this is how you move Wordpress forward. Not yelling! Many people who use Visual Builder do not understand that it is essential to have version control of files/code. I often use Bricks Builder and love it, but I also happen to develop sites where is essential to have control over what happens in the theme/plugin.
@elliottrichmondwpАй бұрын
Very cool and exciting, thanks for the demo and backstory - much appreciated.
@BrianCoordsАй бұрын
Thanks for joining!
@TiagoSLoureiroАй бұрын
I really like this. Definitely the right direction for the block editor. I have always liked gutenberg for editing content; I do believe it is a way better experience than just custom fields; I just don't want to see wordpress trying to become a wix competitor. Also, page builders need to start taking gutenberg seriously. Etch has the right idea for sure.
@BrianCoordsАй бұрын
Yep I feel the same way
@coderpavanАй бұрын
How to get custom post type in a acf block template
@BrianCoordsАй бұрын
Can you explain what you're trying to accomplish?
@coderpavanАй бұрын
@@BrianCoords Actually I need to retrieve custom post type and it's post pages acf custom fields value to a acf block template and it was unable to retrieve at that time because of I didn't pass get_the_id(); function in a acf get_field('field key name', get_the_id); in a query loop. But now it's resolved.
@jamiewpАй бұрын
Great work Brian 💪 If you do another one let me know and I'll ask lots of irritating questions in the live chat as you build.
@BrianCoordsАй бұрын
I'm planning on doing this again while in Portland. On a stage.
@ClarkTelecomАй бұрын
Many thanks, very well explained!
@BrianCoordsАй бұрын
You are welcome!
@johndaniel21343Ай бұрын
Can't wait to see core vanilla Wordpress custom field user friendly
@BrianCoordsАй бұрын
Then definitely stay tuned!
@Kyle-MustangMktgАй бұрын
The explanations are great, and if you were just streaming it would be fine. But if you want to practice for the speed build, I think you should just build. If you want to simulate Jamie asking questions maybe you could have an additional timer that goes off every 5-10 minutes and do an explanation, or field questions from chat. If you were just building, it is possible you would have more questions from those watching.
@BrianCoordsАй бұрын
Oh yeah that's a good idea! I'm not really practicing for how 'fast' I can go, but more 'can I think through this while I have the pressure of a live audience'.
@Kyle-MustangMktgАй бұрын
@@BrianCoords I think it is less about speed, and more about how many different sections you get a chance to tackle and learn how to best deal with them. But hey it is your build and your channel, so do what works for you! I'm just happy to watch a professional at work.
@veppaАй бұрын
4 second for External API Request is too much. Wordpress admin also has lot's of external requests (wp_http). To optimize wordpress admin for speed you may need to block some wp_http external requests.
@BrianCoordsАй бұрын
Yeah it's definitely not ideal, especially if it's happening when server response speed is critical, like adding items to a shopping cart.
@danparrajrАй бұрын
This looks amazing Brian! Is it possible to save fields to custom tables through the editor?
@BrianCoordsАй бұрын
You mean custom tables in the database, instead of using postmeta? If you use postmeta, there's a lot of work done for you already. If you want to use custom tables, you'll just need to write your own REST API endpoints to handle communicating between the block editor and your database tables.
@mohdom6Ай бұрын
Can you make 101 theme building series for beginners? could be a good introduction to php
@BrianCoordsАй бұрын
Making a more in-depth series is on my list of things to do when I have more time, which never seems to happen
@jmactravelАй бұрын
Thank you. After doing a bootcamp, and applying to 1000's of jobs this past year...I'm going to pivot and start my own website dev company, making wordpress sites for clients and I'm trying to figure out where to set up my local development. Your video was super helpful. Do you think I should use wordpress/env? Would I also need Local?
@BrianCoordsАй бұрын
I think Local is the best place to start for sure. It's very easy to install and get running, very easy to import/export sites. I would start there.
@derek-hansonАй бұрын
Nice! I love how Brian critiques the site as he’s building it. Legend!
@BrianCoordsАй бұрын
Haha this is why I shouldn't livestream. I do better when I'm editing myself.
@derek-hansonАй бұрын
@@BrianCoords the stream of conscious approach is way better! I love to see how people are thinking when they work. Plus, I'm guilty of it as well 😜
@uweseemann8571Ай бұрын
I learned a lot. Thanks!
@BrianCoordsАй бұрын
Thanks for watching!
@michieltieleman9462Ай бұрын
May I ask how you made it so that the custom post type template has editable blocks in them? Currently for a template I usually have the header block at the top, post content block in the middle with some different block spacing and/or width setting, and the footer block. When I make a new custom post item, I manually copy over the blocks I need from another post, or use patterns or something like that. What I'm looking to get done is to have each new post of a certain post type be "preloaded" with a couple of "synched patterns" (so I don't have to do this manually all the time). Kinda like you have in your book custom post type above. I can't find the video you mention around 1:00 minutes. How did you achieve this or do you have a link to that video?
@BrianCoordsАй бұрын
There is a "template" parameter that can be used when you register a post type developer.wordpress.org/block-editor/reference-guides/block-api/block-templates/#custom-post-types You can also offer the "Choose a Pattern" popup experience: www.briancoords.com/how-to-show-the-choose-a-pattern-modal-by-default-on-new-pages/
@Whatreally123Ай бұрын
Hi Brian, Off topic question. I am building a simple site using 2024 theme and core blocks. I am trying to find information on how to add Google AdSense code to websites built on Block themes. All the tutorials and videos are for Classic themes where they update the header file or body file. Not sure that's how to do it on sites built on Block themes. Can you shed some light on how can one add AdSense code to block websites? Thanks.
@BrianCoordsАй бұрын
If you're comfortable with code, then you'd use a hook like wp_head to add it. Otherwise, I'd recommend using the Google Site Kit plugin: wordpress.org/plugins/google-site-kit/
@murfemersed2 ай бұрын
I just tried it on PC. Tried to import an all-in-one wp migration file with proper search/replace and it failed. going back to local. this did seem much lighter but it also seemed slower as well like it's not allocating enough resources.
@BrianCoordsАй бұрын
Yeah it's still in it's early days and has some compatibility work to do. It's quick with lighter sites, slower otherwise.
@maurobono53242 ай бұрын
Brian great tutorial. What if I want to create multiple block styles in a single plugin? Which is the best approach for loading CSS? is it possible to load a single CSS file that contains all my block styles?
@BrianCoords2 ай бұрын
You definitely can. You can just load one CSS file like you would normally, since block styles just add a class to an element. Just make sure you enqueue it for the frontend AND for the block editor.