Build Custom WordPress Theme with Tailwind, Timber, Alpine, and HTMX 2024 Beginner Friendly

Подписаться 175

Просмотров 2,9 тыс.

50% 1

Build a Custom WordPress Theme with Tailwind, Timber, Alpine, and HTMX | Beginner Friendly
Dive into the world of custom WordPress theme development with the "Broke Theme." This beginner-friendly tutorial will guide you through creating a dynamic, flexible, and editor-friendly WordPress theme using the WhatStack - WordPress, HTMX, Alpine.js, and Tailwind CSS.
The Broke Theme is designed to offer a "build your own page builder" experience, allowing for easy handoff to editors while avoiding the common pitfalls of traditional page builders. With the inclusion of ACF Pro and ACF Extended, this theme promises a customizable and robust foundation for any WordPress project.
🔗 Broke Theme GitHub Repository: github.com/Dan...
In this video, Daniel Snell walks you through:
Setting up your project with WP Local
Trusting your local development URL
Cloning and setting up the Broke Theme
Installing necessary NPM and Composer dependencies
Utilizing the theme's CLI for easy project setup
Creating layouts and blocks for a customizable page builder experience
Leveraging Alpine.js and HTMX for dynamic content and interactions
Debugging and extending the theme with custom queries and components
Whether you're new to WordPress theme development or looking to expand your toolkit with modern development practices, this tutorial offers valuable insights and practical steps to elevate your projects.
🌐 For more resources and tutorials, visit: broke.dev

Опубликовано:

3 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 30

@ShannaMiddleton 13 дней назад

Perfection!

@sludgebucket3042 7 дней назад

Already using wp, acf blocks and tailwind, now just finding out about Alpine and htmx, looks really cool!

@AdityaTripathi 7 месяцев назад

WP supremacy 2024!

@WPCreatorOfficial 6 месяцев назад

I can't wait to see more videos from you.

@Umbral-AI 7 месяцев назад

WHAT stack is about to takeover!

@samirankakoty 4 месяца назад

Great video! My current stack is Timber, Tailwind, Alpine, MetaBox, and Webpack Encore. I am going to give your stack a shot.

@WPCreatorOfficial 6 месяцев назад

I Love this stack. I will use it for plugins also.

@SeasOfCheese Месяц назад

Great video for a beginner! Quick question do you know the components may not pull through? I have installed ACF pro but the components aren't appearing in the ACF field groups.

@vscoderbrad 7 месяцев назад

Very nice. Good Directions. Easy to pick up.

@brokeartisan 7 месяцев назад

Awesome, let me know what you'd like to see next!

@liviumatei5681 6 месяцев назад

@@brokeartisan Can you create some examples on how you deal with forms?

@ontheruntonowhere 2 месяца назад

This is really great. I've been using ACF Flex fields similarly but you've knocked it out of the park with your automated generators. Could you please expand on when we'd use blocks vs components? I understand the technical distinction between each as a developer, but I'm not clear on the use cases within the framework you've got here. They seem relatively interchangeable, or are components only available in pages whereas posts only use blocks?

@brokeartisan 2 месяца назад

It's really more of a preference choice, at the end of the day work very similar to one another. You can use Fleixble Content Components to streamline things, or if you want to take advantage of Gutenberg you can go in the direction of blocks. Most of the time Blocks is really the best choice, but this is a concept starting point for soemone who wants to build quickly for a clinet and have the whole toolkit setup

@ontheruntonowhere 2 месяца назад

@@brokeartisan Gotcha, thanks for the clarification. I'm still learning not to hate Blocks. I get that no-code is the future but from a dev perspective imo they make things needlessly complicated (and you still have to code them!). I like the Flex module approach because they're easy to make and they lock the site down to a very manageable set of choices for the client. Anyway I grabbed the theme last night and I'm excited to try it out, thanks for sharing it.

@liviumatei5681 6 месяцев назад

I love it very much, I was looking for something like this for months and I thought that I will have to build it myself. Can you make it work with other ACF alternatives like Carbon Fields or MetaBox.? This can make WordPress free again from all the freemium plugins out there.

@pookiepats Месяц назад

Broke dev using wordpress lmao i love it 😂😂😂

@LorenzoPiccinini Месяц назад

this theme is great but I can't configure it correctly as in the video, I'm trying to install the theme but I only find one item in the synchronisation available, the block debug, I have the latest version acf pro thks!

@arsh999cg 7 месяцев назад

Is there any possibility to make a tutorial with Meta Box as well for people that don't have ACF Pro LTD... ?

@brokeartisan 6 месяцев назад

With Metabox the workflow is a bit different but I am happy to covert that in an upcoming video. There's been many changes sense.

@liviumatei5681 6 месяцев назад

@@brokeartisan I'm interested in this too

@zensukai 3 месяца назад

@@brokeartisan Same here, would be awesome if you could do it with Metabox. Also love that you have a repo on a Bricks child theme. =]

@hacktau Месяц назад

great! but expensive

@brokeartisan Месяц назад

Do you mean because it's ACF focused?

@MatthewGilbert-p9e 7 месяцев назад

Whats the benefit of doing something like this over cwickly?

@brokeartisan 7 месяцев назад

Cwicly you're working within a closed page builder, you have no real control over the project and nothing lives in version management. If you ever hit a wall for complexity, you either have to hack your way through or create a plugin to solve it. When you develop a page builder for your workflow, you have the flexibility and consistency to deliver solid projects each time. Then there is also the benefit of long-term consistency, these sites will be dependable and not susceptible to third party updates.

@ballpen9157 6 месяцев назад

i don't understand. I only know wordpress. please guide me what should I learn first? I here to know Wordpress(as backend) + htmx(custom pages)

@antonijo01 7 месяцев назад

Is it possible to have fast start with wp-now package?

@brokeartisan 6 месяцев назад

Of course, I'll post a video showing it, theres been many updates sense, new video dropping shortly.

@wilonweb 5 месяцев назад

Great video, I’m looking for a partner to create French/multilingual tutorials to develop a training program on WordPress. If you’re interested, we can develop several modules. To show that it’s easy to create your own builder, and the advantages of doing so. Then we can create a training program with this stack. And I will handle the French-speaking market. Are you interested?