Category Editor WordPress Plugin

(9 customer reviews)

£20.00

Buy any 3 plugins for a 20% discount

Description

Current versions: Category Editor: 4.7.3 and 5.5.3 

How do you customise the category or tag pages in WordPress and WooCommerce? It’s a question often asked. The standard archive pages can be pretty boring, not great for user experience and have poor SEO. But it’s not difficult to add the ability to fill up your archive pages with bright, colourful and interesting information that will boost your SEO and user experience.

Category Editor 4 and 5 brings a short-code enabled visual editor to the top description in the archive admin page.  It also adds a new bottom description area for supplemental information. This means you can add images, videos, text and lots more enhancements to your WordPress category page.

It is one of the most effective plugins for WordPress that I have developed to help with search engine optimisation. 

Adding an editor to the WordPress category and tag description

The Category Editor plugin has been on the WordPress repository for a number of years now and has almost 50,000 downloads in its various versions. The free version of Category Editor can be downloaded through your plugin section and offers category description with editor.

The WYSIWYG editor means adding content easy and will allow shortcodes to work in the description area.   It also works with Woocommerce product categories and tags.

The pro version of Category Editor adds extra functions to make your category listing pages a well designed and search engine optimised landing page in its own right.

The plugin provides the same functions as the free version for formatting the top description area and it also offers:

  • An extra description area to allow you to an extra bottom content or description area. This allows you to add a lot more unique content to the listing page without forcing your visitors to scroll through lots of information before reaching your listings.
  • Category SEO fields such as SEO title, SEO keywords and SEO description.
  • There is also the option to set og:image for Facebook sharing
  • You can set category and tag images. 
  • Shortcodes makes building a graphic menu quick and easy

There are 2 versions of Category Editor available for download, they both do exactly the same but one needs code to be added manually. This is available for themes that do not use the standard WordPress and Woocommerce hooks.

Making the category description area shortcode enabled

You can see Category Editor in action at Wildlife News in the Astronomy product category section

You can also read a great write up of the free version over at WPMUDEV blog.

Shortcode feature of Category Editor.

Since 5.4 and 4.6 you have the option to use shortcodes to call categories and tags for WordPress blogs together with the image. This makes it easy to display graphical menu navigation or feature particular categories or tags. In the free version, there is only the ability to call WordPress category images.

Free and Pro version shortcode.

Both free and pro version allow you to use the shortcode [ catimmg ] (without spaces) and this will produce an unstyled list of categories with their images. 

The shortcode has 2 attributes you can use; number – for the maximum number of categories to call and categories – where you can add a comma-separated list of category id’s you want to display.

Example shortcodes could be [ catimmg number=”3″ ] or [ catimmg categories=”23,45,12,67  ]

I have purposely not applied any formating to the output to give you maximum flexibility on displaying the output with your preferred method. I know a lot like to set navigation images as grids and we all have our preferred way of producing grids, whether that is blocks, flex or grid etc. The following are the CSS attributes you can use for your styling:

  • .catimmgmain – this is the main container
  • .catimmgeach – this is the individual category containers
  • .cattitle – this is the title of the category

An example CSS to get you started could be:

.catimmgmain{display:block;}
.catimmgeach{display:inline-block;width:20%;vertical-align:bottom;margin:10px;}
.cattitle{font-weight:600;}

 

Pro Version shortcodes

There are a number of other shortcodes available in the Pro Version.

[ parentcatimmg ]  this will display only parent categories.

[ childcatimmg ] this will display only child categories of the current category.

[ tagimmg ] – this displays tags images as navigation. There are 2 attributes similar to the category shortcode. You can call either number or tags as attributes. You need to use a comma separated list of tag ids for the tag’s attributes.

[ protagimmg ] – this displays product tag images as navigation. There are 2 attributes you can use. You can either use number=”” or product_tag=”” attributes. product_tag attribute takes comma-separated list of product tag ids.

Styling

Again no styling has been applied and the following CSS attributes are available to be used:

parentcatimmg

.parentcatimmgmain – the main container for output of parent category images
.parentcatimmgeach – the individual category output containers
.parentcattitle – the title of the parent (top level) categories

childcatimmg

.childcatimmgmain – the main container for output of the child categories images
.childcatimmgeach – the individual category output containers
.childcattitle – the title of the child categories of the current category

tagimmg

.tagimmgmain – the main container for the output of tag images
.tagimmgeach – the container for individual tag image output
.tagtitle – the title of the tag

protagimmg

.protagimmgmain – the main container for the output of product tag images
.protagimmgeach – the container for individual product tag image output
.prottagtitle – the title of the product tag

 

OG:image support for WordPress and Woocommerce categories and tags

Category Editor now provides support for og:image to allow you to set an image to be used when your category or tag is shared to social media. You can now upload and image or choose one from your library to set as og:image. 

For Facebook sharing, it is recommended that you set an image that is 1200px by 630px.

You can set the open graph image for WordPress categories and tags and also Woocommerce categories and tags.

If your theme does not use standard hooks then you will need to use Category Editor 4 and manually add the bottom description code to your theme – or child theme. Because of the number of themes available and the complexity of some, it can be difficult to know how every theme works.

Manually adding extra description areas to WordPress and WooCommerce archive pages

Generally, you’ll need to add the code to something like an archive or category file and with WooCommerce you need to adapt the product-archive file.

You just need to cut and paste the code below into the file. If you have any problems then use the contact form to let me know and I’ll try and help you track down the correct location for the code.

Code required for Category Editor 4.

WordPress

Add this following close to your archive or category PHP file in your theme folder – I would recommend you set up a child theme so it does not get overwritten when you update your theme. You need to place the code somewhere after the closing loop and it will very much depend on your theme for the exact place. If you have a problem then please contact me using the form. I will try and help but I will need admin access to your WordPress site and preferably FTP access. This code will only show the bottom content area on the first page of listings which is the best way for search engine optimisation.

  <div class="taxonomy-description">
<?php
if ( is_category() ) {
		if ( $paged < 2 ){	
 $current_cat = get_query_var('cat');

$cat_data = get_option(MY_CATEGORY_FIELDS);
if (isset($cat_data[$current_cat])) {
 echo do_shortcode(wpautop($cat_data[$current_cat]['bottomdescription']));
}
		}
}
if ( is_tag() ) {
		if ( $paged < 2 ){	
$term_id = get_query_var('tag_id');
$tag_data = get_option(MY_TAGS);
if (isset($tag_data[$term_id])) {
 echo do_shortcode(wpautop($tag_data[$term_id]['bottomdescription1']));
}
}
}
?>
</div>

 WooCommerce

Use this code to add the bottom content area to WooCommerce archive pages – look for the archive-product PHP file and again add this to the bottom of the loop after it has been closed. This code will show the bottom content area on the first page of the product listings page.

<div class="term-description">

<?php
if ( is_product_category() OR is_product_tag()) {
global $wp_query;
$q_obj = $wp_query->get_queried_object();
$cat_id1 = $q_obj->term_id;
$tag_data = get_option(MY_TAGS);
if (isset($tag_data[$cat_id1])){
if(get_query_var('paged') < 2){

echo do_shortcode(wpautop($tag_data[$cat_id1]['bottomdescription1']));
}
}
}

?>
</div>


 

Change log for Category Editor:

== Changelog ==

= 5.5. =
* Woocommerce product tag image menu shortcode now working.

= 5.5.2 =
* Bugfix – stop adding empty og:image tags in some circumstances.

= 5.5.1 =
* Bugfix for sites without Woocommerce installed.

= 5.5 =
*New feature – og:image support for categories and tags for WordPress and Woocomerce.

= 5.4.3 =
* Bugfix on parent category image shortcode. Changed code to only show direct child categories of parents – previous it would also show child of child.

= 5.4.2 –
* cleaned up php tags causing problems with adding whitespace to rss feeds

= 5.4.1 =
* bug fixed – opening div outside buffer causing styling conflicts

= 5.4 =
* Added new feature. New shortcodes to display category and tag image thumbnails as a graphical navigation option.

= 5.3.2 =
* Updated to deal with changes to div ids in the latest version of WordPress to hide the old description box and also to deal with new get screen calls.

= 5.3.1 =
* added oembed filter to the top description to allow for auto embedding
* add low priority for bottom description firing to try an add the description after any pagination etc. Note this is theme dependent and depends on how themes add pagination etc.

= 5.3 =
* fixed issue of seo meta description not returning value in the editor screen

= 5.2 =
* add filter to check for 1st page display of WordPress category and tag listings.
* added stripslashes to meta tags and seo to tackle escaping slashes.

= 5.1 =
* added check for main loop as the bottom description was being called in sidebar with some recent posts widgets and plugins.

= 5.0 =
* tidied up some code
* used css to hide old meta boxes in place of jquery to reduce potential conflicts
* auto loaded bottom description in WordPress and woocommerce for ease of use.

Spread the love

9 reviews for Category Editor WordPress Plugin

  1. Avatar

    Mike D.

    Perfect for my woocommerce seo

  2. Avatar

    Gordon G.

    Fab, thanks.

  3. Avatar

    Ivan G.

    Just works so well.

  4. Avatar

    Mike A.

    It brings my seo to life on my woocomerce shop

  5. Avatar

    Jensen D.

    I love this new menu option

  6. Avatar

    Hanson D.

    Thanks, just what I need

  7. Avatar

    Steve F.

    Why is this not standard in WordPress!

  8. Avatar

    Stacey G.

    brings a new look to my blog

  9. Avatar

    Carl S.

    this should be WordPress default!

Add a review

Your email address will not be published. Required fields are marked *