--- title: "How to Add Site Logo in WordPress?" url: https://nexterwp.com/docs/add-site-logo-in-wordpress/ date: 2024-11-29 modified: 2026-09-27 lang: en author: "Aditya Sharma" description: "Your logo is usually the first thing visitors see and the fastest way back to your home page. The free Site Logo block in Nexter Blocks places your logo in..." image: https://nexterwp.com/wp-content/uploads/2024/11/How-to-Add-Site-Logo-in-WordPress_-1024x519.jpg word_count: 608 --- # How to Add Site Logo in WordPress? ## Key Takeaways - Nexter Blocks ofrece el bloque gratuito Site Logo para colocar un logo en un header, footer o cualquier página, con logo de hover opcional, logo separado para sticky headers, enlace personalizado y schema markup. - Site Logo se activa en WordPress desde Nexter > Blocks y se añade en una plantilla de header o footer creada con Nexter Builder para que el logo aparezca en todas las páginas. - Logo Type admite Image o SVG, Image Size debe ponerse en Full para evitar que un logo ancho se recorte como Thumbnail de 150×150, y Logo Max Width controla el tamaño por escritorio, tablet y móvil. - Sticky Logo reemplaza el logo normal cuando un Nexter Builder sticky header se vuelve sticky, mientras que SEO Option añade Organization structured data con la URL del sitio y Accessibility permite definir un Aria Label. Your logo is usually the first thing visitors see and the fastest way back to your home page. The free Site Logo block in Nexter Blocks places your logo in a header, footer or any page, with an optional hover logo, a separate logo for sticky headers, a custom link and schema markup. [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/builder/wordpress-site-logo/) ## Before You Start - **Edition:** Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.- **Block to enable:** Site Logo, switched on under **Nexter > Blocks** in your WordPress dashboard.- **Where to add it:** in a header or footer template built with Nexter Builder, so the logo shows on every page. ## Learn via Video Tutorial https://www.youtube.com/watch?v=VqaqHKohBHs ## Steps - Go to **Nexter > Blocks**, search for **Site Logo** and turn it on. ![The Nexter Blocks settings page filtered to the Site Logo block](https://nexterwp.com/wp-content/uploads/2026/09/site-logo-admin-enable.webp) - Open your header template, footer template or page and add the **Site Logo** block. - In the **Site Logo** panel, keep **Normal**, choose **Image** or **SVG** under **Logo Type** and upload your logo. ![The Site Logo panel with Normal, Logo Type, Upload Image and Image Size](https://nexterwp.com/wp-content/uploads/2026/09/site-logo-layout-normal.webp) - Set **Image Size** to **Full**, then set **Logo Max Width** and **Alignment** for desktop, tablet and mobile. - Under **Logo URL Type**, keep **Home URL** or pick **Custom URL** and enter the **Link**. ![Logo URL Type set to Custom URL with the Link field](https://nexterwp.com/wp-content/uploads/2026/09/site-logo-url-custom.webp) - Optional: open **SEO Option** to turn on schema markup and **Accessibility** to add an **Aria Label**. Then save. ![The SEO Option and Accessibility panels of the Site Logo block](https://nexterwp.com/wp-content/uploads/2026/09/site-logo-seo-access.webp) ![Setting up the Site Logo block in the editor sidebar](https://nexterwp.com/wp-content/uploads/2026/09/site-logo-overview-setup.webp) ## Layout Settings | Panel | Setting | What it does | Default | | ----- | ------- | ------------ | ------- | | Site Logo | Logo Normal/Dual | **Normal** shows one logo. **Double** adds a second logo that shows on hover | Normal | | Site Logo | Logo Type | **Image** or **SVG** | Image | | Site Logo | Upload Image / Upload SVG | The logo file | Placeholder image | | Site Logo | Image Size | Which image size WordPress serves. Use **Full** for logos | Thumbnail | | Site Logo | Logo Max Width | Largest width of the logo, per device | 100px | | Site Logo | Upload Hover Image, Hover Image Size, Hover Logo Max Width, Hover Transition | The hover logo and how fast it fades in (seconds). Double only | — | | Site Logo | Alignment | Left, center or right, per device | Left | | Site Logo | Logo URL Type | **Home URL** or **Custom URL** with a **Link** field (new tab and nofollow options) | Home URL | | Site Logo | Sticky Logo | Adds a second logo, with its own upload, Image Size and Logo Max Width, for a sticky header | Off | | SEO Option | Enable Schema Markup | Adds Organization structured data with your site URL | Off | | Accessibility | Aria Label | The name screen readers announce for the logo link | Site Logo | There is no Style tab. The **Advanced** tab holds the options shared by all Nexter Blocks, such as spacing, background, border, animation and responsive visibility. ## How It Behaves - The logo links to your home page unless you choose **Custom URL**.- With **Double**, the hover logo replaces the normal logo while the pointer is over it.- With **Sticky Logo** on, the sticky logo replaces the normal one when a Nexter Builder sticky header becomes sticky. See [change the logo in a sticky header](https://nexterwp.com/docs/change-logo-in-sticky-header-on-scroll-in-wordpress/).- Without an uploaded logo, the block shows a grey placeholder image on the live site.- It works the same in the free plugin and with Nexter Blocks Pro. ## Limitations - **The default Image Size is Thumbnail**, which serves a 150×150 cropped copy. A wide logo gets cut to a square. Set Image Size to Full.- **Schema markup leaves out the logo image** when the logo is picked from the Media Library. The structured data then only includes your site URL.- The help text under Logo Normal/Dual says “Dual”, but the option is labelled **Double**. ## Troubleshooting ### I cannot find the Site Logo block It is switched off. Go to **Nexter > Blocks**, search for Site Logo and turn it on. ### My logo is cropped or blurry **Image Size** is still Thumbnail. Set it to **Full**, then limit the size with **Logo Max Width**. ### A grey placeholder shows instead of my logo No logo is uploaded in **Upload Image** or **Upload SVG** for the selected Logo Type. ## Related Docs - [Change the site logo on hover](https://nexterwp.com/docs/change-site-logo-on-hover-in-wordpress-show-full-logo-on-hover/)- [Change the logo in a sticky header on scroll](https://nexterwp.com/docs/change-logo-in-sticky-header-on-scroll-in-wordpress/)- [Create a header template in WordPress](https://nexterwp.com/docs/create-header-template-in-wordpress/)- [Advanced tab options for Nexter Blocks](https://nexterwp.com/docs/use-advanced-tab-in-nexter-blocks/) ## Frequently Asked Questions **Q: What do I need before adding a site logo in WordPress with Nexter Blocks?** A: The Site Logo block is free and works in Nexter Blocks, including Nexter Blocks Pro. It has to be switched on under Nexter > Blocks in your WordPress dashboard, and it belongs in a header or footer template built with Nexter Builder if you want the logo to appear on every page. That placement matters because a logo inside a normal page only affects that page, not the whole site. **Q: Why is my logo showing as a grey placeholder instead of the real image?** A: A grey placeholder usually means no logo file was uploaded for the selected Logo Type. The block expects an image in Upload Image or an SVG in Upload SVG, depending on whether you picked Image or SVG. In practice, this is the fastest thing to check when the live site looks broken, because the placeholder appears when the block has nothing to render. **Q: Why is my WordPress logo cropped or blurry?** A: The default Image Size is Thumbnail, which serves a 150×150 cropped copy. That is why wide logos often get cut into a square or look soft. Setting Image Size to Full fixes the source image, then Logo Max Width controls how large it appears on desktop, tablet, and mobile without forcing WordPress to serve a tiny cropped version. **Q: Can I use one logo for the normal header and another for sticky headers or hover states?** A: Nexter Blocks supports both cases. Double mode lets you upload a hover logo that replaces the normal one while the pointer is over it, and Sticky Logo adds a separate logo for when a Nexter Builder sticky header becomes sticky. That split is useful when the main header needs one treatment but the scrolled state needs cleaner branding or better contrast. **Q: Does the site logo block link to my home page or can I send it somewhere else?** A: The default behavior is Home URL, so the logo points back to your home page. If you switch Logo URL Type to Custom URL, you can send it somewhere else and also use new tab and nofollow options. That makes the logo act like a normal branded link instead of being locked to home navigation. **Q: What are the best settings for adding a site logo without breaking layout?** A: Full image size plus Logo Max Width is the safest combo. Full keeps WordPress from serving a 150×150 thumbnail crop, while Logo Max Width lets you cap how big the logo appears per device instead of shrinking the source file itself. If you also need accessibility or SEO support, turn on Aria Label and Schema Markup; schema adds Organization structured data with your site URL.