Skip to content
This repository

Enables WordPress users to easily associate images from the media library to categories, tags and custom taxonomies.

branch: master

Prep for dotorg release:

* Change license to GPLv2 or later for maximum flexibility and compatibility.
* Random whitespace fixes.
* Update Documentation.
* CSS coding standards.
* PHP coding standards.
* Bump version number.
* Update Readmes.
latest commit a99e24b071
Michael Fields authored August 06, 2013
Octocat-spinner-32 languages Adding pot. June 20, 2011
Octocat-spinner-32 admin.css Prep for dotorg release: August 06, 2013
Octocat-spinner-32 blank.png Smushed all images. December 20, 2010
Octocat-spinner-32 code-snippets.php whitespace May 30, 2011
Octocat-spinner-32 controls.png Smushed all images. December 20, 2010
Octocat-spinner-32 default.png Smushed all images. December 20, 2010
Octocat-spinner-32 deprecated.php Prep for dotorg release: August 06, 2013
Octocat-spinner-32 edit-tags.js Use jQuery.on() instead of live jQuery.live(). August 05, 2013
Octocat-spinner-32 media-upload-popup.js Prep for dotorg release: August 06, 2013
Octocat-spinner-32 public-filters.php Prep for dotorg release: August 06, 2013
Octocat-spinner-32 readme.md Prep for dotorg release: August 06, 2013
Octocat-spinner-32 readme.txt Prep for dotorg release: August 06, 2013
Octocat-spinner-32 style.css Prep for dotorg release: August 06, 2013
Octocat-spinner-32 taxonomy-images.php Prep for dotorg release: August 06, 2013
readme.md

Taxonomy Images

A WordPress plugin that enables you to associate images from your media library to categories, tags and custom taxonomies. For usage instructions please view the screencast.

Displaying Your Images in Your Theme

There are a few filters that you can use in your theme to display the image associations created by this plugin. Please read below for detailed information.

Display a single image representing the term archive

The following filter will display the image associated with the term asked for in the query string of the url. This filter only works in views that naturally use templates like category.php, tag.php taxonomy.php and all of their derivatives. Please read about template hierarchy for more information about these templates. The simplest use of this filter looks like:

print apply_filters( 'taxonomy-images-queried-term-image', '' );

This code will generate and print an image tag. It's output can be modifed by passig an optional third parameter to apply filters. This parameter is an array and the following keys may be set:

  • after (string) - Text to append to the image's HTML.

  • attr (array) - Key/value pairs representing the attributes of the img tag. Available options include: alt, class, src and title. This array will be passed as the fourth parameter to WordPress core function wp_get_attachment_image() without modification.

  • before (string) - Text to prepend to the image's HTML.

  • image_size (string) - May be any image size registered with WordPress. If no image size is specified, 'thumbnail' will be used as a default value. In the event that an unregistered size is specified, this filter will return an empty string.

Here's an example of what a fully customized version of this filter might look like:

print apply_filters( 'taxonomy-images-queried-term-image', '', array(
    'after' => '</div>'
'attr' => array(
    'alt'   => 'Custom alternative text',
    'class' => 'my-class-list bunnies turtles',
    'src'   => 'this-is-where-the-image-lives.png',
    'title' => 'Custom Title',
    ),
'before' => '<div id="my-custom-div">',
'image_size' => 'medium',
) );

Similar functionality

If you just need to get the database ID for the image, you may want to use:

$image_id = apply_filters( 'taxonomy-images-queried-term-image-id', 0 );

If you need to get the full object of the image, you may want to use:

$image = apply_filters( 'taxonomy-images-queried-term-image-object', '' );

If you need to get the url to the image, you may want to use the following:

$image_url = apply_filters( 'taxonomy-images-queried-term-image-url', '' );

You can specify the size of the image in an option third parameter:

$image_url = apply_filters( 'taxonomy-images-queried-term-image-url', '', array(
    'image_size' => 'medium'
    ) );

If you need data about the image, you may want to use:

$image_data = apply_filters( 'taxonomy-images-queried-term-image-data', '' );

You can specify the size of the image in an option third parameter:

$image_data = apply_filters( 'taxonomy-images-queried-term-image-data', '', array(
    'image_size' => 'medium'
    ) );

List term images associated with a post object

When a post is being displayed you may want to display all of the images associated with all of the terms that are associated with the post (a mouthful? Yes indeed!). The taxonomy-images-list-the-terms filter does this. Here's what it looks like in its simplest form:

print apply_filters( 'taxonomy-images-list-the-terms', '' );

This filter accepts an optional third parameter that you can use to customize its output. It is an array which recognizes the following keys:

  • after (string) - Text to append to the output. Default value is a closing unordered list element.

  • after_image (string) - Text to append to each image. Default value is a closing list-item element.

  • before (string) - Text to prepend to the output. Default value is an open unordered list element with an class attribute of "taxonomy-images-the-terms".

  • before_image (string) - Text to prepend to each image. Default value is an open list-item element.

  • image_size (string) - Any registered image size. Values will vary from installation to installation. Image sizes defined in core include: "thumbnail", "medium" and "large". "Fullsize" may also be used to get the unmodified image that was uploaded. Defaults to "thumbnail".

  • post_id (int) - The post to retrieve terms from. Defaults to the ID property of the global $post object.

  • taxonomy (string) - Name of a registered taxonomy to return terms from. Defaults to "category".

Here's an example of what a fully customized version of this filter might look like:

print apply_filters( 'taxonomy-images-list-the-terms', '', array(
    'after'        => '</div>',
    'after_image'  => '</span>',
    'before'       => '<div class="my-custom-class-name">',
    'before_image' => '<span>',
    'image_size'   => 'detail',
    'post_id'      => 1234,
    'taxonomy'     => 'post_tag',
    ) );

Working with all terms of a given taxonomy

You will want to use the 'taxonomy-images-get-terms' filter. This filter is basically a wrapper for WordPress core function get_terms(). It will return an array of enhanced term objects: each term object will have a custom property named image_id which is an integer representing the database ID of the image associated with the term. This filter can be used to create custom lists of terms. Here's what it's default useage looks like:

$terms = apply_filters( 'taxonomy-images-get-terms', '' );

Here is what php's print_r() function may return:

Array
(
[0] => stdClass Object
    (
        [term_id] => 8
        [name] => Pirate
        [slug] => pirate
        [term_group] => 0
        [term_taxonomy_id] => 8
        [taxonomy] => category
        [description] => Pirates live in the ocean and ride around on boats.
        [parent] => 0
        [count] => 1
        [image_id] => 44
    )

)

As you can see, all of the goodness of get_terms() is there with an added bonus: the image_id parameter!

This filter recognizes an optional third parameter which is an array of arguments that can be used to modify its output:

  • cache_images (bool) If this value is true all assocaite images will be queried for and cached for later use in various template tags. If it is set to false, this query will be suppressed. Do not set this value to false unless you have a really good reason for doing so :) Default value is true.

  • having_images (bool) If this value is true then only terms that have associated images will be returned. Setting it to false will return all terms. Default value is true.

  • taxonomy (string) Name of a registered taxonomy to return terms from. Multiple taxonomies may be specified by separating each name by a comma. Defaults to "category".

  • term_args (array) Arguments to pass to get_terms() as the second parameter. Default value is an empty array.

Here's and example of a simple custom loop that you can make to display all term images:

$terms = apply_filters( 'taxonomy-images-get-terms', '' );
if ( ! empty( $terms ) ) {
    print '<ul>';
    foreach( (array) $terms as $term ) {
        print '<li><a href="' . esc_url( get_term_link( $term, $term->taxonomy ) ) . '">' . wp_get_attachment_image( $term->image_id, 'detail' ) . '</li>';
    }
    print '</ul>';
}

Support

If you have questions about integrating this plugin into your site, please add a new thread to the WordPress Support Forum. I try to answer these, but I may not always be able to. In the event that I cannot there may be someone else who can help.

Bugs, Suggestions

Development of this plugin is hosted in a public repository on Github. If you find a bug in this plugin or have a suggestion to make it better, please create a new issue

Hook it up yo!

If you have fallen in love with this plugin and would not be able to sleep without helping out in some way, please see the following list of ways that you can hook it up!:

  • Rate it! - Use the star tool on the right-hand sidebar of the homepage.

  • Let me know if it works - Use the Compatibility widget on the homepage to let everyone know that the current version works with your version of WordPress.

  • Do you Twitter? Help promote by using this shortlink: http://bit.ly/taxonomy-images

  • Are you a writer? Help promote by writing an article on your website about this plugin.

  • Are you Super-Wicked-Awesome? If so, you can always make a donation.

Need More Taxonomy Plugins?

I've released a handfull of plugins dealing with taxonomies. Please see my plugin page for more info.

Installation

  1. Download
  2. Unzip the package and upload to your /wp-content/plugins/ directory.
  3. Log into WordPress and navigate to the "Plugins" panel.
  4. Activate the plugin.
  5. Click the "Taxonomy Images" link under the Settings section in the admin menu. There you can select the taxonomies that you would like to add image support for.

Changelog

0.8.0

  • Pass an empty array as default second parameter of taxonomy_images_plugin_get_the_terms() and taxonomy_images_plugin_list_the_terms().
  • Use jQuery.on() instead of jQuery.live(). Props jamiemchale.
  • Give the button on the custom admin screen a class of button-primary.
  • Store the return value of get_posts() in a variable called $images. Not sure why, but this should not harm anything.
  • Change license to GPLv2 or later for maximum flexibility and compatibility.
  • Add jamiemchale as a contributor.
  • Random whitespace fixes.
  • Update Documentation.
  • CSS coding standards.
  • Bump version number.
  • Update Readmes.

0.7.3

  • Fixed the delete image button on edit-terms.php.
  • Better escaping.
  • Introduced pot file and languages directory.

0.7.2

0.7.1

  • Remove unused link code which is throwing an error when no taxonomies support images.

0.7

  • No longer breaks display of the Better Plugin Compatibility Control plugin.
  • Created a custom filter interface for plugin and theme integration.
  • Lots of inline documentation added.
  • Added custom notices if plugin is used in an unsupported way.
  • No notices generated by PHP or WordPress.
  • Deprecated function calls removed.
  • Security updates.
  • All strings are now internationalized.
  • Add image to term functionality mimics "Add Featured Image".
  • Taxonomy modal button now available in search + upload states.
  • Image interface has been added to single term edit screen.
  • Users can now choose which taxonomys have image support.
  • All functions are now private.
  • Shortcode deprecated.
  • All global variables and constants have been removed or deprecated.

0.6

  • Never released.
  • Completely recoded.

0.5

  • UPDATE: Direct link to upload new files from edit-tag.php has been introduced.
  • UPDATE: Ability to create an image/term association immediately after upload has been introduced.
  • UPDATE: Users can now delete image/term associations.
  • UPDATE: Created standalone javascript files - removed inline scripts.
  • UPDATE: Obsesive compulsive syntax modifications.
  • UPDATE: Localization for strings - still need to "fine-tooth-comb" this.
  • UPDATE: Removed all debug functions.

0.4.4

  • BUGFIX: get_image_html() Now populates the image's alt attribute with appropriate data. Props to jaygoldman.

0.4.3

  • UPDATE: Support for WordPress 3.0 has been added. Support for all beta versions of 3.0 has been dropped.
  • COMPAT: Removed use of deprecated function is_taxonomy() - props to anointed.
  • COMPAT: Included a definition for taxonomy_exists() function for backwards compatibility with 2.9 branch. This function is new in WordPress version 3.0.

0.4.2

  • UPDATE: Changed button name from "Category" to "Taxonomy".
  • UPDATE: Support for 2.9 branch has been added again.

0.4.1

  • UPDATE: Added support for dynamic taxonomy hooks for _tag_row()
  • BROKEN: Support for 2.9 branch has been temporarily removed.

0.4

  • BUGFIX: get_thumb() now returns the fullsize url if there is no appropriate intermediate image.
  • UPDATE: Added "taxonomy_images_shortcode".

0.3

  • COMPAT: Changed the firing order of every hook untilizing the 'category_rows' method to 15. This allows this plugin to be compatible with Reveal IDs for WP Admin. Thanks to Peter Kahoun
  • COMPAT: Added Version check for PHP5.
  • UPDATE: $settings and $locale are now public properties.
  • UPDATE: Object name changed to: $taxonomy_images_plugin.
  • UPDATE: Added argument $term_tax_id to both print_image_html() and get_image_html().
  • BUGFIX: Deleted the register_deactivation_hook() function -> sorry to all 8 who downloaded this plugin so far :)

0.2

  • Original Release - Works With: wp 2.9.1.
Something went wrong with that request. Please try again.