WP Engine Builders
WP Engine Builders
  • 209
  • 443 281
ACF Chat Friday – Dec 6, 2024: Q&A
In this ACF Chat Fridays session we had an open Q&A talking to ACF users about improvements to the Icon Picker field, and building loops with ACF Blocks.
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/
Переглядів: 95

Відео

Creating a Custom Taxonomy with ACF
Переглядів 278Місяць тому
Learn the fundamentals of what a taxonomy is in WordPress, and how to register and display a custom taxonomy with ACF. - ACF (free) advancedcustomfields.com - ACF PRO advancedcustomfields.com/pro/ - Demo codebase github.com/colorful-tones/acf-demo-child-theme 00:08 Overview of WordPress default taxonomies 01:04 Registering custom taxonomies with ACF 02:37 Creating custom taxonomies with ACF 03:...
ACF Chat Friday - November 1, 2024: Annual Survey 2024
Переглядів 192Місяць тому
In this ACF Chat Fridays session we dive into the results of the annual survey we ran recently. We also discuss the latest ACF 6.3.10 release. Annual survey 2024 results: www.advancedcustomfields.com/annual-survey/2024-results/ 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, ge...
Installing ACF and ACF PRO
Переглядів 265Місяць тому
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 01:01 - Upgrading to ACF PRO 01:37 - Downloadi...
Creating a Custom Post Type with ACF
Переглядів 591Місяць тому
Learn the fundamentals of what a post type is in WordPress, and how to register and display a custom post type with ACF. You'll also learn to create a child theme, register custom fields and associate them with a custom post type, and display all the information. - ACF (free) advancedcustomfields.com - ACF PRO advancedcustomfields.com/pro/ - Demo codebase github.com/colorful-tones/acf-demo-chil...
Code Syntax Highlighting in Headless WordPress
Переглядів 263Місяць тому
CONTENTS: 00:00 - Intro 00:23 - The issue with native code blocks in WordPress 01:53 - Prerequisites 02:37 - Install and activate Code Block Pro 05:37 - Configure Next.js and App Router 07:48 - Taking it a Step Further - WPGraphQL Content Blocks 09:20 - Create an editor block query to get Code Block Pro data 10:29 - Rendering the Code Block in Next.js 16:38 - Other Options 17:22 - Conclusion Gi...
How to Customize WPGraphQL Cache Keys
Переглядів 1313 місяці тому
CONTENTS: 00:00 - Intro 01:35 - Understanding Default Smart Cache behavior 05:15 - Understanding Cache Invalidation with Smart Cache 08:02 - How Cache Invalidation and Cache Tags Work Together 10:31 - Why Would You Need to Customize WPGraphQL Cache Keys? 13:41 - Customizing Cache Keys 17:10 - Testing Customization 18:17 - Outro Headless WordPress resources: wpengine.com/builders/headless Headle...
ACF Chat Friday - September 6, 2024: Supporting WooCommerce HPOS
Переглядів 3443 місяці тому
In this ACF Chat Fridays session we dive into the WooCommerce HPOS support 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/
On-Demand ISR Support for Next.js/Faust.js on WP engine’s headless WordPress Platform
Переглядів 2554 місяці тому
CONTENTS: 00:00 - Intro 00:49 - What is On-Demand ISR 02:05 - Why use ODISR in headless WordPress 04:35 - Prerequisites 05:07 - Install the @wpengine/atlas-next npm package 05:49 - Update the next.config.js file 06:44 - Create an API route 08:39 - Generate a secret token for your .env file 09:51 - Using a Webhook plugin for the API Route 11:56 - Testing ODISR on WP engine's headless WP platform...
ACF Chat Friday - August 2, 2024: ACF Forms
Переглядів 4614 місяці тому
In this ACF Chat Fridays session we dive into building frontend forms with ACF with a demo from Damon Cook. 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/
ACF Chat Friday - June 21, 2024: Q&A
Переглядів 2195 місяців тому
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/a...
ACF Chat Friday - June 7, 2024: Q&A
Переглядів 2086 місяців тому
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
Переглядів 1,9 тис.6 місяців тому
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
Переглядів 1416 місяців тому
Headless WordPress resources: wpengine.com/builders/headless/ WPGraphQL GitHub Repo: github.com/wp-graphql
Getting Started with Global Styles in WordPress
Переглядів 9016 місяців тому
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
Переглядів 2406 місяців тому
ACF Chat Friday - May 24, 2024: ACF 6.3
WordPress Patterns: How to Create, Edit and Use Them
Переглядів 2,3 тис.6 місяців тому
WordPress Patterns: How to Create, Edit and Use Them
Understanding List View in the WordPress Editor
Переглядів 5706 місяців тому
Understanding List View in the WordPress Editor
ACF Chat Friday - May 10, 2024: Interactivity API
Переглядів 5777 місяців тому
ACF Chat Friday - May 10, 2024: Interactivity API
How to Add a Site Icon to Your WordPress Website
Переглядів 5357 місяців тому
How to Add a Site Icon to Your WordPress Website
How to Install Google Fonts on Your WordPress Website
Переглядів 1,1 тис.7 місяців тому
How to Install Google Fonts on Your WordPress Website
WPGraphQL Office Hours April 25, 2024
Переглядів 1697 місяців тому
WPGraphQL Office Hours April 25, 2024
ACF Chat Friday - April 26, 2024: Block Bindings API
Переглядів 7947 місяців тому
ACF Chat Friday - April 26, 2024: Block Bindings API
ACF Getting Started
Переглядів 22 тис.7 місяців тому
ACF Getting Started
Getting Started with ACF Custom Fields & Field Groups
Переглядів 2,2 тис.7 місяців тому
Getting Started with ACF Custom Fields & Field Groups
ACF Chat Friday - April 12, 2024: Q&A
Переглядів 3387 місяців тому
ACF Chat Friday - April 12, 2024: Q&A
WPGraphQL Smart Cache Updates
Переглядів 2178 місяців тому
WPGraphQL Smart Cache Updates
Cookie Policy Popups in headless WordPress with Next.js 14 and WPGraphQL
Переглядів 3368 місяців тому
Cookie Policy Popups in headless WordPress with Next.js 14 and WPGraphQL
ACF Chat Friday - March 15, 2024: WordPress 6.5
Переглядів 2418 місяців тому
ACF Chat Friday - March 15, 2024: WordPress 6.5
Design Various Header Layouts With WordPress Blocks
Переглядів 8129 місяців тому
Design Various Header Layouts With WordPress Blocks

КОМЕНТАРІ

  • @PatrickFletcher
    @PatrickFletcher 4 дні тому

    Does this add FAQ schema as well?

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq 4 дні тому

    Thanks! Can I use only WordPress and Vuejs?

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq 4 дні тому

    Thanks! Can I use only WordPress and Vuejs?

  • @Audulf-of-Frisia
    @Audulf-of-Frisia 7 днів тому

    Where is this chat normally taking place? I'd love to be there. I never knew it even existed.

  • @steveholms4039
    @steveholms4039 7 днів тому

    Brilliant. After a hour of looking / searching / reading the web ... I found your video that answered my query without having to lad Yet Another Plugin (YAP) Thank you so much for taking the time to make this video :-)

  • @LaJonaRiveriviris
    @LaJonaRiveriviris 10 днів тому

    Watching this a year later, this is a great video and super helpful in me trying to figure out what I want to do with my site. Thankl you!

  • @Romul3003
    @Romul3003 15 днів тому

    How to create a new template? For example, I created a new page in WordPress, and it should have a completely different design, not like the one in the “pages” template.

  • @mariners_platter
    @mariners_platter 17 днів тому

    in a block theme's template files, how would we display custom fields?

  • @markwilliams8850
    @markwilliams8850 21 день тому

    Not a very good editor experience. why would you want to put wysiwygs inside Gutenberg editor? You should be creating a page builder using ACF the old way, or create blocks that follow the Gutenberg UX pattern.

  • @danimatuko
    @danimatuko 22 дні тому

    What an amazing explanation you made it super clear and easy, thank you!

  • @crfmar00able
    @crfmar00able 24 дні тому

    The issue that I have is multiple people working on the same project and not having an empty repo. This workflow requires like a delete and pull down of the wp-content folder.

  • @RockingLicks
    @RockingLicks 27 днів тому

    Does this theme work with Woocommerce?

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

    Replacing jQuery with native JavaScript is a welcome change.

  • @bob-p7x6j
    @bob-p7x6j Місяць тому

    Change the title to "Stolen Custom Fields" Keep up the good work!!!

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

    Very helpful 🙂

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

    Nice - maybe also you could create a video showing integration with more modern WordPress Block themes?

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

      Something we'll certainly consider. Thanks for the feedback! -DC

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

    Great Tutorial, Create a tutorial about Events post type and create a single event and events archive page thanks for creating playlist about acf

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

      I'm glad you're enjoying the series! An events post type is a great idea, thanks for the suggestion. -DC

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

    Great description and example. Can there be more than one user who designed the product?

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

    All of this just for code highlighting. Like you remind me of those Himalayan children who had to climb mountains to go to school vibes.

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

    Very good info, thanks a lot!! - just one question: how can i delete those patterns? I would like to delete my entire default pattern collection in order to create my own. Is that possible?

  • @JenniferHernandez-r9p
    @JenniferHernandez-r9p 2 місяці тому

    Lemke Stravenue

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

    Nice work! This is pure gold!!! Is it possible to create Multi-Tenant B2B SaaS with Headless WP?

  • @CecilliaDeborah-j7n
    @CecilliaDeborah-j7n 2 місяці тому

    Eldridge Turnpike

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

    Thank you for this! I was completely lost about how to get the data from point A to point B.

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

    I have followed your tutorial, but in ACF it doesnt show any blocks, not sure where i have gone wrong.

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

    Hi there. I am following this tutorial but i am getting an error saying that there is no schema declared in the block.json file. Please help. Many thanks

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

      RESOLVED thank you

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

      Sorry for the late reply. I'm glad you got it resolved! -DC

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

    This tutorial actually saved my day. You guys rock!!💪

  • @AnthonyMoore-g5n
    @AnthonyMoore-g5n 2 місяці тому

    Emie Stream

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

    Can anyone help -- for some reason full width is working on my Front Page but none of the other pages. SO FRUSTRATING!

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

    I have watched your video over and over again. Please can you explain how you set the archive page as the front page, if possible. Many thanks

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

      Go to Appearance > Editor > Templates > Add New Template: Front Page. Copy the Query Loop block from the Archive: Cars template and paste it into the Front Page template, and save. -DC

  • @BrianThompson-s7v
    @BrianThompson-s7v 3 місяці тому

    Runolfsson Coves

  • @omerta3393
    @omerta3393 3 місяці тому

    Finally on Gutenberg 19.2: Content Only Mode: Adds support for block styles on top-level content-only locked blocks and displays block icons in the toolbar.

  • @robertostringa9254
    @robertostringa9254 3 місяці тому

    Great !. Is it possible to adapt it to Astro with React components?

  • @st13invest
    @st13invest 3 місяці тому

    I created a similar row and underlying structure that mimics the top of the Latest Articles group, except I created it on a Cover. The justification settings for the row have no effect. What could be constraining this functionality?

  • @johndunn4682
    @johndunn4682 3 місяці тому

    Some background on the NPX stuff would have been helpful in the tutorial.

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

    Got any questions on this support for ODISR? Let us know! Stoked

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

    Nuxt go

  • @silverline-studio
    @silverline-studio 4 місяці тому

    way too brief, quick, and not in depth. learned p much nothing

    • @DamonCook0
      @DamonCook0 3 місяці тому

      Thanks for taking the time to leave your feedback. It sounds like your expectations for what you desired to learn from this video did not align with its purpose. Can you enumerate what you were looking for?

  • @dustinbest1326
    @dustinbest1326 4 місяці тому

    This was awesome! Thanks for walking us through it!

  • @ahmadkhaled7497
    @ahmadkhaled7497 4 місяці тому

    Can I use vue js instead of React/Next? I know the wp block library is react-based, but I can use any external tailwind library and follow the same tutorial? In theory can this work?

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

      Yeah you should be able to use the graphql data with any framework, but tailwind is a CSS library, this will probably require a Javascript-based framework to make any use of the data

  • @wtf.scaryking
    @wtf.scaryking 4 місяці тому

    pretty stupid not to explain the most important part, how to integrate it into the template

  • @creyff437
    @creyff437 4 місяці тому

    Thank You! I needed this, been searching profusely for days and found it in your video!

  • @shravyahegde5343
    @shravyahegde5343 4 місяці тому

    I have tried this example exactly the same. but on opening the site locally it's not showing the posts page. instead, home page contents includes "A commitment to innovation and sustainability". Am I missed anything to load posts on the front page?

  • @aogunnaike
    @aogunnaike 4 місяці тому

    Can't wait to learn this 😊

  • @imraan_alam
    @imraan_alam 4 місяці тому

    Question: I am using rem clamp instead of px for spacing. its working fine on the frontend but the backend everything looks like has no spacing applied but in reality, its applied and working fine on frontend. any solution for this this?

  • @taablo
    @taablo 4 місяці тому

    Please create another video with a more detailed explanation and a better instructor whose we can easily understand.

  • @RamdevKumhar-r3e
    @RamdevKumhar-r3e 4 місяці тому

    Which is best method for rendering?

  • @JuaN4ALL-zw5yw
    @JuaN4ALL-zw5yw 5 місяців тому

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

  • @sophiemulders
    @sophiemulders 5 місяців тому

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

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

      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

  • @christostsm5795
    @christostsm5795 6 місяців тому

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