Видео

Thanks a lot for all your contributions 🙏

Thanks! Clear, nice and helpfull!

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.

Very cool and exciting, thanks for the demo and backstory - much appreciated.

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.

How to get custom post type in a acf block template

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.

Many thanks, very well explained!

Can't wait to see core vanilla Wordpress custom field user friendly

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.

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.

This looks amazing Brian! Is it possible to save fields to custom tables through the editor?

Can you make 101 theme building series for beginners? could be a good introduction to php

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?

Nice! I love how Brian critiques the site as he’s building it. Legend!

I learned a lot. Thanks!

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?

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.

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.

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?

Hey, one question. Isn't a render.php needed when this is used in a production wordpres site? Thanks!

Thank You for sharing!!! :)

Hi Brian, I am trying to modify an existing core block. I downloaded the src files from github. Using ChatGPT, i made minor changes to the main functions in the php file. However, I am unable to build this. I created the same folder structure in VS Code as on github but "npm start" issues errors. I tried learning from the create-block method but not sure how to map the same files available on github to the structure created by create-block. Is there any video or blog which details how I can build a custom plugin based on the src files of the core blocks downloaded from github? All I need to learn is how to build the plugin package. I have made the required code changes in the main php file. Thanks.

Instead of using CSS to fix the pointer events, I can see core is using disabled component <Disabled> <ServerSideRender block="wpdev/example-dynamic-block" attributes={attributes}/> </Disabled>

I don’t know if this is covered in a different video, but the way you registered your sidebar is totally different from how I would’ve gone about it! I would love to see you talk through your code choices and where to learn more about it! I’ve never even the `registerPlugin` function before 😅

Hi, I'm really new to this. One quick question: can Local WP provide Live Demo like Studio WP? Or is there a workaround to make it so in Local WP? Many thanks in advance 🙏🏻

Great info! I got lost at one point, trying to understand, you are suggesting a different json file for each section as a separate file inside the them folders I guess, and frowned upon having a separate css file(s) like that I think? and would love a basic from scratch, blank theme, add file here, add file there kind of tutorial. Also how to trigger the new section theming? Like choose a dropdown in the bock editor? or your just showing changing the base blocks, not adding new block patterns? Looking forward to building a theme with multiple block patterns / synced and non-synced and several style variations now. Just not sure some of the exact 'where to click this or that' to choose which block is getting the style or sync.

This is super helpful; I'm trying to go through your walkthrough and implement for my use case. I really want to be able to add the custom field into the sidebar like you have, as they really get buried in the regular view and it's just not intuitive. My issue is that I want to use a text area, instead of a textbox. I've been trying to use the dev resources but it's not really working out (I'm not technically a developer). Any pointers you can offer?

Lawd there’s 100 things WP has needed to level up for yearssss SERIOUSLY why are improvements so few and far between

Is their any good tutorial on how a custom block can call external API to retrieve data and show on the front end?

That's cool - being able to add the template blocks in the cpt.

would you happen to know how to change the colour of the status bar on mobile devices. im using 2024 theme. Can't find anywhere where I can change the colour. Where the mobile displays battery, time, wifi signal etc. At the moment I have a a block called 'simple header with dark backgroun' - when I fill the background with blue the status bar is also coloured blue When I use other colours including black the status bar goes white.

At 20:53 you mention a plugin could opt-in to button styles, do you know if it is possible to do this from the theme? I added the Button class to the submit button in a contact form plugin, but WP didn't know to add the inline styles for buttons. Is there some way to tell WP to include them? (I added an empty Button block under my form, which is a hack, but did work to include the needed styles)

Thanks, Brian, I need a code

Thanks for the great tutorial! Though, if I wanted to modify the attributes of 2 different blocks (with different attributes) would I have to create 2 separate plugins? or would there be a way to bundle both into the build of a single plugin?

This looks like it might help me, I am trying to add a custom field (ACF) as an option for ORDER BY. My field is a date field named 'when' and I want to add option: 'when new to old' instead of using the publish date. Can you offer any incite into what is different about that case from the 'read more' button example?

Kevin gets commission from bricks builder

Hi, it would be nice to make video about how to build that all code and what is possible examples to use it Thank for the high quality content you provide ! ... ... KEEP GOING !! love ya <3 ..

You mentioned that this video is for people who have some familiarity with node.js and npm and the development environment. But for those who don't, what course/tool/resource would you recommend for them to get up to speed so that the things you talk about on your channel make sense to them? Where would they go to get that knowledge? (Preferably an answer that isn't just "google it" or "go to the wordpress developer docs" would be great.) Thanks!

How did you get the Vs code primary sidebar to the top left?

Hi Brian, Thank you very much for this video. You should create an advanced video course on FSE . - You mentioned `blockGap`. Indeed, it doesn't work. However, in addition to typography and colors, you can add margins and padding, which work very well. You can even adjust them within the internal blocks. - Like you, I regret not having access to the `settings` object in variations. Visual Studio Code suggests it, but it doesn't change anything.

Do you have a video that shows how to change stacking order of column block on mobile? Its annoying that the columns are stacking left to right no matter what. Almost always need to change the order. Is it as simple as adding css snippet to the a column block?

Thanks for this video, Brian! I've noticed at 17:45 you set font size slug to heading sizes such as "h6". Not sure if this was fixed in WordPress already, but in the past I've noticed WordPress producing "--wp--preset--font-size--h-6" instead of "--wp--preset--font-size--h6" CSS variables. So it is better to use "h-6" slug instead of "h6" so you don't get confused yourself as a developer.

Great video and topic! Kinda off topic but Do you have any thoughts or ideas about how to implement a dark theme option. Maybe with theme variations preferably? So if the user prefers dark mode the styles switch to that variation and possibly with a toggle switch ( light mode switch to dark mode). I think that would be cool video. Look forward to your thoughts!

right out of the gate. I enter a group block and have NO option to change its width with Wide/full etc. It just doesnt exist. This happens with every tutorial i look at. Its just not the same on my screen. I am also using the 2024 them and have opened a front page template. Then deleted everything on it to make it blank. I enter a group block and no options for width. what is happening. Is this because its on top of some type of posts page? and not a front page empty template like im using. Its unbelievably confusing how you have to be editing in a correct spot of the 3 possible spots you can edit otherwise all your blocks will behave differently. (edit: looks like if i create a regular home page and NOT a Front page.. then i get some width options for the group block. Interesting that the same block has different options depending on what TYPE of page you are trying to build. This is a minefield of options and nearly non existent support or tutorials) When i search youtube for tutorials there are rarely up to date ones with the way Guttenburg blocks works these days. Im a brand new user and it just seems so limited.

Thanks, Brian, this is great. I got super excited about the Block Bindings API in 6.5 as there is finally a logical link to using meta in templates. This is one step closer to what many developers have been wanting to see in block editor development. It's going to be interesting to see how the roadmap develops, especially for more complex data such as conditional statements and loops. I'm not sure how feasible that will be in 6.6, I probably need to revisit it to see how possible it is for things like repeating fields but it's definitely going in the right direction 👏

I m following your video your previous videos and have setup multiple blocks. Is there a way to use the same package to bundle the index.js from src folder if it have No block.json file ?

Does version 6.6 of the latest WordPress block theme (Full Site Editing) compile all block CSS into one file? Concerned about potential impacts on load times and optimization if multiple inline CSS styles are used. Please share your thoughts. Thanks