WP Plugin Info Card for WordPress based on WordPress.org Plugin API & Theme API
How Does it Work?
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.
TinyMCE
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: 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 & wordpress (default: card)
- scheme: card color scheme: scheme1 through scheme10 (default: default color scheme defined in admin)
- image: Image URL to override default WP logo (default: empty)
- align: center, left, right (default: empty)
- 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
[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"]Other Features
- 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.