Scott Reilly

<p>Display an image for each category associated with a post.</p>
<p>Notes:</p>
<p>This plugin provides the templates tag <code>c2c_the_category_image()</code> which basically reproduces and extends the functionality of WordPress’s core function <code>the_category()</code> to add the ability to display a category image instead of the category name in the link to the category archive.  With its $image_extensions argument defaulted to <code>""</code>, the plugin could be a drop-in replacement for <code>the_category()</code>.  As is done in <code>the_category()</code>, the image or text for each category is also a link back to that category’s archive.</p>
<p>Related info about the function:</p>
<ul>
<li>If $image_extensions is defined, but no image is found for the category, then nothing is displayed for that category.</li>
<li>$image_extensions can be defined as a space separated list of image extensions.  Files will be checked with the image extensions in the order those extensions were provided; default is ‘png gif jpg’.</li>
<li>The number of category links/images displayed can be limited via the $limit argument</li>
<li>Category image  tags are defined with class=”catimage” for stylesheet manipulation.</li>
<li>The result can be filtered via the filter named “c2c_the_category_image”.</li>
<li>
<p>Must be run inside “the loop”.</p>
<p>c2c_get_category_image_list() is another provided function, which is identical to <code>c2c_the_category_image()</code> except that it doesn’t echo the result.</p>
</li>
</ul>
<p>Links: <a href="http://coffee2code.com/wp-plugins/category-images/" rel="nofollow ugc">Plugin Homepage</a> | <a href="https://wordpress.org/extend/plugins/category-images/" rel="ugc">Plugin Directory Page</a> | <a href="http://coffee2code.com" rel="nofollow ugc">Author Homepage</a></p>
<h3>Template Tags</h3>
<p>The plugin provides one optional template tag for use in your theme templates.</p>
<h4>Functions</h4>
<ul>
<li><code><?php function c2c_the_category_image( $seperator='', $parents='', $image_extensions='png gif jpg', $image_dir='/wp-content/images/', $use_name_if_no_image=false, $start_from='begin', $limit=999 ) ?></code></li>
</ul>
<p>This displays the image associated with a post’s categories.</p>
<h4>Arguments</h4>
<ul>
<li>
<p><code>$separator</code><br />
Optional argument.  The text and/or HTML to appear between each of a post’s category images.</p>
</li>
<li>
<p><code>$parents</code><br />
Optional argument.  Allows you to specify if you want ancestor categories of a post’s category to be imaged and linked as well.  Valid options are ‘multiple’, ‘single’, and ”. Default is ”.</p>
</li>
<li>
<p><code>$image_extensions</code><br />
Optional argument.  A space-separated list of image extensions (case insensitive).  If defined as ” then no image is retrieved and the category name is displayed instead (a la <code>the_category()</code>).  Default is ‘png gif jpg’.</p>
</li>
<li>
<p><code>$image_dir</code><br />
Optional argument.  The directory in which the category image(s) reside.  The value should be a location relative to the main URL of your blog.  Default is ‘/wp-content/images/’</p>
</li>
<li>
<p><code>$use_name_if_no_image</code><br />
Optional argument.  Boolean value (true or false) indicating if the name of the category should be displayed for each category that does not have an associated image.  Default is false.</p>
</li>
<li>
<p><code>$start_from</code><br />
Optional argument.  How to traverse the list of post’s categories; either ‘begin’ or ‘end’.  Default is ‘begin’</p>
</li>
<li>
<p><code>$limit</code><br />
Optional argument.  The maximum number of category images to be displayed.  Default is 999 (basically, no limit)</p>
</li>
<li>
<p><code>$post_id</code><br />
Optional argument.  The Post ID.  If false, then use the current post (i.e. while in the loop).  Default is false.</p>
</li>
</ul>
<h3>Examples</h3>
<ul>
<li>
<p>You can opt to treat only certain categories as having a graphical representation by defining an image for them but not creating images for the non-graphically represented categories (as in you can have a subset of categories that dictate what image to be displayed for the post).</p>
</li>
<li>
<p>You can take advantage of the $image_extension and/or $image_dir arguments to display different category icons under different contexts, i.e. if showing a $single post, choose to use a ‘png’ image, otherwise use ‘gif’; or locate your images in different directories ‘/wp-content/images/cat-images/small/’ and ‘/wp-content/images/cat-images/large/’ and decide based on context where to get the image(s) from:</p>
<p>// In showing the post singularly, then use a larger image, else use a small image<br />
  if ( is_single() ) {<br />
    c2c_the_category_image(”, ”, ‘gif’, ‘/wp-content/images/cat-images/large/’);<br />
  } else {<br />
    c2c_the_category_image(”, ”, ‘gif’, ‘/wp-content/images/cat-images/small/’);<br />
  }</p>
</li>
<li>
<p>Show all images in a comma-separated line:</p>
</li>
<li>
<p>Show all images in an unordered list:</p>
</li>
<li>
<p>Assuming one category per post, just show the category image without further HTML markup:</p>
<p>< ?php c2c_the_category_image(' ');  // note the space in the argument, necessary to turn off default </p>
<ul> markups ?></p>
<h3>Filters</h3>
<p>The plugin exposes two filters and one action for hooking.  Typically, customizations utilizing these hooks would be put into your active theme’s functions.php file, or used by another plugin.</p>
</li>
</ul>
<h4>c2c_get_category_image (filter)</h4>
<p>The ‘c2c_get_category_image’ hook allows you to use an alternative approach to safely invoke <code>c2c_get_category_image()</code> in such a way that if the plugin were deactivated or deleted, then your calls to the function won’t cause errors in your site.</p>
<p>Arguments:</p>
<ul>
<li>same as for <code>c2c_get_category_image()</code></li>
</ul>
<p>Example:</p>
<p>Instead of:</p>
<pre><code>    <?php $cat_images = c2c_get_category_image( $cat ); ?>
</code></pre>
<p>Do:</p>
<pre><code>    <?php $cat_images = apply_filters( 'c2c_get_category_image', $cat ); ?>
</code></pre>
<h4>c2c_get_the_category_image_list (filter)</h4>
<p>The ‘c2c_get_the_category_image_list’ hook allows you to use an alternative approach to safely invoke <code>c2c_get_the_category_image_list()</code> in such a way that if the plugin were deactivated or deleted, then your calls to the function won’t cause errors in your site.</p>
<p>Arguments:</p>
<ul>
<li>same as for <code>c2c_get_the_category_image_list()</code></li>
</ul>
<p>Example:</p>
<p>Instead of:</p>
<pre><code>    <?php $cat_list = c2c_get_the_category_image_list(); ?>
</code></pre>
<p>Do:</p>
<pre><code>    <?php $cat_list = apply_filters( 'c2c_get_the_category_image_list', '' ); ?>
</code></pre>
<h4>c2c_the_category_image (action)</h4>
<p>The ‘c2c_the_category_image’ hook allows you to use an alternative approach to safely invoke <code>c2c_the_category_image()</code> in such a way that if the plugin were deactivated or deleted, then your calls to the function won’t cause errors in your site.</p>
<p>Arguments:</p>
<ul>
<li>same as for <code>c2c_the_category_image()</code></li>
</ul>
<p>Example:</p>
<p>Instead of:</p>
<pre><code>    <?php c2c_the_category_image(); ?>
</code></pre>
<p>Do:</p>
<pre><code>    <?php do_action( 'c2c_the_category_image' ); ?>
</code></pre>


Category Image(s)

Display an image for each category associated with a post.

webangon

<p>Enhance your <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor</a> page building experience custom icon fonts.</p>
<h3>26 ICON FREE PACKS (11070+ icons)</h3>
<ol>
<li><a href="https://material.io/resources/icons/?style=baseline" rel="nofollow ugc">Material Design</a> – 931 icons</li>
<li><a href="http://www.alessioatzeni.com/metrize-icons/" rel="nofollow ugc">Metrize</a> – 299 icons </li>
<li><a href="https://mariodelvalle.github.io/CaptainIconWeb/" rel="nofollow ugc">Captain</a> – 374 icons</li>
<li><a href="https://ionicons.com/" rel="nofollow ugc">Ionicons</a> – 695 icons</li>
<li><a href="http://demo.amitjakhu.com/dripicons/" rel="nofollow ugc">Dripicons</a> – 199 icons</li>
<li><a href="https://github.com/thesabbir/simple-line-icons" rel="nofollow ugc">Simpline</a> – 188 icons</li>
<li><a href="https://builder.themeum.com/wppbicon/" rel="nofollow ugc">Wp Pagebuilder</a> – 344 icons</li>
<li><a href="https://www.figma.com/community/file/768673354734944365" rel="nofollow ugc">VSCode</a> – 411 icons</li>
<li><a href="https://elementor.github.io/elementor-icons/" rel="nofollow ugc">Elementor</a> – 386 icons</li>
<li><a href="https://feathericons.com/" rel="nofollow ugc">Feather</a> – 265 icons</li>
<li><a href="http://elusiveicons.com/icons/" rel="nofollow ugc">Elusive</a> – 298 icons</li>
<li><a href="https://ob-cloud.github.io/obicon-iot/" rel="nofollow ugc">Obicon</a> -107 icons</li>
<li><a href="https://github.com/thecreation/web-icons" rel="nofollow ugc">Web icon</a> – 169 icons</li>
<li><a href="https://iconsax.io/" rel="nofollow ugc">Icon Sax</a> – 904 icons</li>
<li><a href="https://iconsax.io/" rel="nofollow ugc">Tutor LMS</a> – 314 icons</li>
<li><a href="https://iconscout.com/unicons/explore/solid" rel="nofollow ugc">Unicon solid</a> – 189 icons</li>
<li><a href="https://wordpress.org/plugins/happy-elementor-addons/" rel="ugc">Happy Icon</a> – 646 icons</li>
<li><a href="https://rawgit.com/woothemes/woocommerce-icons/master/demo.html" rel="nofollow ugc">Woocommerce</a> – 68 icons</li>
<li><a href="https://wordpress.org/plugins/dethemekit-for-elementor/" rel="ugc">DeTheme icon</a> – 385 icons</li>
<li><a href="https://build.prestashop-project.org/prestashop-icon-font/" rel="nofollow ugc">Prestashop</a> – 478 icons</li>
<li><a href="https://github.com/freepik-company/flaticon-uicons/" rel="nofollow ugc">Freepik Uicons</a> – 2287 icons</li>
<li><a href="https://api.jqueryui.com/resources/icons-list.html" rel="nofollow ugc">jQuery UIcons</a> – 450 icons</li>
<li><a href="https://user-images.githubusercontent.com/5102591/46199020-8f8ed700-c316-11e8-9b3a-7388f3f4e818.png/" rel="nofollow ugc">XL Slim Icons</a> – 292 icons</li>
<li><a href="https://uifabricicons.azurewebsites.net/" rel="nofollow ugc">Fabric Icon</a> – 1922 icons</li>
<li><a href="https://icons.grommet.io/" rel="nofollow ugc">Grommet Icon</a> – 200 icons</li>
<li><a href="https://github.com/orchidsoftware/icons" rel="nofollow ugc">Orchid</a> – 280 icons</li>
<li><a href="https://phosphoricons.com/?weight=%22light%22" rel="nofollow ugc">Phosphor light</a> – 3022 icons</li>
<li><a href="https://jpswalsh.github.io/academicons/" rel="nofollow ugc">Academic</a> – 73 icons</li>
</ol>
<h3>40 PRO PACKS (19700+ icons)</h3>
<ol>
<li><a href="https://boxicons.com/cheatsheet/" rel="nofollow ugc">Boxicons</a> – 490 icons</li>
<li><a href="https://linea.io/" rel="nofollow ugc">Linea Music</a> – 29 icons</li>
<li><a href="https://www.elegantthemes.com/blog/resources/elegant-icon-font" rel="nofollow ugc">Elegant Font</a> – 359 icons</li>
<li><a href="https://www.elegantthemes.com/blog/freebie-of-the-week/free-line-style-icons" rel="nofollow ugc">ET Line</a> – 99 icons</li>
<li><a href="https://www.gonzodesign.nl/gonzocons/" rel="nofollow ugc">Gonzo</a> – 99 icons</li>
<li><a href="https://icomoon.io/#preview-free" rel="nofollow ugc">Icomoon</a> – 490 icons</li>
<li><a href="https://iconmonstr.com/" rel="nofollow ugc">Iconmonstr</a> – 299 icons</li>
<li><a href="http://akira-miyake.github.io/iOS7-icon-font/" rel="nofollow ugc">iOS7</a> – 260 icons</li>
<li><a href="https://linea.io/" rel="nofollow ugc">Linea Basic</a> – 134 icons</li>
<li><a href="https://linea.io/" rel="nofollow ugc">Linea Elaboration</a> – 144 icons</li>
<li><a href="https://linea.io/" rel="nofollow ugc">Linea Ecommerce</a> – 84 icons</li>
<li><a href="https://linearicons.com/free" rel="nofollow ugc">Linearicons</a> – 169 icons</li>
<li><a href="https://icons8.com/line-awesome" rel="nofollow ugc">Lineawesome</a> – 1393 icons</li>
<li><a href="https://lineicons.com/" rel="nofollow ugc">Lineicons</a> – 306 icons</li>
<li><a href="https://mobiriseicons.com/cheatsheet.html" rel="nofollow ugc">Mobirise</a> – 149 icons</li>
<li><a href="https://rivolicons.hadrien.co/free/" rel="nofollow ugc">Rivolicon</a> – 130 icons</li>
<li><a href="https://themify.me/themify-icons" rel="nofollow ugc">Themify-icons</a> – 351 icons</li>
<li><a href="https://tilda.cc/free-icons/" rel="nofollow ugc">Tilda</a> – 794 icons</li>
<li><a href="https://icons.getbootstrap.com/#icons" rel="nofollow ugc">Bootstrap</a> – 1682 icons</li>
<li><a href="https://tablericons.com/" rel="nofollow ugc">Tabler</a> – 1977 icons</li>
<li><a href="https://ant.design/components/icon/" rel="nofollow ugc">Antdesign</a> – 637 icons</li>
<li><a href="https://www.figma.com/file/0Gtw7eOrDnbNxPpveO183k/Chart-Icons---Outline-(Community)?node-id=275%3A6576" rel="nofollow ugc">Chart</a> – 37 icons</li>
<li><a href="http://map-icons.com/" rel="nofollow ugc">Map Icon</a> – 174 icons</li>
<li><a href="https://devicon.dev/" rel="nofollow ugc">Devicon</a> – 499 icons</li>
<li><a href="https://www.androidicons.com/" rel="nofollow ugc">Android material</a> – 432 icons</li>
<li><a href="https://www.androidicons.com/" rel="nofollow ugc">Android holo</a> – 143 icons</li>
<li><a href="https://www.figma.com/file/T08qYmPlqINqGdU9ElXdXZ/Icon-Design-System---Eva-Icons-(Community)?node-id=0%3A1" rel="nofollow ugc">Evaicon</a> – 244 icons</li>
<li><a href="https://www.figma.com/file/2jUsVzQgltQG4LXBYabU71/Iconicool-%7C-Free-Iconset-(Community)?node-id=3%3A250" rel="nofollow ugc">Iconi cool</a> – 70 icons</li>
<li><a href="https://element-plus.org/en-US/component/icon.html#icon-collection" rel="nofollow ugc">Elementplus</a> – 243 icons</li>
<li><a href="https://iconsax.io/" rel="nofollow ugc">Iconsax Bold</a> – 897 icons</li>
<li><a href="https://iconsax.io/" rel="nofollow ugc">Iconsax Crypto</a> – 103 icons</li>
<li><a href="https://iconscout.com/unicons/explore/line" rel="nofollow ugc">Unicon line</a> – 1203 icons</li>
<li><a href="https://iconscout.com/unicons/explore/thinline" rel="nofollow ugc">Unicon thin line</a> – 214 icons</li>
<li><a href="https://www.buddyboss.com/resources/font-cheatsheet/" rel="nofollow ugc">Buddy boss</a> – 1295 icons</li>
<li><a href="https://trademe.github.io/TradeMe-IconFont/" rel="nofollow ugc">Trademe</a> – 397 icons</li>
<li><a href="https://github.com/siemens/ix-icons" rel="nofollow ugc">Siemens icon</a> – 642 icons</li>
<li><a href="https://www.mingcute.com/" rel="nofollow ugc">Mingcute</a> – 2327 icons</li>
<li><a href="http://olicons.yemaosheji.com/index.html#sec-menu" rel="nofollow ugc">Olicons</a> – 677 icons</li>
<li><a href="https://keyrune.andrewgioia.com/icons.html" rel="nofollow ugc">Keyrune</a> – 340 icons</li>
<li><a href="https://clarity.design/documentation/icons/shapes" rel="nofollow ugc">Clarity</a> – 1080 icons</li>
<li><a href="https://phosphoricons.com/?weight=%22duotone%22" rel="nofollow ugc">Phosphor Duotone</a> – 3022 icons</li>
<li><a href="https://healthicons.org/" rel="nofollow ugc">Health</a> – 739 icons</li>
</ol>
<h3>Buy Premium Version <a href="https://webangon.com/store/?storeproduct=59" rel="nofollow ugc">Icon Element Pro $19 </a></h3>
<h3>🔥 WHAT’S NEXT</h3>
<p>If you like Icon Element, then consider checking out our other WordPress Plugins:</p>
<p>🔔 <strong><a href="https://wordpress.org/plugins/the-pack-addon/" rel="ugc">The Pack Addon</a></strong> – Best elementor addon including 110 widgets, 314 setions and cloud templates</p>
<p>🔔 <strong><a href="https://wordpress.org/plugins/xl-tab/" rel="ugc">Xl Tab</a></strong> – Best tab & accordion plugin for elementor</p>
<p>🔔 <strong><a href="https://wordpress.org/plugins/news-element/" rel="ugc">News Element</a></strong> – Best news blog magazine addon for elementor</p>


Icon Element – Icon Pack for Elementor Page Builder (6718 icons)

The ultimate icon-packs for elementor page builder.

Category Image(s) vs Icon Element – Icon Pack for Elementor Page Builder (6718 icons)