kieranmcclung

Controllercons are a set of video game controller icons created primarly for web use. This plugin allows you to embed them directly into your WordPress content using the wysiwyg editor.
HOW TO USE 
The Controllercons plugin will add a new icon within the wysiwyg editor within the WordPress admin. Click on the Toolbar icon to expand the toolbar view and you will see the Controllercons icon.
Clicking this icon will reveal all of the controller icons that can be embedded into your content. Click on any of them to automatically place the icon.
Icons will appear as shortcodes when editing a post but can be viewed when previewing and publishing content
SHORTCODE 
Whilst the easiest method of using Controllercons is via the wysiwyg editor you can also use the shortcode anywhere within your content.
<pre><code>[controllercon id="" size=""]
</code></pre>
The ID parameter is the controller reference and size is an optional parameter should you wish to use it. The size paramemeter accepts any number (decimals included) or fixed values i.e. 10px, 1.2rem or 1.4em. By default the size will be a <code>em</code> value so a size of 2 will return 2em.
Shortcodes can also be used in your site template files using the following function <code><?php echo do_shortcode( '[controllercon id="snes" size="1"]' ); ?></code>
Below is a list of controller references:
*atari2600 
*atari2600 
*dreamcast 
*dreamcast-o 
*gamecube 
*gamecube-o 
*joyconl 
*joyconl-o 
*joyconr 
*joyconr-o 
*mastersystem 
*mastersystem-o 
*megadrive 
*megadrive-o 
*n64 
*n64-o 
*nes 
*nes-o 
*ps1 
*ps1-o 
*ps2 
*ps2-o 
*ps3 
*ps3-o 
*ps4 
*ps4-o 
*snes 
*snes-o 
*switchpro 
*switchpro-o 
*virtualboy 
*virtualboy-o 
*wii 
*wii-o 
*wiiclassic 
*wiiclassic-o 
*wiiu 
*wiiu-o 
*wiiupro 
*wiiupro-o 
*xbox 
*xbox-o 
*xboxs 
*xboxs-o 
*xbox360 
*xbox360-o 
*xboxone 
*xboxone-o
MORE INFORMATION 
To find out more about the Controllercons project visit <a href="https://controllercons.github.io/" title="Controllercons - Video Game Controller Icons" rel="nofollow ugc">Controllercons</a>

Controllercons

Embed video game icons directly into your site.

Themeisle

WPShout

This plugin gives you the ability to add icons to your menu items, similar to the look of the latest dashboard menu.
<iframe loading="lazy" title="How To Add Menu Icons to your WordPress Site In Under 3 Minutes 🏠" width="750" height="422" src="https://www.youtube.com/embed/YcSotWXIczI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h4>Usage</h4>
<ol>
<li>After the plugin is activated, go to Appearance > Menus to edit your menus</li>
<li>Enable/Disable icon types in “Menu Icons Settings” meta box</li>
<li>Set default settings for current nav menu; these settings will be inherited by the newly added menu items</li>
<li>Select icon by clicking on the “Select icon” link</li>
<li>Save the menu</li>
</ol>
<h4>Supported icon types</h4>
<ul>
<li>Dashicons (WordPress core icons)</li>
<li><a href="http://shoestrap.org/downloads/elusive-icons-webfont/" rel="nofollow ugc">Elusive Icons</a> by <a href="http://shoestrap.org/blog/author/aristath/" rel="nofollow ugc">Aristeides Stathopoulos</a></li>
<li><a href="http://fontawesome.io/" rel="nofollow ugc">Font Awesome</a> by <a href="http://twitter.com/davegandy" rel="nofollow ugc">Dave Gandy</a></li>
<li><a href="http://zurb.com/playground/foundation-icon-fonts-3/" rel="nofollow ugc">Foundation Icons</a> by <a href="http://zurb.com/" rel="nofollow ugc">Zurb</a></li>
<li><a href="http://genericons.com/" rel="nofollow ugc">Genericons</a> by <a href="http://automattic.com/" rel="nofollow ugc">Automattic</a></li>
<li><a href="http://fontello.com/" rel="nofollow ugc">Fontello</a> icon packs</li>
<li><a href="http://themeisle.com/free-icons/" rel="nofollow ugc">TI Icons</a> icon pack by <a href="http://twitter.com/themeisle" rel="nofollow ugc">ThemeIsle</a></li>
<li>Image (attachments)</li>
<li>SVG (attachments)</li>
</ul>
<h4>Planned supported icon types</h4>
<ul>
<li>Image (URL)</li>
</ul>
<h4>Compatible themes</h4>
Menu icons works with most of the themes out there, especially with popular ones like Twenty Seventeen or <a href="https://themeisle.com/themes/hestia/" rel="nofollow ugc">Hestia</a>.
Development of this plugin is done on <a href="https://github.com/codeinwp/wp-menu-icons" rel="nofollow ugc">GitHub</a>. Pull requests welcome. Please see <a href="https://github.com/codeinwp/wp-menu-icons/issues" rel="nofollow ugc">issues reported</a> there before going to the plugin forum.
<h3>If you like this plugin, then consider checking out our other projects:</h3>
<a href="https://www.codeinwp.com/blog/" rel="nofollow ugc">CodeinWP Blog</a> – Designer’s Guide To WordPress 
<a href="https://revive.social" rel="nofollow ugc">Revive.Social</a> – Social Media Tools 
<a href="https://justfreethemes.com" rel="nofollow ugc">JustFreeThemes</a> – Free WordPress Themes directory

Menu Icons by ThemeIsle

Spice up your navigation menus with pretty icons, easily.

Controllercons vs Menu Icons by ThemeIsle