WP Engine Builders
WP Engine Builders
  • 200
  • 365 831
ACF Chat Friday – June 21, 2024: Q&A
In this ACF Chat Fridays session we had an open Q&A with talking about the improvements to ACF Blocks coming in ACF 6.4.
ACF Chat Fridays are open office hours with the ACF team and users, featuring live discussions of all things ACF, answering your questions on building sites with ACF, getting the most out of your fields, and what’s next for the plugin.
Sign up for the next session: wpeng.in/acf-chat-fridays/
Переглядів: 163

Відео

ACF Chat Friday - June 7, 2024: Q&A
Переглядів 182Місяць тому
In this ACF Chat Fridays session we had an open Q&A with an interesting discussion about the tension between modern and classic WordPress and how it impacts developers building sites with ACF. ACF Chat Fridays are open office hours with the ACF team and users, featuring live discussions of all things ACF, answering your questions on building sites with ACF, getting the most out of your fields, ...
Headless WordPress and Next.js 14: Core Competencies in App Router
Переглядів 682Місяць тому
CONTENTS: 00:00 - Intro 00:26 - Setting Up Next.js 14 05:19 - Nested Layouts & Partial Rendering 08:23 - Images & AVIF 12:03 - Server Components & Data Loading 13:43 - Static Rendering 17:03 - Time-Based Revalidation (ISR) 20:09 - Dynamic Rendering/SSR 25:01 - Streaming & React Suspense 32:03 - Client Side Rendering 39:00 - Outro Blog Post: wpengine.com/builders/headless-wordpress-and-next-js-1...
WPGraphQL Office Hours May 30th, 2024
Переглядів 105Місяць тому
Headless WordPress resources: wpengine.com/builders/headless/ WPGraphQL GitHub Repo: github.com/wp-graphql
Getting Started with Global Styles in WordPress
Переглядів 452Місяць тому
This video introduces how Global Styles revolutionizes site appearance management, allowing site-wide style changes without editing individual blocks or pages. This feature simplifies the user experience, ensuring a cohesive look and feel across your site. We’ll also explore theme.json, a new tool centralizing block settings, site-wide, and block-specific styles. WordPress theme developers will...
ACF Chat Friday - May 24, 2024: ACF 6.3
Переглядів 220Місяць тому
In this ACF Chat Fridays session we walk through the recent ACF 6.3 release. ACF Chat Fridays are open office hours with the ACF team and users, featuring live discussions of all things ACF, answering your questions on building sites with ACF, getting the most out of your fields, and what’s next for the plugin. Sign up for the next session: wpeng.in/acf-chat-fridays/
WordPress Patterns: How to Create, Edit and Use Them
Переглядів 6632 місяці тому
In this video, I’ll explore WordPress patterns, the building blocks that simplify adding complex layouts to your pages or posts. Patterns save you time and effort by offering pre-designed sections that you can easily customize to fit your needs, enhancing your site’s look and functionality. I’ll show you how to create your own WordPress patterns. Learn to design custom sections that align with ...
Understanding List View in the WordPress Editor
Переглядів 3622 місяці тому
In this quick tutorial, I’ll show you how to use the List View feature in the WordPress block editor. This powerful tool makes navigating layers of content and nested blocks a breeze, giving you a clear and organized view of your content’s structure. Whether working in the Page and Site Editor, the List View lets you effortlessly select and arrange blocks. It’s perfect for managing complex layo...
ACF Chat Friday - May 10, 2024: Interactivity API
Переглядів 4642 місяці тому
In this ACF Chat Fridays session we dive into the Interactivity API released in WordPress 6.5. Damon Cook demos how to use it to dynamically update values of ACF fields. ACF Chat Fridays are open office hours with the ACF team and users, featuring live discussions of all things ACF, answering your questions on building sites with ACF, getting the most out of your fields, and what’s next for the...
How to Add a Site Icon to Your WordPress Website
Переглядів 2842 місяці тому
In this quick tutorial, I’ll show you how to add a site icon to your WordPress website. This small but mighty feature, also known as a favicon, enhances your site’s identity and professionalism by appearing in browser tabs and bookmarks. It’s a crucial part of your brand’s online presence, and I’m here to help you set it up smoothly, whether you’re running a personal blog or a business website....
How to Install Google Fonts on Your WordPress Website
Переглядів 4902 місяці тому
Watch this quick and straightforward tutorial where I demonstrate how WordPress 6.5’s Font Library, now fully integrated with Google Fonts, simplifies font management and integration. This update has made adding and customizing Google Fonts on your website incredibly easy. Whether you're a design pro or just starting out, you'll find that enhancing your site’s typography is now just a few click...
WPGraphQL Office Hours April 25, 2024
Переглядів 1422 місяці тому
In this edition of WPGraphQL Office Hours, we go over issues and roadmap features for WPGraphQL as well as a discussion of why go headless in the first place. Headless WordPress resources: wpengine.com/builders/headless/ www.wpgraphql.com/
ACF Chat Friday - April 26, 2024: Block Bindings API
Переглядів 5102 місяці тому
In this ACF Chat Fridays session we dive into the Block Bindings API released in WordPress 6.5. Damon Cook demos how to use ACF fields with it, with various approaches. ACF Chat Fridays are open office hours with the ACF team and users, featuring live discussions of all things ACF, answering your questions on building sites with ACF, getting the most out of your fields, and what’s next for the ...
ACF Getting Started
Переглядів 8 тис.3 місяці тому
Custom fields are the secret to adding and managing extra content data in WordPress. ACF simplifies the creation and management of these fields, providing your WordPress sites with structured data and an intuitive way to edit that data. advancedcustomfields.com advancedcustomfields.com/pro/ 00:08 - Intro 00:22 - Overview of Custom Fields features 01:14 - Default WordPress meta field limitations...
Installing ACF and ACF PRO
Переглядів 2233 місяці тому
See how to install both the free version of ACF, including over 30 types of custom fields, custom post types, and taxonomies, and ACF PRO, which adds advanced fields and features like the Repeater field, Flexible Content field, ACF Blocks, and Options Pages. advancedcustomfields.com advancedcustomfields.com/pro/ 00:08 - Intro 00:33 - Installing ACF 00:58 - Upgrading to ACF PRO 01:34 - Downloadi...
Getting Started with ACF Custom Fields & Field Groups
Переглядів 5143 місяці тому
Getting Started with ACF Custom Fields & Field Groups
ACF Chat Friday - April 12, 2024: Q&A
Переглядів 3173 місяці тому
ACF Chat Friday - April 12, 2024: Q&A
WPGraphQL Smart Cache Updates
Переглядів 1723 місяці тому
WPGraphQL Smart Cache Updates
Cookie Policy Popups in headless WordPress with Next.js 14 and WPGraphQL
Переглядів 2364 місяці тому
Cookie Policy Popups in headless WordPress with Next.js 14 and WPGraphQL
ACF Chat Friday - March 15, 2024: WordPress 6.5
Переглядів 2384 місяці тому
ACF Chat Friday - March 15, 2024: WordPress 6.5
Design Various Header Layouts With WordPress Blocks
Переглядів 5834 місяці тому
Design Various Header Layouts With WordPress Blocks
All Things WPGraphQL for ACF
Переглядів 6674 місяці тому
All Things WPGraphQL for ACF
ACF Chat Friday - March 1, 2024: Q&A (ACF 6.2.7)
Переглядів 2104 місяці тому
ACF Chat Friday - March 1, 2024: Q&A (ACF 6.2.7)
Getting Started with Advanced Custom Fields (ACF)
Переглядів 3,5 тис.4 місяці тому
Getting Started with Advanced Custom Fields (ACF)
Built on Demand: Next-Level Design With WordPress
Переглядів 8524 місяці тому
Built on Demand: Next-Level Design With WordPress
Design Your WordPress Website With No Code in the Site Editor
Переглядів 5115 місяців тому
Design Your WordPress Website With No Code in the Site Editor
Intro To Headless WordPress
Переглядів 1,2 тис.5 місяців тому
Intro To Headless WordPress
ACF Chat Friday - February 2, 2024: ACF 6.2.5 Security Release! Part Deux
Переглядів 3045 місяців тому
ACF Chat Friday - February 2, 2024: ACF 6.2.5 Security Release! Part Deux
Building a Website with Frost: From the Ground Up
Переглядів 1,3 тис.5 місяців тому
Building a Website with Frost: From the Ground Up
State of Atlas 2024: The Headless WordPress Hosting Platform
Переглядів 3255 місяців тому
State of Atlas 2024: The Headless WordPress Hosting Platform

КОМЕНТАРІ

  • @RamdevKumhar-r3e
    @RamdevKumhar-r3e День тому

    Which is best method for rendering?

  • @JuaN4ALL-zw5yw
    @JuaN4ALL-zw5yw 19 днів тому

    Great work! I hope you make the documentation as detailed as possible.

  • @sophiemulders
    @sophiemulders 19 днів тому

    can you explain how you made the templates for this... so frontend implementation... this is just backend.

    • @WPEngineBuilders
      @WPEngineBuilders 2 дні тому

      The final code exists on GitHub. Here is each Section: github.com/colorful-tones/qorp/tree/main/themes/qorp-theme/flexible-content/sections And here is where the fields are looped through: github.com/colorful-tones/qorp/blob/main/themes/qorp-theme/single.php

  • @charlie-moss
    @charlie-moss Місяць тому

    Thank you for an excellent series. It has helped me to see the light and transition to Blocks. I love Frost (well. my own fork)

  • @christostsm5795
    @christostsm5795 Місяць тому

    Where can i find an updated guide on how to use login/register in headless wp lol.

  • @виртуоз_ру
    @виртуоз_ру Місяць тому

    Hi. When will the ability to update acf fields be added?

  • @mbaapohelviszonepoh1284
    @mbaapohelviszonepoh1284 Місяць тому

    Wow, this is just what i have been looking for. I wanted an approach where I could design a Wordpress website with just the blocks and some css/html/js without using any third party tools. Thanks very much for this content

  • @MaynardStuartFarrell
    @MaynardStuartFarrell Місяць тому

    Couldn't get the Gutenberg Form to work with an error message appearing every time someone tried to fill it in so I just used the Elementor Pro to make the form.

  • @dominikfrackowiak4693
    @dominikfrackowiak4693 Місяць тому

    Very helpful, thank you guys!

  • @MondoLizzie
    @MondoLizzie Місяць тому

    I have a website with four subdomains. I am rebuilding them and moving to a new hosting provider but designing them using Local. Can I have different themes on each subdirectory or should I use subdomain instead for that ability. Each site is connected but designed with a different look, using different themes. I am uncertain whether to pick subdirectory or subdomain. Which will allow me to use different themes with each site?

  • @madanmalhotra
    @madanmalhotra Місяць тому

    i thought graphql only work in pages router. but you are using App router. hows it?

  • @lukemersh3573
    @lukemersh3573 Місяць тому

    Hi Damon, please can you tell me what block theme you are using? kind regards.

    • @WPEngineBuilders
      @WPEngineBuilders 2 дні тому

      The theme is in the final codebase (also linked in video's description): github.com/colorful-tones/Auto-Car-Finder

    • @lukemersh3573
      @lukemersh3573 День тому

      Thank you. I am struggling a bit with ACF, trying to understand how to get some of the results to appear. Regards

  • @MarinSimina
    @MarinSimina Місяць тому

    Hello Brian, it looks like Frost is not compatible with bbPress. Any comments about compatibility? Thanks!

    • @WPEngineBuilders
      @WPEngineBuilders Місяць тому

      No comments, specifically. Can you elaborate on what specifically is not compatible? -BG

    • @MarinSimina
      @MarinSimina Місяць тому

      The forums page (bbpress) is not displayed after creating a forum, if I visit the page. I see an empty html page. It gets displayed properly if I use genesis sample or other themes. Maybe I miss something?

  • @francois3128
    @francois3128 Місяць тому

    Thank you, and it's without plugin, this is what I was looking for :-) !

  • @WPEngineBuilders
    @WPEngineBuilders Місяць тому

    What questions do you have about headless WP in the App Router? Stoked and let us know!

    • @duynd243
      @duynd243 Місяць тому

      Will Faustjs support the wordpress template hierarchy for app router?

    • @ThisFellahHadFire
      @ThisFellahHadFire Місяць тому

      Doesn't seem like Gutenberg Blocks / Acf Blocks are supported by the app router yet?

    • @rotemyagel4683
      @rotemyagel4683 26 днів тому

      I would like to learn how to work with dynamic categories optional subcategories post in the url rewrite rules permalink structure

  • @amelia_briscoe
    @amelia_briscoe Місяць тому

    When it comes to styling different blocks, I like to open the 'Style Book', click on the block I want to change and it brings up the global styles for that specific block. Saves having to search for it! It also shows a preview of the changes before you save it.

    • @amelia_briscoe
      @amelia_briscoe Місяць тому

      Opening the 'Style Book' also helps to preview global changes like the ones you were making for the Frost theme. It's a handy tool for themes that don't come with a custom front page, such as your Powder theme 🙂

    • @WPEngineBuilders
      @WPEngineBuilders Місяць тому

      Good stuff, Amelia! -BG

  • @BK-qx3qf
    @BK-qx3qf Місяць тому

    Validations in blocks are awesome.

  • @DavePerth
    @DavePerth Місяць тому

    Is this Frost specific, or the same for all FSE themes ?

    • @WPEngineBuilders
      @WPEngineBuilders Місяць тому

      The Global Styles feature is available to any FSE theme. The opinionated styles (blue color palette, etc) you see were just because Frost was active. -BG

  • @visualmodo
    @visualmodo Місяць тому

    Truly good work!!!

  • @TheBeeOBee
    @TheBeeOBee Місяць тому

    Nice improvements!

  • @chip_a
    @chip_a Місяць тому

    thanks I will try

  • @richwoodward
    @richwoodward Місяць тому

    A tutorial showing how to create the pages/posts for an auto-dealership as shown in this demo (0:45) using only ACF would be very helpful.

    • @WPEngineBuilders
      @WPEngineBuilders Місяць тому

      A workshop was done and the recording covers this: ua-cam.com/video/eE17hjOwG3s/v-deo.html

    • @richwoodward
      @richwoodward Місяць тому

      @@WPEngineBuilders Thank you!

  • @lukemersh3573
    @lukemersh3573 2 місяці тому

    HI there. I love this tutorial, but I would like to see more of the backend and the coding as I am struggling to understand how it all works. thank you.

  • @davisvilums
    @davisvilums 2 місяці тому

    I got a little confused when you said "Recipe Advertisment" since I work in a company that is named like that.

    • @WPEngineBuilders
      @WPEngineBuilders 2 місяці тому

      I was just using that as an example-a food blog with an inline advertisement on a recipe post. -BG

  • @HideBuz
    @HideBuz 2 місяці тому

    Patterns are a game changer! Been using other CMS exactly because they allow you to create whole sections without a lot of fuss. I will give WP another look. Been a while I used this for one of my projects. Thanks for the update!

  • @visualmodo
    @visualmodo 2 місяці тому

    Really good tutorial, thank you!

  • @madtho
    @madtho 2 місяці тому

    One of the first things I show clients, I tell them it's a map of the page. Indispensable.

  • @SkyrimBeast
    @SkyrimBeast 2 місяці тому

    Jeff, thank you so much for this video. The instructions provided worked perfectly in my app. Much ❤

  • @CJ-lu7tv
    @CJ-lu7tv 2 місяці тому

    Thank you so much for creating this feature. It is amazing.

    • @LiamGladdyWPE
      @LiamGladdyWPE 2 місяці тому

      Thanks for your feedback! I'm glad you're enjoying it :)

  • @pacesferry
    @pacesferry 2 місяці тому

    ❤ How to collapse and un-collapse everything?

  • @zhanezar
    @zhanezar 2 місяці тому

    bro you have a great voice

  • @SkyrimBeast
    @SkyrimBeast 2 місяці тому

    Little late to this party, but I don't see the link to the repo anywhere.

    • @WPEngineBuilders
      @WPEngineBuilders 2 місяці тому

      Hi there - here's the repo! github.com/Fran-A-Dev/headless-faust101 I would also recommend you join us in the Discord community if you have any questions: discord.gg/headless-wordpress-836253505944813629 - Sam ✨ Community Manager

    • @SkyrimBeast
      @SkyrimBeast 2 місяці тому

      @@WPEngineBuilders Thank you so much Sam!

  • @goatcheeta
    @goatcheeta 2 місяці тому

    Agreed. A great organizational feature and the new ability to rename is very helpful. You don't have to be a developer to take advantage of the list view I wish the outline would include the vendor along with the component added to the outline since there are many duplicates in many people's component stack - several varieties of accordions, containers, etc so to trace it back to the source.

  • @armandoalquinga5355
    @armandoalquinga5355 2 місяці тому

    Tutorial de como subir a producción con git+Vercel

  • @amelia_briscoe
    @amelia_briscoe 2 місяці тому

    Just noting there is a current issue in Github where the form is not able to be edited within a Group block. I found that if you set up the form block first and then add it to a group block, the settings configured for the form settings stick and the form works fine.

  • @liborlepka4240
    @liborlepka4240 2 місяці тому

    HI, can I somehow implement this with Elementor on frontend? Thanks.

    • @WPEngineBuilders
      @WPEngineBuilders Місяць тому

      Maybe at some point, we'll look to create content around Elementor, but nothing to share at the moment. Thanks for the feedback!

  • @lindsayaiello501
    @lindsayaiello501 2 місяці тому

    Where do i find the WPGraphQL content blocks extension?

    • @WPEngineBuilders
      @WPEngineBuilders 2 місяці тому

      Hi there - you can find that here: faustjs.org/tutorial/get-started-with-wp-graphql-content-blocks Also, if you're not already in our Headless WP Discord we would love to have you 💜 discord.gg/headless-wordpress-836253505944813629

    • @lindsayaiello501
      @lindsayaiello501 2 місяці тому

      @@WPEngineBuilders Thanks! Do you have to use faust to use that plugin?

    • @WPEngineBuilders
      @WPEngineBuilders 2 місяці тому

      @@lindsayaiello501 Hi there, great question. No, this plugin does not require Faust. Now, Faust makes it easier because the queries are set already. However, you can use any framework with this plugin since what it primarily does is give block data to a server-side registry so it shows up in GraphQL. Let us know if you have any other questions! - Sam ✨ Community Manager

  • @NYCSubwayWorker
    @NYCSubwayWorker 2 місяці тому

    I give up

  • @NYCSubwayWorker
    @NYCSubwayWorker 2 місяці тому

    the application immedaitely exists after trying npm run dev. No idea why

    • @WPEngineBuilders
      @WPEngineBuilders 2 місяці тому

      Hi there - I would recommend jumping into our Headless WordPress Discord Community - this would be a good place to ask questions and share your code for community support! discord.gg/headless-wordpress-836253505944813629 Hope to see you inside. - Sam ✨Community Manager

  • @visualmodo
    @visualmodo 2 місяці тому

    Really good content! :_)

  • @madtho
    @madtho 2 місяці тому

    Does ‘reset styles’ reset *all* styles to theme defaults?

    • @WPEngineBuilders
      @WPEngineBuilders 2 місяці тому

      Yes, it does. In the case of the video, I chose to do it since I hadn’t made any other changes and it was a quick way to demonstrate it. Had there been other customizations, I would have gone back to the actual setting where the font was applied and simply reset it there. -BG

  • @cholo2605
    @cholo2605 2 місяці тому

    Sounds great the series!!! Thanks 😊

  • @keywordniches2207
    @keywordniches2207 2 місяці тому

    hi, is there a way to get html and css working in the gutenberg editor for example i want to convert my old site into a gutenberg wordpress site. I know there is a way to go to inspect source and then insert the raw html css into the editor but for some reason i can not get it to be editable into gutenberg. Do you know how to solve this?

  • @TACDetective
    @TACDetective 2 місяці тому

    Great video, Thank you. forked and changed the identity (manually) as per your instructions here then had a play in localwp. I see on your website you have colour gradient variations, but I can't yet see how to activate one. New to the built in FSE, so stumbling in the dark. I do see you have other and newer videos on Frost, maybe one is a Frost FSE for dummies!! Thanks, i have subscribed because of this viideo.

    • @WPEngineBuilders
      @WPEngineBuilders 2 місяці тому

      Style variations can be set by having a /styles/ folder in a theme with corresponding .json files. Here's an example: github.com/wpengine/frost/tree/trunk/styles -BG

  • @devio7427
    @devio7427 2 місяці тому

    Thank you <3 However I am facing an issue with if I make any changes in JS files it reflects immediately but changes done in the WP ADMIN back-end don't reflect immediately I have to run **npm run dev ** every time to see the changes. Please help if I am missing anything.

  • @DarylMalibiran
    @DarylMalibiran 2 місяці тому

    I am sorry I missed this. Thank you Damon for the visual presentation - I understood this new thing better. It seems like Block Bindings API is still in early stage having a very few supported block atm. It surely has a lot of potentials in the future. For now, I stick with Sync Patterns and custom ACF Blocks.

  • @SiteStudio
    @SiteStudio 2 місяці тому

    I was expecting a UI to do this where you select any core block and bind data to it; you can already do this with Kadence Blocks, Generate Blocks, etc. Without a UI, this is not ready for primetime.

  • @acidfather
    @acidfather 2 місяці тому

    I'm getting this error when I try to install PS C:\xampp\htdocs extjs14-headlesswp-example> npm run install node:internal/modules/cjs/loader:1205 throw err; ^ Error: Cannot find module 'C:\Users ame\AppData\Roaming pm ode_modules pm\bin pm-cli.js' at Module._resolveFilename (node:internal/modules/cjs/loader:1202:15) at Module._load (node:internal/modules/cjs/loader:1027:27) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:187:14) at node:internal/main/run_main_module:28:49 { code: 'MODULE_NOT_FOUND', requireStack: [] }

    • @WPEngineBuilders
      @WPEngineBuilders 2 місяці тому

      Hi there! Please join our Discord community so we can support you with this error. discord.gg/headless-wordpress-836253505944813629 Thank you! -- Sam 🌟 Community Manager

  • @TheBeeOBee
    @TheBeeOBee 2 місяці тому

    Can we get the links mentioned at the beginning and also the gist?

    • @WPEngineBuilders
      @WPEngineBuilders 2 місяці тому

      Sorry about that! I've added them under the description for the video.

  • @catg5105
    @catg5105 2 місяці тому

    Do any women work for ACF?