Updated on October 24, 2020
In the past, I wrote a tutorial on how to set up category archive hero/header images using WP Term Images here.
This members-only tutorial provides the steps to do the same using Advanced Custom Fields.
Install and activate ACF.
Go to Custom Fields > Add New and add your field group.
Set the Return Format as Image Array.
Edit your categories and select/upload an image for each.
You need to regenerate the thumbnails if you are selecting images that were uploaded before implementing this tutorial.
Install and activate Code Snippets plugin.
Add a new Snippet named say, "Custom image sizes" having the following code:
add_image_size( 'category-image', 1600, 400, true );
Save changes and activate.
Add another Code Snippet.
Title: Get Category Image URL
This is a premium members-only content.
To view the rest of the content, please sign up for membership ($47/month or $399 one-time).
Already a member? Log in below or here.
Enter your email address to subscribe to this blog and receive notifications of new tutorials by email.
Join 415 other subscribers
Please log in again.
The login page will open in a new tab. After logging in you can close it and return to this page.