WordPress Studio Review
12:00
5 ай бұрын
ACF Blocks Post Carousel Tutorial
23:24
Пікірлер
@seiuwatches
@seiuwatches 3 күн бұрын
love the new camera, looks better quality
@BrianCoords
@BrianCoords 3 күн бұрын
Thanks for noticing. I have some lighting tweaks in the works and will hopefully test those on the next video.
@MoxetKhanPK
@MoxetKhanPK 4 күн бұрын
Great video, what benifits we get if we skip tools like Local or Xamp etc
@BrianCoords
@BrianCoords 4 күн бұрын
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.
@AntonioOrtizOrtega
@AntonioOrtizOrtega 4 күн бұрын
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.
@wpeasy
@wpeasy 4 күн бұрын
What are the benefits of this over Flywheel Local or the similar tool from WordPress?
@BrianCoords
@BrianCoords 4 күн бұрын
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.
@WPMinute
@WPMinute 4 күн бұрын
Get off the stage, Brian!
@BrianCoords
@BrianCoords 4 күн бұрын
Hey it's my biggest fan!
@Earthcrosser
@Earthcrosser 4 күн бұрын
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.
@BrianCoords
@BrianCoords 4 күн бұрын
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-Ariss
@Steve-Ariss 5 күн бұрын
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
@BrianCoords
@BrianCoords 4 күн бұрын
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.
@omerta3393
@omerta3393 5 күн бұрын
No Linux support for this apps :(
@bicho44
@bicho44 5 күн бұрын
You can use, various version of Valet, is similar but no UI, i recommend Valet++
@BrianCoords
@BrianCoords 5 күн бұрын
😬
@khandakershahi
@khandakershahi 4 күн бұрын
Yes, I was excited than found no Linux support.
@yasershahian3134
@yasershahian3134 3 күн бұрын
@@khandakershahi for now DDEV is working fine on linux, has phpmyadmin, wp-cli, local ssl and domain, ...
@kristijanpirkovic9594
@kristijanpirkovic9594 5 күн бұрын
Brian, what makes Herd better than a tool like LocalWP?
@BrianCoords
@BrianCoords 5 күн бұрын
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-app
@farhan-app 5 күн бұрын
This is awesome! Thank you for sharing Brian - subscribed!
@farhan-app
@farhan-app 3 күн бұрын
Hey Brian - just wondering if it's easy to export a site using something like WPVivid from this local environment?
@webshoreeu
@webshoreeu 5 күн бұрын
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_alam
@imraan_alam 5 күн бұрын
They have windows support. I use it everyday.
@BrianCoords
@BrianCoords 5 күн бұрын
Thanks for pointing that out!
@AaronTweeton
@AaronTweeton 5 күн бұрын
Thanks for sharing! It’s great to see that Herd could be used for both Laravel and WordPress development.
@BrianCoords
@BrianCoords 5 күн бұрын
PHP FTW
@elliottrichmondwp
@elliottrichmondwp 5 күн бұрын
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-albani4590
@rafidiul-albani4590 5 күн бұрын
Thank you for the instructions. A very good method for me as a beginner to learn how to use the command line.
@tobisalami
@tobisalami 5 күн бұрын
Oops. Not on windows. Okay. Thanks for the video though. You're doing great
@elvisblancogonzalez
@elvisblancogonzalez 5 күн бұрын
They do have a Windows version. Just click the "Looking for Windows?" button
@tobisalami
@tobisalami 5 күн бұрын
@@elvisblancogonzalez Ah! Yes! That's true. Thanks!
@BrianCoords
@BrianCoords 5 күн бұрын
Thanks for correcting this!
@NikkiWinwood
@NikkiWinwood 23 күн бұрын
Thank you for this content. I will be studying all of your videos!
@PaweBystrzan
@PaweBystrzan 25 күн бұрын
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
@BrianCoords
@BrianCoords 17 күн бұрын
Yep I agree - easily bundling extra CSS/styles with patterns would be huge.
@TheBeeOBee
@TheBeeOBee 28 күн бұрын
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!
@BrianCoords
@BrianCoords 25 күн бұрын
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
@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
@BrianCoords
@BrianCoords 25 күн бұрын
Yes! These are all great notes! 100%
@realVvD
@realVvD Ай бұрын
This is actually a very nice and followable tutorial on gutenberg block development. Thx!
@Xenio2007
@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
@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
@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
@BrianCoords Ай бұрын
Yep - CPTs will require some code or a plugin for the foreseeable future.
@chickenorshrimp533
@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
@chadreilly Ай бұрын
Can you build a tabs block/pattern with core?
@BrianCoords
@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
@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
@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
@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
@BrianCoords Ай бұрын
Well shoot I had chapters in Descript and totally forgot to paste them in. Thanks!
@coding4tacos
@coding4tacos Ай бұрын
Super cool use case! This gave me several ideas for little projects I'd love to build
@cholo2605
@cholo2605 Ай бұрын
Thanks a lot for all your contributions 🙏
@davouid69
@davouid69 Ай бұрын
Thanks! Clear, nice and helpfull!
@Xenio2007
@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
@elliottrichmondwp Ай бұрын
Very cool and exciting, thanks for the demo and backstory - much appreciated.
@BrianCoords
@BrianCoords Ай бұрын
Thanks for joining!
@TiagoSLoureiro
@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
@BrianCoords Ай бұрын
Yep I feel the same way
@coderpavan
@coderpavan Ай бұрын
How to get custom post type in a acf block template
@BrianCoords
@BrianCoords Ай бұрын
Can you explain what you're trying to accomplish?
@coderpavan
@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
@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
@BrianCoords Ай бұрын
I'm planning on doing this again while in Portland. On a stage.
@ClarkTelecom
@ClarkTelecom Ай бұрын
Many thanks, very well explained!
@BrianCoords
@BrianCoords Ай бұрын
You are welcome!
@johndaniel21343
@johndaniel21343 Ай бұрын
Can't wait to see core vanilla Wordpress custom field user friendly
@BrianCoords
@BrianCoords Ай бұрын
Then definitely stay tuned!
@Kyle-MustangMktg
@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
@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
@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
@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
@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
@danparrajr Ай бұрын
This looks amazing Brian! Is it possible to save fields to custom tables through the editor?
@BrianCoords
@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
@mohdom6 Ай бұрын
Can you make 101 theme building series for beginners? could be a good introduction to php
@BrianCoords
@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
@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
@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
@derek-hanson Ай бұрын
Nice! I love how Brian critiques the site as he’s building it. Legend!
@BrianCoords
@BrianCoords Ай бұрын
Haha this is why I shouldn't livestream. I do better when I'm editing myself.
@derek-hanson
@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
@uweseemann8571 Ай бұрын
I learned a lot. Thanks!
@BrianCoords
@BrianCoords Ай бұрын
Thanks for watching!
@michieltieleman9462
@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
@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
@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
@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/
@murfemersed
@murfemersed 2 ай бұрын
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
@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.
@maurobono5324
@maurobono5324 2 ай бұрын
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?
@BrianCoords
@BrianCoords 2 ай бұрын
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.