WP Plugin Info Card for WordPress based on WordPress.org Plugin API & Theme API

A French Version of This Page is Available

How Does it Work?

WP Plugin Info Card
Subscribe to our YouTube Channel

WP Plugin Info Card lets you display plugins & themes identity cards in a beautiful box with a smooth 3D rotation effect, or in a more large and responsive layout.

It uses WordPress.org plugins API & themes API to fetch data. All you need to do is provide a valid plugin/theme ID (slug name), and then insert the shortcode in any page to make it work at once!

This plugin is very light and includes scripts and CSS only if and when required (you can force scripts enqueuing in admin settings). The shortcode may be added anywhere shortcodes are supported within your theme.

The plugin also uses WordPress transients to store data returned by the API for 12 hours (720min by default), so your page loading time will not be increased due to too many requests.

Looking for Queries? We have you covered.

TinyMCE

TinyMCE Shortcode Option
TinyMCE Shortcode Option
TinyMCE Shortcode Popup
TinyMCE Shortcode Popup

Gutenberg

As of version 3.0.0, there is a Gutenberg option that supports all shortcode parameters.

Adding the Gutenberg Block
Adding the Gutenberg Block
Gutenberg Preview
Gutenberg Preview

Dashboard Widget

The dashboard widget is very easy to set up: you simply add as many plugins and themes as you want in the admin page and they become visible in your dashboard. Fields are added on-the-fly and are sortable via drag-and-drop.

It is perfect to keep track of your own plugins!

WP Plugin Info Card Dashboard Settings
WP Plugin Info Card Dashboard Settings
WP Plugin Info Card Dashboard
WP Plugin Info Card Dashboard

Shortcode Parameters

  • type: plugin, theme – (default: plugin)
  • slug: plugin slug name – Please refer to the plugin URL on wordpress.org to determine its slug. Eg: https://wordpress.org/plugins/THE-SLUG/
  • layout: template layout to use – Default is “card” so you may leave this parameter empty. Available layouts are: card, large, flex & wordpress (default: card)
  • scheme: card color scheme: scheme1 through scheme11 (default: default color scheme defined in admin)
  • image: Image URL to override default WP logo (default: empty)
  • align: center, left, right (default: empty). For the flex layout, wide and full are available.
  • containerid: custom div id, may be used for anchor (default: wp-pic-PLUGIN-NAME)
  • margin: custom container margin – eg: “15px 0” (default: empty)
  • clear: clear float before or after the card: before, after (default: empty
  • expiration: cache duration in minutes – numeric format only (default: 720)
  • ajax:  load the plugin data asynchronously with AJAX: yes, no (default: no)
  • custom: value to display: (default: empty)
    •     For plugins: url, name, icons, banners, version, author, requires, rating, num_ratings, downloaded, last_updated, download_link
    •     For themes: url, name, version, author, screenshot_url, rating, num_ratings, downloaded, last_updated, homepage, download_link

Basic Examples

The slug is the only required parameter for plugin. You have to set the "type" parameter for themes : type="theme"

[wp-pic slug="wp-plugin-info-card"]
[wp-pic type="theme" slug="zerif-lite" align="right" expiration="60" ajax="yes"]

Advanced Examples

You may provide a custom cache duration by specifying the "expiration" parameter.

[wp-pic type="theme" slug="zerif-lite" align="right" expiration="60" ajax="yes"]

You may provide a custom plugin image URL for the front rounded image (175px X 175px) or for themes (280px X 210px). You can also overload your default color scheme with the "scheme" parameter.

[wp-pic slug="wordpress-seo" image="http//www.mywebsite/custom-image.jpg" align="right" margin="0 0 0 20px" clear="after" containerid="download-sexion" scheme="scheme1"]

Use the large layout instead of the default card one. (see changelog above for more tweaks)

[wp-pic slug="simple-revisions-delete" layout="large" scheme="scheme1" align="right" margin="0 0 0 20px" containerid="download-sexion" ajax="yes"]

You may provide a list of slugs (comma-separated) in your shortcode slug parameter, WPPIC will randomly choose one item from the list on each page refresh.

[wp-pic slug="simple-revisions-delete,wp-plugin-info-card"]

The “custom” parameter supplants the others (except the “slug” and the “expiration”) and only returns the value you required.

[wp-pic slug="wordpress-seo" custom="downloaded" expiration="60"]

Another example with custom parameters :

[wp-pic slug="wp-plugin-info-card" custom="name"] has been downloaded [wp-pic slug="wp-plugin-info-card" custom="downloaded"] times!

Will display: WP Plugin Info Card has been downloaded 400 times!

Demonstration Card Layout

[wp-pic slug="simple-revisions-delete" image="https://static.b-website.com/2014/01/rabbit.png" align="left" clear="before" margin="2px" ajax="yes" scheme="scheme4"]
[wp-pic type="theme" slug="zerif-lite" align="left" margin="2px" ajax="yes" scheme="default"]
[wp-pic slug="re-add-underline-justify" logo="no" align="left" banner="png" margin="2px" ajax="yes" scheme="scheme2"]
[wp-pic slug="fake-plugin-name" logo="svg" align="left" clear="after" banner="png" margin="2px" ajax="yes"]

Demonstration Large Layout

[wp-pic slug="simple-revisions-delete" layout="large" align="left" clear="before" margin="2px" ajax="yes" scheme="scheme11"]

Demonstration WordPress Layout

[wp-pic slug="simple-revisions-delete" layout="wordpress" margin="2px" ajax="yes"]

Demonstration Flex Layout

The Flex layout allows a large full-width layout. Additional align options are full and wide for the flex layout.

[wp-pic slug="simple-comment-editing" layout="flex" align="full" margin="2px" ajax="yes"]
[wp-pic type="theme" slug="twentythirteen" layout="flex" align="full" margin="2px" ajax="yes"]

Other Features

Creating a Custom Layout

WP Plugin Info Card
Subscribe to our YouTube Channel

Advanced Customization

  • You can provide a list of slugs (comma-separated) in your shortcode slug parameter, WPPIC will randomly choose one item from the list on each page refresh.
  • You cane asily overload the plugin rendering. You need to create a new “wppic-templates” folder into your theme folder, then copy the template you want to overload from the WP Plugin Info Card “wppic-templates” folder.
  • You can create your own template file. You need to create a new “wppic-templates” folder into your theme folder, then copy the template file “wppic-template-plugin-large.php” or “wppic-template-theme-large.php” from the WP Plugin Info Card ‘/wppic-templates’ folder. Rename the file as “wppic-template-plugin-NEWTEMPLATE.php” or “wppic-template-theme-NEWTEMPLATE.php”, edit it as you go, and add your own CSS rules. Finally, call your new template by adding the following parameter in your shortcode: layout=”NEWTEMPLATE”

Have Questions?

Leave a comment below.

6 thoughts on “WP Plugin Info Card”

  1. Elvis Greenfield

    The WP Info Card plugin is a potentially good plugin, but there’s no useful information on how to use it.

    There needs to be a detail video tutorial with clear examples of how to use the plugin, from beginning to end.

    I see this website https://www.creditcardinsider.com/credit-cards/excellent-credit/, and I suspect they used the plugin to achieve this look. But there’s no example online on how to use it. The literature and 1.5-minute video don’t help at all.

    1. Ronald Huereca

      That website does not use this plugin. They use something more custom. This plugin is simply for showing WordPress.org plugin/theme cards in your layout.

Leave a Reply

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