--- title: "How to Add Site Logo in WordPress?" url: https://nexterwp.com/docs/add-site-logo-in-wordpress/ date: 2024-11-29 modified: 2026-04-14 author: "Aditya Sharma" description: "One important aspect of creating a successful website is having a well-designed logo that represents your brand and sets you apart from competitors. With the Site Logo block from the..." image: https://nexterwp.com/wp-content/uploads/2024/11/How-to-Add-Site-Logo-in-WordPress_-1024x519.jpg word_count: 507 --- # How to Add Site Logo in WordPress? ## Key Takeaways - Nexter Blocks includes a Site Logo block that allows users to easily add a logo to their WordPress website. - The Site Logo block offers features such as changing the logo on hover and adding a custom URL to the logo. - Users can enable Google Schema for SEO by toggling the Enable Schema Markup option in the Site Logo block settings. One important aspect of creating a successful website is having a well-designed logo that represents your brand and sets you apart from competitors. With the Site Logo block from the Nexter Blocks, you can easily add your site logo to your WordPress website. [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/builder/wordpress-site-logo/) ## Required Setup - Make sure the default WordPress Block editor is active.  - You need to have the [Nexter Blocks](https://wordpress.org/plugins/the-plus-addons-for-block-editor/) plugin installed and activated. - Make sure the Site Logo block is activated, to verify this visit Nexter → Blocks → and Search for Site Logo and activate. ## Learn via Video Tutorial https://www.youtube.com/watch?v=VqaqHKohBHs ## How to activate the Site Logo Block? Go to  - **Nexter **→ **Blocks ** - **Search **the block name** **and** turn on the toggle **then** **click **Save Settings.** ![](https://nexterwp.com/wp-content/uploads/2024/11/site-logo-activation-new.png) ## Key Features - **Change Logo on Hover ** - You can easily [change the logo on hover](https://nexterwp.com/docs/change-site-logo-on-hover-in-wordpress-show-full-logo-on-hover/). - **Change Logo on Sticky Header ** - You can easily [change the logo on a sticky header](https://nexterwp.com/docs/change-logo-in-sticky-header-on-scroll-in-wordpress/). - **Custom URL** - You can easily add a custom URL to your site logo. - **Accessibility** - You can easily add aria label to your site logo. - **Schema** - You can easily add Google Schema to your logo. ## How to Use the Site Logo Block in WordPress? Typically, the site logo is added in the site header and occasionally in the footer. To achieve this, so to add the Site Logo block into either the header or footer template of your website. > *Note:* *To create the template, you can use the free [Nexter Builder](https://nexterwp.com/docs/nexter-theme-builder-explained/).* ### Site Logo From the **Logo Normal/Dual** section, you have to select the logo type. Here, you’ll find two options - ![](https://nexterwp.com/wp-content/uploads/2024/11/site-logo-logo-normal.gif) - **Normal** - For adding a single image as a logo. - **Double** -  With this option, you can [change the logo on hover](https://nexterwp.com/docs/change-site-logo-on-hover-in-wordpress-show-full-logo-on-hover/). Select the option as per your requirements, options will vary based on your selection. Let’s select **Normal** here. Then, from the **Logo Type** section, you can select any image type or SVG as logo.  When the Image is selected, you can set the image size from the **Image Size** dropdown. You can set the maximum width of the logo image for different devices from the **Logo Max Width** section. You can align the logo from the **Alignment** section for different devices. From the **Logo Url Type** section, you can set the URL of the logo. Here, you’ll find two options - - **Home URL** - This will set the link to the default home page. - **Custom Link** - With this option, you can set a custom link to the logo. From the **Sticky Logo** toggle, you can change the logo on a sticky header. ### SEO Option From the **Enable Schema Markup** toggle, you can make your logo SEO friendly by adding Google Schema to it.  ![](https://nexterwp.com/wp-content/uploads/2024/11/site-logo-seo-option.png) ### Accessibility In the **Aria Label** field, you can add an Aria label to the logo to improve accessibility for users with disabilities. ![](https://nexterwp.com/wp-content/uploads/2024/11/site-logo-accessibility.png) . You’ll see some additional styling options for inner containers in the Style tab. Advanced options remain common for all our blocks, you can explore all its options from here. [View Advanced tab tutorial.](https://nexterwp.com/docs/add-advanced-tab-in-wordpress/) ## Frequently Asked Questions **Q: What should I do if the Site Logo block isn't showing up?** A: If the Site Logo block isn't appearing, first ensure that the Nexter Blocks plugin is installed and activated. Then, navigate to Nexter u2192 Blocks, search for the Site Logo block, and make sure the toggle is turned on. If it's still not visible, check that the default WordPress Block editor is active, as this is required for the block to function. **Q: What are the best practices for setting up a logo in WordPress?** A: When setting up your logo, consider using the 'Normal' option for a single image or the 'Double' option to change the logo on hover. Ensure you set the logo's maximum width for different devices to maintain responsiveness. Additionally, adding a custom URL for your logo can enhance user navigation, linking it to your homepage or a specific page. **Q: How can I improve the accessibility of my site logo?** A: To enhance accessibility, you can add an aria label to your site logo. This label helps screen readers convey the purpose of the logo to users with disabilities. You can find the Aria Label field in the Site Logo block settings, which allows you to provide a descriptive label that improves the user experience.