Credits: Originally developed and maintained by Brice CAPOBIANCO.
WPPIC displays plugins & themes data in a beautiful box with a smooth rotation effect using WP Plugin & Theme APIs. Dashboard widget included.
Please rate the plugin if you like it. Leave a review!
How does it work?
This thirteen minute video gives you an extensive overview on how WP Plugin Info Card works.
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.
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!
This plugin uses the TinyMCE API to improve UI and make inserting shortcodes easier!
Please ask for help or report bugs if anything goes wrong. It is the best way to make the community benefit!
[wp-pic] Shortcode parameters
- type: plugin, theme (default: plugin)
- slug: plugin slug name – Please refer to the plugin/theme URL on wordpress.org to determine its slug: 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, and flex (default: empty)
- scheme: card color scheme: scheme1 to scheme12 (default: default color scheme defined in admin)
- image: image url to replace the default image or 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: 10)
- 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
The slug is the only required parameter for plugin. You have to set the “type” parameter for themes : type=”theme”
[wp-pic type="theme" slug="zerif-lite" align="right" expiration="60" ajax="yes"] [wp-pic slug="adblock-notify-by-bweb" layout="large" scheme="scheme1" align="right" margin="0 0 0 20px" containerid="download-sexion" ajax="yes"] [wp-pic slug="wp-plugin-info-card" custom="name" ] has been downloaded [wp-pic slug="wp-plugin-info-card" custom="downloaded" ] times!
[wp-pic-query] Query shortcode parameters – NEW (added in 2.5)
- search: A search term. Default empty.
- tag: Tag to filter themes/plugins. Comma separated list. Default empty.
- author: Username of an author to filter themes/plugins. Default empty.
- user: Username to query for their favorites. Default empty.
- browse: Browse view: ‘featured’, ‘popular’, ‘updated’, ‘favorites’.
- per_page: Number of themes/plugins per query (page). Default 24.
- cols: Columns layout to use: ‘2’, ‘3’. Default empty (none).
Then use the [wp-pic] shortcode parameters
Plugin by author (automattic) limit to 6 items with a two columns render
[wp-pic-query author=”automattic” per_page=”6″ type=”plugin” layout=”wordpress” align=”center” ajax=”yes” cols=”2″]
Plugin by user favorits collection limit to 4 with a two columns render
[wp-pic-query user=”briKou” per_page=”4″ type=”plugin” layout=”wordpress” align=”center” ajax=”yes” cols=”2″]
Popular plugins limit to 6 items with whitout column
[wp-pic-query browse=”popular” per_page=”6″ type=”plugin” layout=”card” align=”left” margin=”1rem” ajax=”yes” cols=”1″]
Themes by author (wordpressdotorg) with a two columns render
[wp-pic-query author=”wordpressdotorg” per_page=”2″ type=”theme” layout=”card” align=”center” clear=”after” ajax=”yes” cols=”2″]
Themes by tags (dark & four-columns) limit to 4 items with a two columns render
[wp-pic-query tag=”dark,four-columns” per_page=”4″ type=”theme” layout=”wordpress” align=”center” ajax=”yes” cols=”2″]
Themes by tag (buddypress) limit to 2 items without columns
[wp-pic-query tag=”buddypress” per_page=”2″ type=”theme” layout=”large” align=”center” align=”center”]
Themes by search term limit to 4 items with a two columns render
[wp-pic-query search=”cool” per_page=”4″ type=”theme” layout=”wordpress” align=”center” ajax=”yes” cols=”2″]
- 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”
Feel free to make pull requests or issues on the WP Plugin Info Card GitHub account.
- Upload and activate the plugin (or install it through the WP admin console)
- Click on the “WP Plugin Info Card” sub-menu
- Follow instructions, every option is documented 😉