Matt Martz

John Blackbourn

This plugin provides a simple way of displaying up-to-date information about specific plugins hosted on the WordPress Plugin Directory in your blog posts and pages. It is intended for plugin authors who want to display details of their own plugins from the WP Plugin Directory on their blog and want those details to remain up to date. It’s also useful for bloggers who may blog about plugins and would like the details in their blog posts to remain up to date.
This plugin uses WordPress shortcodes so it’s easy to include any information about a particular plugin in your post or page.
<h4>Er, what?</h4>
You want to blog about a particular plugin on your blog and include various details of it in your blog post (eg. the number of downloads or the last updated date). You could manually type this information into your post but this means that in a few days/weeks/months’ time the information will be out of date.
This plugin allows you to use shortcodes in your blog posts and pages which periodically fetches this information from the WordPress Plugin Directory, therefore ensuring the information always remains up to date.
<h4>Here’s an example</h4>
This plugin uses WordPress shortcodes so it’s easy to include any information about a particular plugin in your post or page.
<blockquote>
This plugin has been downloaded [plugin downloaded] times!
</blockquote>
This will produce the following content in your blog post:
<blockquote>
This plugin has been downloaded 1,650 times!
</blockquote>
The download count will remain current without you having to touch your blog post again.
<h4>Usage</h4>
<ol>
<li>Write a new blog post or page, or open an existing post or page for editing.</li>
<li>In the ‘Plugin Info’ box on that screen, type the slug of the plugin (see <a href="https://wordpress.org/plugins/plugin-info/screenshots/" rel="ugc">screenshot #1</a>). The plugin slug is the last part of the URL of the plugin’s page on wordpress.org.</li>
<li>Add a shortcode to your blog entry like this: <code>[plugin version]</code> and save the post. (That’s the word <code>plugin</code> and not the slug of the plugin).</li>
<li>Take a look at your post and the version number of the plugin will be displayed.</li>
</ol>
For a complete list of all the fields you can display, see the <a href="https://wordpress.org/plugins/plugin-info/faq/" rel="ugc">FAQ page</a>.

Plugin Info

Provides a simple way of displaying up-to-date information about specific WordPress Plugin Directory hosted plugins in your blog posts and pages.

Jakobodb

This utility plugin adds a series of css classes that allow easy addition of set padding and margin to any element.
For basic use, the classes follow the format of [margin / padding][location letter: all, top, right, bottom, left, vertical, horizontal][amount: none, small, medium, large, extra large (0.5em, 1em, 2em, 4em)]
Also in the basic classes are percentages, taking the place of the last letter in the format [p][percentage] e.g. p7-5 for 7.5% or p15 for 15%.
Examples of Basic Classes:
<ul>
<li>man > margin all none = margin: 0px;</li>
<li>prl > padding right large = padding-right: 2em;</li>
<li>mvp5 > margin vertical 5% = margin: 5% 0;</li>
</ul>
Additional utility classes – First / Last child, Child / Sub
To add selective classes for adding margin / padding to the first / last child, any child, or any sub-element of the required element, simply add ‘last-‘, ‘first-‘, ‘child-‘, or ‘sub-‘ to the beginning of the basic classes.
Examples of Child Classes
<ul>
<li>last-mhxl > last-child margin horizontal extra large = last-mhxl :last-child { margin: 0 4em; }</li>
<li>last-pbn > last-child padding bottom none = last-pbn :last-child { padding-bottom: 0; }</li>
<li>first-mtm > first-child margin top medium = first-mtm :first-child { margin-top: 2em; }</li>
<li>child-mal > child margin all large = child-mal > * { margin: 4em; }</li>
<li>sub-php5 > sub elements padding horizontal 5 percent = sub-php5 * { padding: 0 5%; }</li>
</ul>
Additional utility classes – Responsive margin / padding
You can also apply the margin / padding required to certain screen widths, ranging from xl (min: 1200px) to xs (max: 480px). To use these responsive classes, add -[screen-size] to the end of the basic classes.
Examples of Responsive Classes
<ul>
<li>mrm-lg > margin right medium, large screen = (max-width: 1199px) and (min-width: 980px) margin-right: 2em;</li>
<li>pas-xs > padding all small, xsmall screen = (max-width: 480px) padding: 0.5em;</li>
<li>mhp15-md > margin horizontal 15%, medium screen = (max-width: 979px) and (min-width: 768px) margin-left: 15%; margin-right: 15%;</li>
</ul>
Full Table of Options
[margin / padding] 
m = margin 
p = padding
[location] 
a = all 
t = top 
r = right 
b = bottom 
l = left 
v = vertical (top + bottom) 
h = horizontal (left + right)
[amount] 
s = small (0.5em) 
m = medium (1.0em) 
l = large (2.0em) 
xl = extra large (4.0em) 
p5 = 5 percent (5.0%) 
p7-5 = 7.5 percent (7.5%) 
p10 = 10 percent (10.0%) 
p12-5 = 12.5 percent (12.5%) 
p15 = 15 percent (15.0%)
[first / last] (prefix) 
first- = > :first-child 
last- = > :last-child
[child / sub] (prefix) 
child- = > * 
sub- = *
[screen-size] (suffix) 
-xs = max-width: 480px 
-sm = max-width: 767px and min-width: 481px 
-md = max-width: 979px and min-width: 768px 
-lg = max-width: 1199px and min-width: 980px 
-xl = min-width: 1200px
Additional utility classes – Boxshadow
Using the boxshadow utility classes, you can quickly add a boxshadow to divs and other elements. The format of the utility classes is as follows: shadowout-[direction][blur]-[shadow opacity].
Examples of Boxshadow
<ul>
<li>shadowout-nm-medium > no direction, medium blur, medium opacity = box-shadow: 0 0 .15em 0 rgba(0,0,0,0.27);</li>
<li>shadowout-brm-dark > bottom-right direction, medium blur, dark opacity = box-shadow: .15em .15em .3em 0 rgba(0,0,0,0.54);</li>
</ul>
Options for Boxshadow utility
[direction] 
all directions shift the shadow by .15em 
n = none 
t = top 
b = bottom 
l = left 
r = right 
tl = top-left 
tr = top-right 
bl = bottom-left 
br = bottom-right
[blur] 
s = small (.15em) 
m = medium (.3em) 
l = large (.6em)
[shadow opacity] 
-light = light (0.135 opacity) 
-medium = medium (0.27 opacity) 
-dark = dark (0.54 opacity)

CSS Margin & Padding Utility

Utility for adding css classes for Margin and Padding e.g. .man for 0 margin on all sides, .ptm for 1em padding-top.

Plugin Info vs CSS Margin & Padding Utility