{"id":7012,"date":"2026-09-30T02:53:15","date_gmt":"2026-09-30T02:53:15","guid":{"rendered":"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/?p=7012"},"modified":"2026-10-14T03:07:34","modified_gmt":"2026-10-14T03:07:34","slug":"wordpress-show-tell","status":"publish","type":"post","link":"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wordpress-show-tell\/","title":{"rendered":"WordPress Show &amp; Tell"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-secondary-color has-text-color has-link-color wp-elements-1\">How to Add a Site Icon in WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Something I recently discovered is <strong>how to add a site icon.<\/strong> I randomly stumbled across the option after exploring my new theme. A site icon is the small picture (usually a logo) that appears next to a website&#8217;s name in the browser tab. I think it also shows up when links are posted on Facebook or in comments. I could be mistaken though.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add one, you just navigate through the following: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>1. <em>Appearance-><\/em><\/strong><\/li>\n\n\n\n<li><strong>2. <em>Theme-><\/em><\/strong><\/li>\n\n\n\n<li><strong>3. <em>Customize-> <\/em><\/strong><\/li>\n\n\n\n<li><strong>4. <em>Site Identity-><\/em><\/strong><\/li>\n\n\n\n<li><strong>5.<em>Upload Site Icon-><\/em><\/strong><\/li>\n\n\n\n<li><strong>6. <em>Publish<\/em><\/strong><br><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">I guess it&#8217;s not really a trick, but I do think it&#8217;s a small detail that can make a website look more complete and personalized. I thought it was worth sharing because it&#8217;s one of those features that I probably wouldn&#8217;t have really thought about unless I happened to come across it like I did.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After learning how to add a site icon, I came across an article called\u00a0<a href=\"https:\/\/medium.com\/@webflexpros\/why-every-website-needs-a-favicon-boost-your-branding-ux-and-seo-cc3ca24d948a\"><strong><em>Why Every Website Needs a Favicon<\/em><\/strong><\/a>\u00a0that explains why they&#8217;re actually important. I didn&#8217;t realize that something so small could make a difference in both branding and user experience. It makes sense though, especially when you have a bunch of tabs open and can recognize a website just by its icon.<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"596\" src=\"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-content\/uploads\/2026\/09\/Screenshot-2026-10-13-at-10.03.22-PM-1024x596.png\" alt=\"\" class=\"wp-image-7051 size-full\" srcset=\"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-content\/uploads\/2026\/09\/Screenshot-2026-10-13-at-10.03.22-PM-1024x596.png 1024w, https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-content\/uploads\/2026\/09\/Screenshot-2026-10-13-at-10.03.22-PM-300x175.png 300w, https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-content\/uploads\/2026\/09\/Screenshot-2026-10-13-at-10.03.22-PM-768x447.png 768w, https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-content\/uploads\/2026\/09\/Screenshot-2026-10-13-at-10.03.22-PM-1536x895.png 1536w, https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-content\/uploads\/2026\/09\/Screenshot-2026-10-13-at-10.03.22-PM-2048x1193.png 2048w, https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-content\/uploads\/2026\/09\/Screenshot-2026-10-13-at-10.03.22-PM-1999x1164.png 1999w, https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-content\/uploads\/2026\/09\/Screenshot-2026-10-13-at-10.03.22-PM-599x349.png 599w, https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-content\/uploads\/2026\/09\/Screenshot-2026-10-13-at-10.03.22-PM-1199x698.png 1199w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-align-left wp-block-paragraph\">Here&#8217;s\u00a0an example of what\u00a0my\u00a0website\u00a0looks\u00a0like\u00a0after\u00a0adding a\u00a0site\u00a0icon!\u00a0You\u00a0can\u00a0see\u00a0the\u00a0small\u00a0icon\u00a0in\u00a0the\u00a0browser\u00a0tab,\u00a0along\u00a0with\u00a0my\u00a0logo\u00a0in\u00a0the\u00a0upper left\u00a0corner\u00a0of\u00a0the\u00a0website<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to Add a Site Icon in WordPress Something I recently discovered is how to add a site icon. I randomly stumbled across the option after exploring my new theme. A site icon is the small picture (usually a logo) that appears next to a website&#8217;s name in the browser tab. I think it also &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wordpress-show-tell\/\" class=\"more-link\">Read more<span class=\"screen-reader-text\"> &#8220;WordPress Show &amp; Tell&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[54,47],"tags":[58,56,55,57],"class_list":["post-7012","post","type-post","status-publish","format-standard","hentry","category-how-to-web-design","category-web-design","tag-how-to","tag-site-icon","tag-wordpress","tag-wordpress-tips"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-json\/wp\/v2\/posts\/7012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-json\/wp\/v2\/comments?post=7012"}],"version-history":[{"count":3,"href":"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-json\/wp\/v2\/posts\/7012\/revisions"}],"predecessor-version":[{"id":7052,"href":"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-json\/wp\/v2\/posts\/7012\/revisions\/7052"}],"wp:attachment":[{"href":"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-json\/wp\/v2\/media?parent=7012"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-json\/wp\/v2\/categories?post=7012"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gilliannaftali.webhostingforstudents.com\/cis1410\/wp-json\/wp\/v2\/tags?post=7012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}