{"id":15779631,"date":"2022-06-29T20:42:54","date_gmt":"2022-06-29T20:42:54","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&p=15779631"},"modified":"2024-06-08T19:28:35","modified_gmt":"2024-06-08T19:28:35","slug":"site-logo-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/site-logo-block\/","title":{"rendered":"Site Logo block"},"content":{"rendered":"\n

Go to the List of Blocks<\/a><\/p>\n\n\n\n

The Site Logo<\/em> block lets you add a logo or image representing your website identity and help increase brand recognition. Unlike a site icon or a favicon, a logo is only visible on website pages like the home page.<\/p>\n\n\n\n

Note:<\/strong> <\/em>The Site Logo block is primarily used when editing the Template files in the Site Editor<\/a>.<\/p><\/div>\n\n\n\n

How to use the Site Logo block<\/h2>\n\n\n\n

To add a Site Logo<\/em> block, create a new page or open the Site Editor. Click the Block Inserter icon and search for the Site Logo<\/em> Block. <\/p>\n\n\n\n

You can also type \/site-logo<\/kbd> and hit enter in a new paragraph block to add the Site Logo<\/em> block quickly. <\/p>\n\n\n\n

\"How
How to add Site Logo block quickly<\/figcaption><\/figure>\n\n\n\n

Select the Site Logo<\/em> placeholder icon and upload a new image or select one from the Media Library. <\/p>\n\n\n\n

Once you have added an image logo, you can resize it using the drag handles.<\/p>\n\n\n\n

\"A<\/figure>\n\n\n\n

When you add an image to the Site Logo <\/em>block, the change applies to all Site Logo<\/em> block in your website.<\/p>\n\n\n\n

To use the site logo image as the site icon in browser tabs, bookmark bars, and WordPress mobile apps, access the Site Logo<\/em> block settings panel and enable the Use as site icon option. It automatically set the image in the Site Logo <\/em>block as the site icon.<\/p>\n\n\n\n

\"The<\/figure>\n\n\n\n

Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n

Block toolbar<\/h2>\n\n\n\n

A block toolbar lets you customize or modify each block in the editor. Select the Site Logo<\/em> block to view its block toolbar. Below is a list of tools shown in this block toolbar:<\/p>\n\n\n\n