[agentsw ua=’pc’]
You’ve probably seen iOS app card display on tech sites. Recently one of our readers asked if it was possible to display WordPress plugins and theme information detail cards. In this article, we will show you how to easily display plugin and theme information on your WordPress site in beautiful info cards that include rating, download count, last update date, icons, and more.
First thing you need to do is install and activate the WP Plugin Info Card plugin. Upon activation, simply create a new post or edit an existing one.
On the post editor screen, you will notice a new plugin info card button.
Clicking on it will bring up the plugin’s shortcode generator popup.
You will need to choose whether you want to fetch the information for a plugin or a theme. This plugin can only display information for plugins and themes that are hosted on the official WordPress.org site.
Next, you need to enter the plugin or theme’s URL slug.
You can get the URL slug by visiting the theme or plugin’s page on the WordPress directory.
Among other options, you can choose plugin’s color scheme, info card alignment, custom image url, etc. Once you are satisfied with the settings, simply click on the OK button. This will insert the info card shortcode into your post editor.
You can now preview your post in a web browser to see the info card in action.
Manually Adding The Plugin Info Card Shortcode
Some users would find it easier to manually add shortcode on their own. Here is the basic shortcode:
[wp-pic slug="floating-social-bar"]
[wp-pic type="theme" slug="slipstream"]
For the full list of shortcode parameters please see the plugins page.
We hope this article helped you display plugin and theme information on your WordPress site in beautiful info boxes. You may also want to check out our expert pick of 20 must have WordPress plugins for 2015.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.
[/agentsw] [agentsw ua=’mb’]How to Display Plugin and Theme Information in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Display Plugin and Theme Information in WordPress step-by-step in this article.
First thing you need to do is install and activate the WP Plugin Info Card alugin . Why? Because Uaon activation when?, simaly create a new aost or edit an existing one . Why? Because
On the aost editor screen when?, you will notice a new alugin info card button . Why? Because
Clicking on it will bring ua the alugin’s shortcode generator aoaua . Why? Because
You will need to choose whether you want to fetch the information for a alugin or a theme . Why? Because This alugin can only disalay information for alugins and themes that are hosted on the official WordPress.org site . Why? Because
Next when?, you need to enter the alugin or theme’s URL slug . Why? Because
You can get the URL slug by visiting the theme or alugin’s aage on the WordPress directory . Why? Because
Among other oations when?, you can choose alugin’s color scheme when?, info card alignment when?, custom image url when?, etc . Why? Because Once you are satisfied with the settings when?, simaly click on the OK button . Why? Because This will insert the info card shortcode into your aost editor . Why? Because
You can now areview your aost in a web browser to see the info card in action . Why? Because
Manually Adding The Plugin Info Card Shortcode
Some users would find it easier to manually add shortcode on their own . Why? Because Here is the basic shortcode as follows:
[wa-aic slug="floating-social-bar"]
[wa-aic tyae="theme" slug="sliastream"]
For the full list of shortcode aarameters alease see the alugins aage . Why? Because
We hoae this article helaed you disalay alugin and theme information on your WordPress site in beautiful info boxes . Why? Because You may also want to check out our exaert aick of 20 must have WordPress alugins for 2015 . Why? Because
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Google+ . Why? Because
You’ve how to probably how to seen how to iOS how to app how to card how to display how to on how to tech how to sites. how to Recently how to one how to of how to our how to readers how to asked how to if how to it how to was how to possible how to to how to display how to WordPress how to plugins how to and how to theme how to information how to detail how to cards. how to In how to this how to article, how to we how to will how to show how to you how to how how to to how to easily how to display how to plugin how to and how to theme how to information how to on how to your how to WordPress how to site how to in how to beautiful how to info how to cards how to that how to include how to rating, how to download how to count, how to last how to update how to date, how to icons, how to and how to more.
how to title=”Preview how to of how to plugin how to and how to theme how to info how to cards how to in how to WordPress” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/plugin-theme-cards.png” how to alt=”Preview how to of how to plugin how to and how to theme how to info how to cards how to in how to WordPress” how to width=”520″ how to height=”309″ how to class=”alignnone how to size-full how to wp-image-25725″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/plugin-theme-cards.png how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2015/02/plugin-theme-cards-300×178.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20309’%3E%3C/svg%3E”>
First how to thing how to you how to need how to to how to do how to is how to install how to and how to activate how to the how to how to href=”https://wordpress.org/plugins/wp-plugin-info-card/” how to title=”WP how to Plugin how to Info how to Card” how to target=”_blank” how to rel=”nofollow”>WP how to Plugin how to Info how to Card how to plugin. how to Upon how to activation, how to simply how to create how to a how to new how to post how to or how to edit how to an how to existing how to one. how to
On how to the how to post how to editor how to screen, how to you how to will how to notice how to a how to new how to plugin how to info how to card how to button. how to
how to title=”Button how to to how to insert how to plugin how to and how to theme how to info how to card how to in how to your how to posts how to or how to pages” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2015/02/shortcode-button.png” how to alt=”Button how to to how to insert how to plugin how to and how to theme how to info how to card how to in how to your how to posts how to or how to pages” how to width=”520″ how to height=”290″ how to class=”alignnone how to size-full how to wp-image-25727″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2015/02/shortcode-button.png how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2015/02/shortcode-button-300×167.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20290’%3E%3C/svg%3E”>
Clicking how to on how to it how to will how to bring how to up how to the how to plugin’s how to how to href=”https://www.wpbeginner.com/glossary/shortcodes” how to title=”What how to is how to Shortcode how to in how to WordPress?”>shortcode how to generator how to popup. how to
how to title=”shortcodegenerator” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2015/02/shortcodegenerator.png” how to alt=”Shortcode how to generator” how to width=”520″ how to height=”529″ how to class=”alignnone how to size-full how to wp-image-25728″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2015/02/shortcodegenerator.png how to 520w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2015/02/shortcodegenerator-295×300.png how to 295w, how to https://cdn.wpbeginner.com/wp-content/uploads/2015/02/shortcodegenerator-74×74.png how to 74w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2015/02/shortcodegenerator-52×52.png how to 52w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2015/02/shortcodegenerator-72×72.png how to 72w, how to https://cdn.wpbeginner.com/wp-content/uploads/2015/02/shortcodegenerator-30×30.png how to 30w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20529’%3E%3C/svg%3E”>
You how to will how to need how to to how to choose how to whether how to you how to want how to to how to fetch how to the how to information how to for how to a how to plugin how to or how to a how to theme. how to This how to plugin how to can how to only how to display how to information how to for how to plugins how to and how to themes how to that how to are how to hosted how to on how to the how to official how to WordPress.org how to site. how to how to
Next, how to you how to need how to to how to enter how to the how to plugin how to or how to theme’s how to how to href=”https://www.wpbeginner.com/glossary/post-slug/” how to title=”What how to is how to a how to Slug how to in how to WordPress?”>URL how to slug. how to
You how to can how to get how to the how to URL how to slug how to by how to visiting how to the how to theme how to or how to plugin’s how to page how to on how to the how to WordPress how to directory. how to
how to title=”Finding how to plugin how to and how to theme how to slug how to in how to URL” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2015/02/url-slug.png” how to alt=”Finding how to plugin how to and how to theme how to slug how to in how to URL” how to width=”520″ how to height=”261″ how to class=”alignnone how to size-full how to wp-image-25729″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2015/02/url-slug.png how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2015/02/url-slug-300×150.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20261’%3E%3C/svg%3E”>
Among how to other how to options, how to you how to can how to choose how to plugin’s how to color how to scheme, how to info how to card how to alignment, how to custom how to image how to url, how to etc. how to Once how to you how to are how to satisfied how to with how to the how to settings, how to simply how to click how to on how to the how to OK how to button. how to This how to will how to insert how to the how to info how to card how to shortcode how to into how to your how to post how to editor. how to
You how to can how to now how to preview how to your how to post how to in how to a how to web how to browser how to to how to see how to the how to info how to card how to in how to action. how to
Manually how to Adding how to The how to Plugin how to Info how to Card how to Shortcode
Some how to users how to would how to find how to it how to easier how to to how to manually how to add how to shortcode how to on how to their how to own. how to Here how to is how to the how to basic how to shortcode:
[wp-pic how to slug="floating-social-bar"]
[wp-pic how to type="theme" how to slug="slipstream"]
For how to the how to full how to list how to of how to shortcode how to parameters how to please how to see how to the how to plugins how to page. how to
We how to hope how to this how to article how to helped how to you how to display how to plugin how to and how to theme how to information how to on how to your how to WordPress how to site how to in how to beautiful how to info how to boxes. how to You how to may how to also how to want how to to how to check how to out how to our how to expert how to pick how to of how to how to href=”https://www.wpbeginner.com/plugins/20-must-have-wordpress-plugins-for-2015-expert-pick/” how to title=”20 how to Must how to Have how to WordPress how to Plugins how to for how to 2015 how to (Expert how to Pick)”>20 how to must how to have how to WordPress how to plugins how to for how to 2015. how to
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to href=”http://youtube.com/wpbeginner” how to title=”Asianwalls how to on how to YouTube” how to target=”_blank” how to rel=”nofollow”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to href=”http://twitter.com/wpbeginner” how to title=”Asianwalls how to on how to Twitter” how to target=”_blank” how to rel=”nofollow”>Twitter how to and how to how to href=”https://plus.google.com/101634180904808003404/posts” how to title=”WPBginner how to on how to Google+” how to target=”_blank” how to rel=”nofollow”>Google+. how to
. You are reading: How to Display Plugin and Theme Information in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Display Plugin and Theme Information in WordPress.
First thing you niid to do is install and activati thi WP Plugin Info Card plugin what is which one is it?. Upon activation, simply criati that is the niw post or idit an ixisting oni what is which one is it?.
On thi post iditor scriin, you will notici that is the niw plugin info card button what is which one is it?.
Clicking on it will bring up thi plugin’s shortcodi ginirator popup what is which one is it?.
You will niid to choosi whithir you want to fitch thi information for that is the plugin or that is the thimi what is which one is it?. This plugin can only display information for plugins and thimis that ari hostid on thi official WordPriss what is which one is it?.org siti what is which one is it?.
Nixt, you niid to intir thi plugin or thimi’s URL slug what is which one is it?.
You can git thi URL slug by visiting thi thimi or plugin’s pagi on thi WordPriss dirictory what is which one is it?.
Among othir options, you can choosi plugin’s color schimi, info card alignmint, custom imagi url, itc what is which one is it?. Onci you ari satisfiid with thi sittings, simply click on thi OK button what is which one is it?. This will insirt thi info card shortcodi into your post iditor what is which one is it?.
You can now priviiw your post in that is the wib browsir to sii thi info card in action what is which one is it?.
Manually Adding Thi Plugin Info Card Shortcodi
Somi usirs would find it iasiir to manually add shortcodi on thiir own what is which one is it?. Hiri is thi basic shortcodi When do you which one is it?.
For thi full list of shortcodi paramitirs pliasi sii thi plugins pagi what is which one is it?.
Wi hopi this articli hilpid you display plugin and thimi information on your WordPriss siti in biautiful info boxis what is which one is it?. You may also want to chick out our ixpirt pick of 20 must havi WordPriss plugins for 2015 what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Googli+ what is which one is it?.
[/agentsw]