WP Plugin Info Card for WordPress based on WordPress.org Plugin API & Theme API
How Does it Work?
Table of Contents
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.
Gutenberg
As of version 3.0.0, there is a Gutenberg option that supports all shortcode parameters.
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!
Shortcode Parameters
- type: plugin, theme – (default: plugin)
- slug: the plugin slug name (can be comma separated)
- 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 scheme14 (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)
- multi: If slugs are comma-separated, determine if multiple assets will be shown (default false)
- 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 600 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"]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
[wp-pic slug="simple-comment-editing" layout="flex" align="full" margin="2px" ajax="yes"]
[wp-pic type="theme" slug="twentytwenty" layout="flex" align="full" margin="2px" ajax="yes"]
Demonstration Multi Layout
Other Features
Creating a Custom Layout
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.
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.
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.
hi there
can i create membership cardike with name of subscriber?
Sorry, that’s not what this plugin does.
Any way to sort out ACTIVE vs INACTIVE plugins into two separate lists? Or be able to display them in different theme variants?
Not at the moment. How would you expect this to work?
Hello, I really like your WP plugin info card plugin. I am using and I have translated your plugin into Chinese. If you need it, please contact me! In the background you can see my email address!
I hide the following from it:
wppic-template-theme-large.php
wppic-template-theme.php
wppic-template-plugin-large.php
wppic-template-plugin.php
Added a “)” to
‘clear float before or after the card: before, after (default: empty’, ←
Can i create news card like this https://assets.inshorts.com/blog_assets/newBlogAssets/Screenshot_20160124-134332.png
if yes then tell me the procedure I need only 1. image 2. Title 3. paragraph about 50-70 words