Nice InfoBoxes — NiceThemes

About this plugin↑ Back to Top

Nice InfoBoxes displays any kind of information in a clean, responsive and beautiful way. You can show your infoboxes using a shortcode or template tags (PHP functions).

This plugin is fully integrated with WordPress. It makes use of its native architecture to show your infoboxes, and includes a huge set of hooks, so you can customize it in any way you need.

Nice InfoBoxes works right out of the box with any theme.

Installation↑ Back to Top

Using The WordPress Dashboard

Navigate to the “Add New” link in the plugins dashboard.
Search for “Nice InfoBoxes“.
Click “Install Now”.
Activate the plugin on the Plugin dashboard.

Uploading in WordPress Dashboard

Navigate to the “Add New” in the plugins dashboard.
Navigate to the “Upload” area.
Select nice-infoboxes.zip from your computer.
Click “Install Now”.
Activate the plugin in the Plugin dashboard.

Using FTP

Download nice-infoboxes.zip.
Extract the nice-infoboxes directory to your computer.
Upload the nice-infoboxes directory to the /wp-content/plugins/ directory.
Activate the plugin in the Plugin dashboard.

Once you installed and activated the plugin, you can go to Infoboxes > Settings and tweak the options there. Those settings will also be used as the default ones for the shortcode and template tag when you’re not specifying any values for them.

Shortcode↑ Back to Top

The basic usage of the shortcode is just [infoboxes]. That will display a list of your infoboxes using the settings you entered in Infoboxes > Settings.

However, you can specify values for the shortcode using the following fields:

columns: The number of columns to be displayed in a list of infoboxes. Default: 3.
limit: The maximum number of infoboxes to be displayed in a list. A value of zero means nothing will be displayed. You can use -1 for no limit.
image_width: The width (in pixels) for the images of your infoboxes.
image_height: The height (in pixels) for the images of your infoboxes.
orderby: The ordering criteria that will be used to display your infoboxes. Accepted values: ID, title, menu_order, date, random.
order: The sorting criteria that will be used to display your infoboxes. Accepted values: asc (ascendant), desc (descendant).
category: Comma-separated numeric IDs of infoboxes categories that you want to display. A value of zero means that all categories will be considered.
exclude_category: Comma-separated numeric IDs of infoboxes categories that you want to exclude. A value of zero means that no categories will be excluded.
avoidcss: Choose if you want to remove the default styles for the current list of infoboxes. Accepted values: 1 (avoid styles), 0 (not avoid styles).

If any of these values is not declared explicitly, the default value will be the one set in Testimonials > Settings.

A typical usage of the shortcode with these fields would be the following:

[infoboxes columns="2" limit="5" orderby="date" order="asc" category="20,34"]

Template tag (PHP function)↑ Back to Top

You can include infoboxes in your own templates by using our nice_infoboxes() function. This is a very basic usage example:

<?php
if ( function_exists( 'nice_infoboxes' ) ) :
    nice_infoboxes();
endif;
?>

As it happens with the shortcode, that code snippet will display a list of your infoboxes using the settings you entered in Infoboxes > Settings. However, you can give the function an array of options with specific values on how to show the list of infoboxes:

columns: The number of columns to be displayed in a list of infoboxes. Default: 3.
limit: The maximum number of infoboxes to be displayed in a list. A value of zero means nothing will be displayed. You can use -1 for no limit.
image_width: The width (in pixels) for the images of your infoboxes.
image_height: The height (in pixels) for the images of your infoboxes.
orderby: The ordering criteria that will be used to display your infoboxes. Accepted values: ID, title, menu_order, date, random.
order: The sorting criteria that will be used to display your infoboxes. Accepted values: asc (ascendant), desc (descendant).
category: Comma-separated numeric IDs of infoboxes categories that you want to display. A value of zero means that all categories will be considered.
exclude_category: Comma-separated numeric IDs of infoboxes categories that you want to exclude. A value of zero means that no categories will be excluded.
avoidcss: Choose if you want to remove the default styles for the current list of infoboxes. Accepted values: 1 (avoid styles), 0 (not avoid styles).

If any of these values is not declared explicitly, the default value will be the one set in Testimonials > Settings.

Using these options, you can have something like this in your code:

<?php
if ( function_exists( 'nice_infoboxes' ) ) :
    nice_infoboxes( array(
        'columns'  => 2,
        'limit'    => 5,
        'orderby'  => 'date',
        'order'    => 'asc',
        'category' => '20,32',
    ) );
endif;
?>

Using custom CSS↑ Back to Top

You can load a custom stylesheet by using wp_enqueue_script() and adding your custom CSS to your own file. However, if you really want to get rid of the default CSS of Nice InfoBoxes, so you can avoid overriding our styles, you can check the “Avoid Plugin CSS” option in Infoboxes > Settings.