ACF Block
A dinamic hero block using ACF Pro.
by Andre Ranulfo · github.com/zagaz/gutenberg-custom-block-hero-with-acf-pro · website
★ 0stars
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/zagaz/gutenberg-custom-block-hero-with-acf-pro/archive/refs/heads/main.zipDeclares an update source (https://example.com/my-plugin/), so updates arrive through the plugin's own updater.
From the readme
Gutenberg Custom Block Hero with ACF pro
Description
This project provides a custom WordPress block for creating a dynamic hero section using Advanced Custom Fields (ACF) Pro. The block offers flexible background options:
- Color – Set a solid background color.
- Image – Select an image as the background.
- YouTube – Enter a YouTube video URL and configure options:
- ▶️ Autoplay
- 🔁 Loop video
- 🔇 Mute video
You can also customize the following content:
- Title
- Subtitle
- Description
- Link Button (customize background color, URL and text color)
This allows you to build visually engaging hero sections tailored to your site's needs.
Live Demo
Live Demo, click HERE.
Requirements
- WordPress (latest version recommended)
- ACF Pro plugin (required for custom block and flexible content support)
Installation
1. Clone the repository
2. Copy the plugin/theme files
- Place the Gutenberg-Custom-Block-Hero-with-ACF-pro folder inside your WordPress wp-content/plugins/ or wp-content/themes/ directory, depending on your setup.
- Also,you can download the main branch .zip file and install in your WordPress instalation.
3. Install and activate ACF Pro
- Dow