Documentation

Post Category Image With Grid and Slider Pro

Getting started with Post Category Image with Grid and Slider Pro

Post Category Image With Grid and Slider plugin allow users to upload category image and display in grid and slider

Post Category Image with Grid and Slider Pro adds a Menu tab in WP Admin side with the name “Category Image” where you can select categories option.

First you have to select category then go to default post category either or any custom plugin category. There you can see “UPLOAD IMAGE BUTTON” and upload image in category.

You can also add title and description of category for display.

How to display and shortcodes

Display a shortcode is very simple. Just go to Pages > Add New and add page title and add below shortcode as per your need.

Post Category Image with Grid and Slider Pro contains 2 shortcodes
[pci-cat-grid] – Category Grid View
[pci-cat-slider] – Category Slider View

You can also use template code to display Blog in your theme template.
<?php echo do_shortcode('[pci-cat-grid]'); ?>
<?php echo do_shortcode('[pci-cat-slider]'); ?>

Post Category Grid Shortcode Parameters

[pci-cat-grid]

  • Limit
    [pci-cat-grid limit="10"]
    Display number of posts. You can see all post by limit=”-1″.

  • Taxonomy
    [pci-cat-grid taxonomy="category"]
    Display Specific taxonomy

  • Image Size
    [pci-cat-grid size="full"]
    Enter image size. Default is full. Options are “large, medium, thumbnail OR full”

  • Display by Category Id
    [pci-cat-grid term_id="null"]
    Display Specific Category id. You can pass multiple ids by Comma separated. By Default is all.

  • Designs
    [pci-cat-grid design="design-1"]
    Select the design. you can use design-1 to design-10

  • Order by
    [pci-cat-grid orderby="name"]
    Accepts term fields. Values are ‘name’, ‘slug’, ‘term_group’, ‘term_id’, ‘id’, ‘description’.

  • Order
    [pci-cat-grid order="ASC"]
    Display by Order. Options are “ASC or DESC”

  • Hide Post
    [pci-cat-grid hide_empty="true"]
    You can hide post or not. Values are “true OR false”.

  • Grid / Column
    [pci-cat-grid columns="3"]
    Display post category grid/column view .

  • Show Title
    [pci-cat-grid show_title="true"]
    Display Category Post title or not. Values are “true OR false”.

  • Show Count
    [pci-cat-grid show_count="true"]
    Display post count in category. Values are “true OR false”.

  • Show Description
    [pci-cat-grid show_desc="true"]
    Display post content or not. Values are “true OR false”.

  • Link Target
    [pci-cat-grid link_target="self"]
    Open a link in new tab or not. Options are “self OR blank”.

  • Image Wrap Height
    [pci-cat-grid img_wrap_height="300"]
    Set image wraper height.

Post Category Slider Shortcode Parameters

[pci-cat-slider]

  • Limit
    [pci-cat-slider limit="10"]
    Display number of posts. You can see all post by limit=”-1″.

  • Taxonomy
    [pci-cat-slider taxonomy="category"]
    Display Specific taxonomy

  • Image Size
    [pci-cat-slider size="full"]
    Enter image size. Default is full. Options are “large, medium, thumbnail OR full”

  • Display by Category Id
    [pci-cat-slider term_id="null"]
    Display Specific Category id. You can pass multiple ids by Comma separated. By Default is all.

  • Designs
    [pci-cat-slider design="design-1"]
    Select the design. you can use design-1 to design-10

  • Order by
    [pci-cat-slider orderby="name"]
    Accepts term fields. Values are ‘name’, ‘slug’, ‘term_group’, ‘term_id’, ‘id’, ‘description’.

  • Order
    [pci-cat-slider order="ASC"]
    Display by Order. Options are “ASC or DESC”

  • Hide Post
    [pci-cat-slider hide_empty="true"]
    You can hide post or not. Values are “true OR false”.

  • Show Title
    [pci-cat-slider show_title="true"]
    Display Category Post title or not. Values are “true OR false”.

  • Show Count
    [pci-cat-slider show_count="true"]
    Display post count in category. Values are “true OR false”.

  • Show Description
    [pci-cat-slider show_desc="true"]
    Display post content or not. Values are “true OR false”.

  • Grid / Column
    [pci-cat-slider slidestoshow="3"]
    Controls number of categories display at a time.

  • Slide Scroll
    [pci-cat-slider slidestoscroll="1"]
    Controls number of categories rotate at a time.

  • Slide Dots
    [pci-cat-slider dots="false"]
    Display slider dots or not. Values are “true OR false”.

  • Slide Arrows
    [pci-cat-slider arrows="false"]
    Display slider arrows or not. Values are “true OR false”.

  • Autoplay
    [pci-cat-slider autoplay="true"]
    Enable slider automatically or not. Values are “true OR false”.

  • Autoplay Interval
    [pci-cat-slider autoplay_interval="1000"]
    Delay between two slides.

  • Slider Speed
    [pci-cat-slider speed="3000"]
    Control the speed of the slider.

  • Slider Loop
    [pci-cat-slider loop="true"]
    Create a Infinite loop sliding. Options are “true OR false”.

  • Link Target
    [pci-cat-slider link_target="self"]
    Open a link in new tab or not. Options are “self OR blank”.

  • Image Wrap Height
    [pci-cat-slider img_wrap_height="300"]
    Set image wraper height.