Grégory Viguier

<p>This plugin is meant for developers, it allows to attach a thumbnail to taxonomy terms.</p>
<h4>UI for setting the thumbnails</h4>
<p>The thumbnail can be added on term creation or later on the term edition page.<br />
The terms list has a column displaying the current thumbnail (so far, no specific action here).<br />
The plugin uses the “new” media window (the one used since WP 3.5), not the old thickbox.<br />
I made some extra efforts to enhance accessibility. I’m not an a11y expert but the UI is not only a “Add thumbnail” button. For instance, the new <code>wp.a11y.speak()</code> is used when available. Please give me feedback if you think it can be improved.<br />
Works with or without JavaScript.<br />
If JavaScript is enabled, thumbnails are set via ajax in the term edition window, no need to update the term.<br />
By default, the UI is displayed for all public taxonomies, but this can be filtered that way:</p>
<pre><code>add_filter( 'sftth_taxonomies', 'my_taxonomies_with_thumbnail' );

function my_taxonomies_with_thumbnail( $taxonomies ) {
    unset( $taxonomies['post_tag'] );
    $taxonomies['my_custom_tax'] = 'my_custom_tax';
    return $taxonomies;
}
</code></pre>
<h4>Template tags</h4>
<p>Find them in <code>inc/template-tags.php</code>.<br />
<strong>Important note: for WP 4.4+, these functions use <code>term_id</code>. For WP < 4.4, they use <code>term_taxonomy_id</code>.</strong><br />
I tried to mimic the post thumbnail functions:</p>
<ol>
<li><code>get_term_thumbnail_id( $term_id )</code>: Retrieve term thumbnail ID.</li>
<li><code>has_term_thumbnail( $term_id )</code>: Check if a term has a thumbnail attached to it.</li>
<li><code>the_term_thumbnail( $term_id, $size = 'post-thumbnail', $attr = '' )</code>: Display the term thumbnail.</li>
<li><code>get_term_thumbnail( $term_id, $size = 'post-thumbnail', $attr = '' )</code>: Retrieve the term thumbnail.</li>
<li><code>set_term_thumbnail( $term_id, $thumbnail_id )</code>: Set a term thumbnail.</li>
<li><code>delete_term_thumbnail( $term_id )</code>: Detach a thumbnail from a term.</li>
</ol>
<h4>Store the data</h4>
<p>From WordPress 4.4, the term metas API is used.<br />
Below WordPress 4.4, there are two ways to store the thumbnail IDs:</p>
<ol>
<li>Use term metas with the plugin <a href="https://wordpress.org/plugins/meta-for-taxonomies/" rel="ugc">Meta for Taxonomies</a>.</li>
<li>Use an option (an array association of <code>term_taxonomy_id</code> => <code>thumbnail_id</code> integers). The option name can be customized by defining the constant <code>SFTTH_OPTION_NAME</code> in <code>wp-config.php</code>.</li>
</ol>
<h4>Get terms</h4>
<p>Use <code>get_terms()</code> with a specific parameter to retrieve only terms with a thumbnail:</p>
<pre><code>$terms = get_terms( array(
    'with_thumbnail' => true,
) );
</code></pre>
<p>From WordPress 4.4, you can also use a small helper to build your meta query:</p>
<pre><code>$terms = get_terms( array(
    'meta_query' => array(
        'relation' => 'AND',
        array(
            // Any meta query.
        ),
        sftth_meta_query(),
    ),
) );
</code></pre>
<p>Below WordPress 4.4, if you use the plugin <em>Meta for Taxonomies</em>, you should always cache thumbnails.<br />
When using <code>'with_thumbnail' => false</code> you will retrieve all terms, even those without a thumbnail, but the thumbnails will be cached, saving calls to the database later:</p>
<pre><code>$terms = get_terms( array(
    'with_thumbnail' => false,
) );
</code></pre>
<h4>Uninstall</h4>
<p>When uninstalling the plugin, you can decide to not delete the thumbnails, simply define a constant in <code>wp-config.php</code>:</p>
<pre><code>define( 'SFTTH_KEEP_DATA', true );
</code></pre>
<h4>Translations</h4>
<ul>
<li>US English</li>
<li>French</li>
</ul>
<h4>Requirements</h4>
<p>Should work starting from WP 3.5, but tested only in WP 4.2.2+ so far.</p>
<h4>Credits</h4>
<p>Photo used for the banner by <a href="https://www.flickr.com/photos/n1colas/2598073727/" rel="nofollow ugc">Nicolas Janik</a> (<a href="https://creativecommons.org/licenses/by/2.0/" rel="nofollow ugc">CC BY 2.0</a>).</p>


Taxonomy Thumbnail

Does the work well

So easy to use, writing this review takes longer than using and understanding the plugin.
*****

I needed that, it existed.

Avi Bashari

galpeaceman

<h4>DEV Theme</h4>
<p>Develop your website on live server without crashing your site, then deploy all changes in 1 click.</p>
<p>With Dev Theme plugin, you can easily create a separate staging environment for your website where you can test and experiment with new themes and designs without affecting your live site. Our plugin allows you to make changes to your staging site, preview the changes and only when you’re ready, you can push them to your live site with just a click of a button.</p>
<p>Our plugin makes it easy for you to edit themes on your live site, without worrying about affecting your live site until you decides to. You can experiment with different themes, customize them to your liking, and see how they look and feel on your site, all without having to worry about damaging your live website.</p>
<p>While the plugin does not allow you to edit plugins on the site, it ensures that any changes made to your theme are isolated and do not affect your live site. This means that you can experiment with new designs, layouts, and features without the risk of damaging your website’s performance or functionality.</p>
<p>Overall, Dev Theme plugin is a powerful tool that allows you to create a safe and isolated environment to experiment with your website’s design and layout, making it easy for you to make changes and improvements without any risk to your live site.</p>
<h4>How it works?</h4>
<p>The staging feature of Dev Theme, allows you to create a safe and secure environment for you to experiment and develop your website without impacting your live site.</p>
<p>When you create a staging environment, the plugin will copy your active theme into a folder called “dev-theme”.<br />
This folder is where you can safely edit the code of your website without affecting the live version.<br />
Once you’ve made the desired changes, you can preview the new version of your website by either activating the dev-theme just for your user, to do that, just enter to your profile and look for the “Dev Theme” option.<br />
Another option, add a dev_theme cookie with the value “enabled” in your browser.</p>
<p>This way, you can test your changes thoroughly before making them live to ensure the best possible user experience.<br />
With Dev Theme plugin, you can confidently develop and experiment with your website knowing that your live site remains safe and untouched.</p>


Taxonomy Thumbnail vs Dev Theme