WordPress Custom Post Type Category Images : Solved

If you’re a WordPress developer, you’ve probably been here.

You want to use images for your categories, but they are custom taxonomies. Here’s how to solve that issue. We’re using a plugin called “Category Images” by Muhammad Said El Zahlan.

Download, install and activate the plugin. Now you can add images to your categories in any post type (or terms). You can even exclude post types if you want to keep things local to a single category. Now you want to display those images somewhere. There’s plenty of documentation on the author’s site but in our case we needed  to loop through the categories and display the image in a javascript portfolio plugin.

In our file we added the line:

<?php foreach (get_terms(‘v-category’) as $cat) : ?>

Where v-category is the slug of our custom taxonomy.

Next we needed to display the image and the category name.

<img width=”700″ height=”700″ src=”<?php echo z_taxonomy_image_url($cat->term_id); ?>” class=”scale-with-grid wp-post-image” alt=”” />

<h2 class=”nvr-pf-title”><a href=”<?php echo get_term_link($cat->slug, ‘v-category’); ?>”><?php echo $cat->name; ?></a></h2>

Then ending foreach:

<?php endforeach; ?>

That’s it. Displays like a champ.

More Web Design Blog Content

Using Google URL Shortener

It really could not be easier. Google’s URL shortener is certainly the best one out there. https://goo.gl/ Our latest rollout, InfoGopher, uses this extensively. Our unique texting app needs short URLs in order to remain inside text character limits. Anyway, we love it. Google as usual gives you

Product Variations – WordPress Plugins

So this is a nice little plugin – an add-on to Woocommerce called Smart Variation Images. The extension allows  you to set different images to each product variation. This is handy to display different style types to the user as they browse through your product variation choices. Each time they

Programming code on a computer screen

Simplifying JavaScript Development with Essential Tools

JavaScript is an incredibly powerful language that drives the dynamic and interactive elements of web applications. However, it can also be complex and challenging to work with, especially as projects grow in size and scope. Fortunately, there are a number of tools available that can streamline the development

Why Website Speed Matters More Than Ever in 2024

In today’s fast-paced digital world, website speed is crucial. Users expect instant access to information, and a slow website can significantly impact your business. Here’s why website speed matters more than ever in 2024 and how you can improve it. The Importance of Website Speed User Experience When

reducing cumulative layout shift (CLS)

Reducing Cumulative Layout Shift (CLS)

NEED HELP REDUCING CLS? Enter Your Website Below For Personal Recommendations:   Fill out my online form. In the fast-evolving landscape of web design, one metric that has gained significant attention among developers and SEO experts alike is the Cumulative Layout Shift (CLS). Since it directly affects user

SEO is No Big Secret

Really, SEO is not some big secret. Some companies try to pretend it is but you don’t have to be an expert to manage your own SEO. What do you think search engines like Google want? Well, they want what their users’ want. That’s how they get business,