{"id":35769,"date":"2015-04-16T20:22:43","date_gmt":"2015-04-16T20:22:43","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/material-design-icons\/"},"modified":"2015-08-19T16:28:55","modified_gmt":"2015-08-19T16:28:55","slug":"material-design-icons","status":"closed","type":"plugin","link":"https:\/\/ug.wordpress.org\/plugins\/material-design-icons\/","author":14292316,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"0.0.5","stable_tag":"0.0.5","tested":"4.3.34","requires":"3.0.1","requires_php":"","requires_plugins":"","header_name":"Material Design Icons","header_author":"Brad Williams","header_description":"","assets_banners_color":"ffffff","last_updated":"2015-08-19 16:28:55","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.com\/cgi-bin\/webscr?cmd=_s-xclick&hosted_button_id=54JCLD3GUCY68","header_plugin_uri":"http:\/\/braginteractive.com","header_author_uri":"http:\/\/braginteractive.com","rating":4.7,"author_block_rating":0,"active_installs":400,"downloads":10657,"num_ratings":3,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"0.0.5":"<ul>\n<li>tested on 4.3<\/li>\n<\/ul>","0.0.4":"<ul>\n<li>update MDI to 1.1.70<\/li>\n<li>fix icon font sizes<\/li>\n<\/ul>","0.0.3.2":"<ul>\n<li>minor bugfix<\/li>\n<\/ul>"},"ratings":{"1":0,"2":0,"3":0,"4":"1","5":"2"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"1153398","resolution":"128x128","location":"assets"},"icon-256x256.png":{"filename":"icon-256x256.png","revision":"1153398","resolution":"256x256","location":"assets"}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":"1153398","resolution":"1544x500","location":"assets"},"banner-772x250.png":{"filename":"banner-772x250.png","revision":"1153398","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.0.2","0.0.3","0.0.3.1","0.0.3.2","0.0.4","0.0.5"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1155029","resolution":"1","location":"assets"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1155029","resolution":"2","location":"assets"}},"screenshots":{"1":"When you click the Material Design Icon in the post editor a pop-up window will appear to help build your icon shortcode.","2":"Example of the HTML markup and the shortcode markup to display Material Design icons"}},"plugin_section":[],"plugin_tags":[10479,1078,498,11493,566],"plugin_category":[50],"plugin_contributors":[82912],"plugin_business_model":[],"class_list":["post-35769","plugin","type-plugin","status-closed","hentry","plugin_tags-font-icon","plugin_tags-icon-font","plugin_tags-icons","plugin_tags-material-design","plugin_tags-ui","plugin_category-media","plugin_contributors-braginteractive","plugin_committers-braginteractive"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/material-design-icons_ffffff.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/material-design-icons\/assets\/screenshot-1.png?rev=1155029","caption":"When you click the Material Design Icon in the post editor a pop-up window will appear to help build your icon shortcode."},{"src":"https:\/\/ps.w.org\/material-design-icons\/assets\/screenshot-2.png?rev=1155029","caption":"Example of the HTML markup and the shortcode markup to display Material Design icons"}],"raw_content":"<!--section=description-->\n<p>Enables 1000+ Material Design icons within WordPress pages and posts. Icons can be inserted with a shortcode or HTML markup.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li><strong>Shortcode generator<\/strong> - includes an easy-to-use TinyMCE pop-up shortcode generator.<\/li>\n<\/ul>\n\n<h4>Usage<\/h4>\n\n<p>Material Design Icons can be used in 3 different ways: shortcode, HTML, and TinyMCE<\/p>\n\n<h4>1. Shortcode<\/h4>\n\n<pre><code>[mdi-icon name=\"material-ul\" size=\"2x\" color=\"red\"]\n<\/code><\/pre>\n\n<p>You can also use hex values for color:\n    [mdi-icon name=\"material-ul\" size=\"2x\" color=\"#000000\"]<\/p>\n\n<p>You can read more about shortcode usage on <a href=\"https:\/\/github.com\/braginteractive\/Material-Design-Icons-WordPress-Plugin\">Github<\/a><\/p>\n\n<h4>2. TinyMCE<\/h4>\n\n<p>Material Design Icons also provides you with a pop-up window when editing in TinyMCE's visual mode. Check out our <a href=\"https:\/\/wordpress.org\/plugins\/material-design-icons\/screenshots\/\" title=\"Screenshots\">Screenshots<\/a> to see what it looks like.<\/p>\n\n<h4>3. HTML<\/h4>\n\n<p>Note that prefixes are required for HTML usage. For this reason, shortcode usage is encouraged over HTML. A HTML version would look like:\n    <\/p>\n\n<!--section=installation-->\n<p>To use any of the Material Design icons on your WordPress site follow the steps below:<\/p>\n\n<ol>\n<li>Upload <code>material-design-icons<\/code> to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<li>Add the HTML markup or shortcode to your WordPress post or page. <\/li>\n<\/ol>\n\n<p>A full list of the 1000+ Material Design icons is available: <a href=\"http:\/\/materialdesignicons.com\/\">materialdesignicons.com\/<\/a><\/p>\n\n<p>To use any of the Material Design icons on your WordPress site you have two options:<\/p>\n\n<p><strong>HTML<\/strong><\/p>\n\n<p><strong>Examples<\/strong><\/p>\n\n<p>Bell icon<\/p>\n\n<pre><code>&lt;i class=\"mdi mdi-bell\"&gt;&lt;\/i&gt;\n<\/code><\/pre>\n\n<p><strong>Shortcode<\/strong><\/p>\n\n<p>Don't want to worry about HTML tags?  You can use a shortcode in your posts, pages and even widgets to display a Material Design icon.<\/p>\n\n<p>The shortcode to use is <code>[mdi-icon name=X]<\/code>, where name=X is the class of the icon you would like to use.<\/p>\n\n<p><strong>Examples<\/strong><\/p>\n\n<p>Amazon icon<\/p>\n\n<pre><code>[mdi-icon name=\"amazon\"]\n<\/code><\/pre>\n\n<p>Since v0.0.3 you can now add size and color.<\/p>\n\n<pre><code>[mdi-icon name=\"amazon\" color=\"red\" size=\"2x\"]\n<\/code><\/pre>\n\n<p>Hex values will work for the color option and the include size values are: lg, 2x, 3x, 4x, 5x, 6x, 7x, 8x, 9x, 10x<\/p>\n\n<p><strong>Author<\/strong><\/p>\n\n<ul>\n<li><a href=\"http:\/\/braginteractive.com\">Brad Williams<\/a><\/li>\n<\/ul>\n\n<!--section=faq-->\n<dl>\n<dt>Can I use this in any WordPress theme?<\/dt>\n<dd><p>Yes<\/p><\/dd>\n<dt>Can I use the icons within widget areas?<\/dt>\n<dd><p>Yes<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>0.0.5<\/h4>\n\n<ul>\n<li>tested on 4.3<\/li>\n<\/ul>\n\n<h4>0.0.4<\/h4>\n\n<ul>\n<li>update MDI to 1.1.70<\/li>\n<li>fix icon font sizes<\/li>\n<\/ul>\n\n<h4>0.0.3<\/h4>\n\n<ul>\n<li>Add TinyMCE button<\/li>\n<li>Add size and color options<\/li>\n<\/ul>\n\n<h4>0.0.2<\/h4>\n\n<ul>\n<li>Update to Material Design Icons 1.0.62<\/li>\n<\/ul>\n\n<h4>0.0.1<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Insert Material Design Icons into your WordPress post and pages.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/35769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=35769"}],"author":[{"embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/braginteractive"}],"wp:attachment":[{"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=35769"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=35769"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=35769"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=35769"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=35769"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=35769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}