{"id":1908,"date":"2014-11-01T16:55:42","date_gmt":"2014-11-01T23:55:42","guid":{"rendered":"http:\/\/www.virendrachandak.com\/techtalk\/?p=1908"},"modified":"2015-10-16T17:53:06","modified_gmt":"2015-10-17T00:53:06","slug":"add-favicon-wordpress-using-jetpack","status":"publish","type":"post","link":"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/","title":{"rendered":"How to add favicon in WordPress using Jetpack"},"content":{"rendered":"<p><strong>NOTE: From WordPress 4.3 onwards, it is recommended that you use the Site Icon feature that is built into WordPress, instead of following the guidance below. The Site Icon feature can be found by going to Appearance -> Customize and clicking on Site Identity.<\/strong><\/p>\n<p>In my earlier post <a href=\"http:\/\/www.virendrachandak.com\/techtalk\/understanding-favicon\/\" title=\"Understanding favicon\">Understanding favicon<\/a> I explained what is a favicon, how to create and add it to your site. To add the favicon you have to create an icon and upload it to your server and then add some code to your site. However, if you have only WordPress site and you use <a href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\" title=\"Jetpack by WordPress.com\" target=\"_blank\" rel=\"external nofollow\">Jetpack plugin<\/a>, then you can easily add the favicon to your site using the new Site Icon module introduced in Jetpack 3.2<br \/>\n<!--more--><br \/>\nThe <a href=\"http:\/\/jetpack.me\/support\/site-icon\/\" title=\"Site Icon\" target=\"_blank\" rel=\"external nofollow\">Site Icon module<\/a> will allow you to add an icon, which will be used as a favicon and mobile icon for your site. Once you enable the module and upload an image for site icon, Jetpack will insert the code to add a favicon as well as a mobile icon for your site. The code will be similar to the following:<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;link rel=&quot;icon&quot; href=&quot;https:\/\/www.virendrachandak.com\/techtalk\/wp-content\/uploads\/2014\/11\/favicon-5455266f_site_icon-32x32.png&quot; sizes=&quot;32x32&quot;\/&gt;\r\n&lt;link rel=&quot;apple-touch-icon-precomposed&quot; href=&quot;https:\/\/www.virendrachandak.com\/techtalk\/wp-content\/uploads\/2014\/11\/favicon-5455266f_site_icon-128x128.png&quot;\/&gt;\r\n&lt;meta name=&quot;msapplication-TileImage&quot; content=&quot;https:\/\/www.virendrachandak.com\/techtalk\/wp-content\/uploads\/2014\/11\/favicon-5455266f_site_icon-128x128.png&quot;\/&gt;\r\n<\/pre>\n<h3>Steps to add a Site Icon<\/h3>\n<ol>\n<li>Verify Jetpack plugin is installed and enabled<\/li>\n<li>Enable the Site Icon module under Jetpack > Settings.<\/li>\n<li>Go to Settings > General, and scroll down to Site Icon and click the Add a Site Icon button.<\/li>\n<li>Click the Choose File button to select the desired image\/icon (should be at least 512\u00d7512 pixels) and then click the Upload Image button.<\/li>\n<li>Crop the image if required. You can preview how it will look. Click Crop Image button.<\/li>\n<\/ol>\n<p>Using these steps you can easily add a favicon and mobile icon to your WordPress site using Jetpack Site Icon module. After adding it to WordPress you can easily copy the code and add it other parts of your site to add them to non-WordPress sections of your site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>NOTE: From WordPress 4.3 onwards, it is recommended that you use the Site Icon feature that is built into WordPress, instead of following the guidance below. The Site Icon feature can be found by going to Appearance -> Customize and clicking on Site Identity. In my earlier post Understanding favicon I explained what is a [&hellip;]<\/p>\n","protected":false},"author":1,"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,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_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}},"categories":[91],"tags":[139],"class_list":["post-1908","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-favicon"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to add favicon in WordPress using Jetpack - Virendra&#039;s TechTalk<\/title>\n<meta name=\"description\" content=\"This article describes the steps to easily add mobile icon and favicon in WordPress using Jetpack&#039;s new Site Icon module\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add favicon in WordPress using Jetpack - Virendra&#039;s TechTalk\" \/>\n<meta property=\"og:description\" content=\"This article describes the steps to easily add mobile icon and favicon in WordPress using Jetpack&#039;s new Site Icon module\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/\" \/>\n<meta property=\"og:site_name\" content=\"Virendra&#039;s TechTalk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/virendrachandak\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/virendrachandak\" \/>\n<meta property=\"article:published_time\" content=\"2014-11-01T23:55:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-10-17T00:53:06+00:00\" \/>\n<meta name=\"author\" content=\"Virendra Chandak\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@virendrachandak\" \/>\n<meta name=\"twitter:site\" content=\"@virendrachandak\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Virendra Chandak\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/\"},\"author\":{\"name\":\"Virendra Chandak\",\"@id\":\"https:\/\/www.virendrachandak.com\/techtalk\/#\/schema\/person\/63f7ffa1ea125e32af9618d188349e17\"},\"headline\":\"How to add favicon in WordPress using Jetpack\",\"datePublished\":\"2014-11-01T23:55:42+00:00\",\"dateModified\":\"2015-10-17T00:53:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/\"},\"wordCount\":393,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.virendrachandak.com\/techtalk\/#\/schema\/person\/63f7ffa1ea125e32af9618d188349e17\"},\"keywords\":[\"favicon\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/\",\"url\":\"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/\",\"name\":\"How to add favicon in WordPress using Jetpack - Virendra&#039;s TechTalk\",\"isPartOf\":{\"@id\":\"https:\/\/www.virendrachandak.com\/techtalk\/#website\"},\"datePublished\":\"2014-11-01T23:55:42+00:00\",\"dateModified\":\"2015-10-17T00:53:06+00:00\",\"description\":\"This article describes the steps to easily add mobile icon and favicon in WordPress using Jetpack's new Site Icon module\",\"breadcrumb\":{\"@id\":\"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"TechTalk\",\"item\":\"https:\/\/www.virendrachandak.com\/techtalk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress\",\"item\":\"https:\/\/www.virendrachandak.com\/techtalk\/category\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to add favicon in WordPress using Jetpack\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.virendrachandak.com\/techtalk\/#website\",\"url\":\"https:\/\/www.virendrachandak.com\/techtalk\/\",\"name\":\"Virendra's TechTalk\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.virendrachandak.com\/techtalk\/#\/schema\/person\/63f7ffa1ea125e32af9618d188349e17\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.virendrachandak.com\/techtalk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.virendrachandak.com\/techtalk\/#\/schema\/person\/63f7ffa1ea125e32af9618d188349e17\",\"name\":\"Virendra Chandak\",\"logo\":{\"@id\":\"https:\/\/www.virendrachandak.com\/techtalk\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/www.virendrachandak.com\",\"https:\/\/www.facebook.com\/virendrachandak\",\"https:\/\/www.linkedin.com\/in\/virendrachandak\/\",\"https:\/\/x.com\/virendrachandak\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add favicon in WordPress using Jetpack - Virendra&#039;s TechTalk","description":"This article describes the steps to easily add mobile icon and favicon in WordPress using Jetpack's new Site Icon module","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/","og_locale":"en_US","og_type":"article","og_title":"How to add favicon in WordPress using Jetpack - Virendra&#039;s TechTalk","og_description":"This article describes the steps to easily add mobile icon and favicon in WordPress using Jetpack's new Site Icon module","og_url":"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/","og_site_name":"Virendra&#039;s TechTalk","article_publisher":"https:\/\/www.facebook.com\/virendrachandak","article_author":"https:\/\/www.facebook.com\/virendrachandak","article_published_time":"2014-11-01T23:55:42+00:00","article_modified_time":"2015-10-17T00:53:06+00:00","author":"Virendra Chandak","twitter_card":"summary_large_image","twitter_creator":"@virendrachandak","twitter_site":"@virendrachandak","twitter_misc":{"Written by":"Virendra Chandak","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/#article","isPartOf":{"@id":"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/"},"author":{"name":"Virendra Chandak","@id":"https:\/\/www.virendrachandak.com\/techtalk\/#\/schema\/person\/63f7ffa1ea125e32af9618d188349e17"},"headline":"How to add favicon in WordPress using Jetpack","datePublished":"2014-11-01T23:55:42+00:00","dateModified":"2015-10-17T00:53:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/"},"wordCount":393,"commentCount":1,"publisher":{"@id":"https:\/\/www.virendrachandak.com\/techtalk\/#\/schema\/person\/63f7ffa1ea125e32af9618d188349e17"},"keywords":["favicon"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/","url":"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/","name":"How to add favicon in WordPress using Jetpack - Virendra&#039;s TechTalk","isPartOf":{"@id":"https:\/\/www.virendrachandak.com\/techtalk\/#website"},"datePublished":"2014-11-01T23:55:42+00:00","dateModified":"2015-10-17T00:53:06+00:00","description":"This article describes the steps to easily add mobile icon and favicon in WordPress using Jetpack's new Site Icon module","breadcrumb":{"@id":"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.virendrachandak.com\/techtalk\/add-favicon-wordpress-using-jetpack\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"TechTalk","item":"https:\/\/www.virendrachandak.com\/techtalk\/"},{"@type":"ListItem","position":2,"name":"WordPress","item":"https:\/\/www.virendrachandak.com\/techtalk\/category\/wordpress\/"},{"@type":"ListItem","position":3,"name":"How to add favicon in WordPress using Jetpack"}]},{"@type":"WebSite","@id":"https:\/\/www.virendrachandak.com\/techtalk\/#website","url":"https:\/\/www.virendrachandak.com\/techtalk\/","name":"Virendra's TechTalk","description":"","publisher":{"@id":"https:\/\/www.virendrachandak.com\/techtalk\/#\/schema\/person\/63f7ffa1ea125e32af9618d188349e17"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.virendrachandak.com\/techtalk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.virendrachandak.com\/techtalk\/#\/schema\/person\/63f7ffa1ea125e32af9618d188349e17","name":"Virendra Chandak","logo":{"@id":"https:\/\/www.virendrachandak.com\/techtalk\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/www.virendrachandak.com","https:\/\/www.facebook.com\/virendrachandak","https:\/\/www.linkedin.com\/in\/virendrachandak\/","https:\/\/x.com\/virendrachandak"]}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2vTtQ-uM","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.virendrachandak.com\/techtalk\/wp-json\/wp\/v2\/posts\/1908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.virendrachandak.com\/techtalk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.virendrachandak.com\/techtalk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.virendrachandak.com\/techtalk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.virendrachandak.com\/techtalk\/wp-json\/wp\/v2\/comments?post=1908"}],"version-history":[{"count":0,"href":"https:\/\/www.virendrachandak.com\/techtalk\/wp-json\/wp\/v2\/posts\/1908\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.virendrachandak.com\/techtalk\/wp-json\/wp\/v2\/media?parent=1908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.virendrachandak.com\/techtalk\/wp-json\/wp\/v2\/categories?post=1908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.virendrachandak.com\/techtalk\/wp-json\/wp\/v2\/tags?post=1908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}