{"id":18976,"date":"2013-12-16T16:29:42","date_gmt":"2013-12-16T14:29:42","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=18976"},"modified":"2013-12-16T16:30:35","modified_gmt":"2013-12-16T14:30:35","slug":"adding-awesome-font-icons-to-wordpress-menus","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/","title":{"rendered":"Adding Awesome Font Icons to WordPress menus"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p>WordPress Tavern lists <a href=\"http:\/\/www.wptavern.com\/how-to-add-font-awesome-icons-to-wordpress-menus\">step-by-step instructions<\/a> on how to add icons from the <a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/icons\/\">Awesome Font<\/a> to your WordPress menus and content. \u00a0It&#8217;s really simple and the result does look better. \u00a0Here is how my menu looks now:<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"18977\" data-permalink=\"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/16\/adding-awesome-font-icons-to-wordpress-menus\/main-menu-icons\/\" data-orig-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons.png?fit=626%2C45&amp;ssl=1\" data-orig-size=\"626,45\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"main menu icons\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons.png?fit=626%2C45&amp;ssl=1\" class=\"aligncenter size-medium wp-image-18977\" alt=\"main menu icons\" src=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons-500x35.png?resize=500%2C35&#038;ssl=1\" width=\"500\" height=\"35\" srcset=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons.png?resize=500%2C35&amp;ssl=1 500w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons.png?resize=510%2C36&amp;ssl=1 510w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/12\/main-menu-icons.png?w=626&amp;ssl=1 626w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>I don&#8217;t really need the icons in the content, but it&#8217;s good to know that it is possible. <i class=\"fa-thumb-up fa\"><\/i><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>WordPress Tavern lists step-by-step instructions on how to add icons from the Awesome Font to your WordPress menus and content. \u00a0It&#8217;s really simple and the result does look better. \u00a0Here is how my menu looks now: I don&#8217;t really need the icons in the content, but it&#8217;s good to know that it is possible.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,62,1334,60],"tags":[341,68,1157,1330],"keyring_services":[],"class_list":["post-18976","post","type-post","status-publish","format-standard","hentry","category-general","category-technology","category-web-work","category-wordpress","tag-fonts","tag-icons","tag-web-design","tag-web-development"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":16803,"url":"https:\/\/mamchenkov.net\/wordpress\/2012\/10\/05\/pictonic-font-with-popular-logos-and-icons\/","url_meta":{"origin":18976,"position":0},"title":"Pictonic &#8211; font with popular logos and icons","author":"Leonid Mamchenkov","date":"October 5, 2012","format":"link","excerpt":"Pictonic - font with popular logos and icons","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2012\/10\/pictonic-sample-500x154.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":28330,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/01\/15\/nerd-fonts-iconic-font-aggregator-collection-and-patcher\/","url_meta":{"origin":18976,"position":1},"title":"Nerd Fonts &#8211; Iconic font aggregator, collection, and patcher","author":"Leonid Mamchenkov","date":"January 15, 2018","format":false,"excerpt":"Nerd Fonts is a collection of fonts for people who work with code snippets, command line, and text-based user interface applications.\u00a0 The fonts are also patched with additional popular icon sets like Font Awesome, Devicons, Octicons, and others.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/01\/custom-sankey-glyphs-combined-diagram-500x338.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":23163,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/12\/15\/evil-icons-lightweight-svg-icons-for-your-web-project\/","url_meta":{"origin":18976,"position":2},"title":"Evil Icons &#8211; lightweight SVG icons for your web project","author":"Leonid Mamchenkov","date":"December 15, 2014","format":"link","excerpt":"Evil Icons - lightweight SVG icons for your web project.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"evil icons","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/evil-icons-500x280.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":18484,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/07\/08\/genericons-a-free-gpl-flexible-icon-font-for-blogs\/","url_meta":{"origin":18976,"position":3},"title":"Genericons\u2014 a free, GPL, flexible icon font for blogs!","author":"Leonid Mamchenkov","date":"July 8, 2013","format":"link","excerpt":"Genericons\u2014 a free, GPL, flexible icon font for blogs!","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"Genericons","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/07\/genericons-500x187.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":27521,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/04\/17\/history-of-icons\/","url_meta":{"origin":18976,"position":4},"title":"History of Icons","author":"Leonid Mamchenkov","date":"April 17, 2017","format":false,"excerpt":"History of Icons looks at the evolution of icons used for desktop, mobile, and web. \u00a0There are plenty of nostalgia triggering screenshots from a variety of systems. \u00a0Given that nobody could ever afford having all of those systems, I'm sure you'll find interesting screens from computers you didn't have or\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/04\/history-of-icons-500x248.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":23316,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/01\/14\/icono-pure-css-icons\/","url_meta":{"origin":18976,"position":5},"title":"icono &#8211; pure CSS icons","author":"Leonid Mamchenkov","date":"January 14, 2015","format":"link","excerpt":"icono - pure CSS icons","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/18976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=18976"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/18976\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=18976"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=18976"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=18976"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=18976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}