Скачать или смотреть How to Display Custom Taxonomy Images on a Single WordPress Post

Learn how to easily display custom taxonomy images in WordPress using shortcodes and Advanced Custom Fields. Perfect for enhancing your single post views!
---
This video is based on the question https://stackoverflow.com/q/67540964/ asked by the user 'n1k1dk' ( https://stackoverflow.com/u/15929516/ ) and on the answer https://stackoverflow.com/a/67581723/ provided by the user 'n1k1dk' ( https://stackoverflow.com/u/15929516/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Wordpress display custom taxonomy image on single post - php

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Displaying Custom Taxonomy Images on a Single WordPress Post

Are you a WordPress user who has created a custom post type and added a custom taxonomy, but are struggling to display an image associated with that taxonomy on a single post? Look no further! In this guide, we will walk you through the steps to display custom taxonomy images using PHP and the Advanced Custom Fields (ACF) plugin. This will not only enhance the visual appeal of your posts but also provide contextual information to your readers.

Understanding the Situation

In our example, we use a custom post type (CPT) named "Weine" and a taxonomy called "winzer", which translates to "winemakers". The goal is to display both the winemaker's name and description alongside an image that represents the winemaker whenever a single post is viewed. Here’s how we can achieve that.

Creating the Custom Taxonomy

Before we jump into the code, make sure you have already created the following:

A Custom Post Type named "Weine".

A Custom Taxonomy named "winzer".

An Advanced Custom Fields (ACF) field for the "winzer" taxonomy to hold the corresponding image.

The Existing Code

You may already have the following code snippet in your functions.php file, which displays the winemaker's name along with their description using a shortcode:

[[See Video to Reveal this Text or Code Snippet]]

Adding the Taxonomy Image

To display the taxonomy image, we need to modify our code. Follow these steps to include the image in your shortcode output.

1. Get the Current Post

We will begin by getting the current post using global $post;. This is essential because we want to display information that corresponds specifically to the post being viewed.

2. Fetch the Taxonomy Terms

Using wp_get_post_terms(), we retrieve the terms associated with the "winzer" taxonomy for the current post.

3. Modify the Loop

Now, we will modify the loop that outputs each winemaker's information. Here's the revised code with added logic to retrieve and display the custom image field:

[[See Video to Reveal this Text or Code Snippet]]

Breakdown of the Code

global $post;: This line brings the current post's data into our function to ensure we are working with the correct post.

get_field('winzer_bild', 'winzer_' . $item->term_id);: This retrieves the image URL associated with the winemaker taxonomy using the term ID.

Image Output: If an image URL exists, it is formatted into an <img> tag. We ensure accessibility by providing an alt tag using esc_attr() for safety.

Conclusion

With this simple modification to your existing code, you can significantly enhance your Single Post layout by displaying custom taxonomy images along with names and descriptions. Now your readers will not only learn about the winemakers but also see visual representations, making your content more engaging and informative.

Ready to give it a try? Implement these changes now and watch your posts come to life!