How to change the logo in wordpress

New Page

How to Add a Custom Logo to Your Site Header

phillips harp

harper phillips/ Updated: September 18, 2022

Posted in: Quick Guides Difficulty: Beginner

Adding a custom logo to your site’s header is one of the first things you’ll probably want to do after setting up your site on your new host and installing a theme you like. Luckily, it’s also one of the easiest things you can do in WordPress. Here’s how to achieve it:

  1. Login to your WordPress dashboard.

    (Click to enlarge)

    (Click to enlarge)

  2. Select “Customize” from the drop-down menu under “Appearance.”

    (Click to enlarge) (Click to enlarge)

    (Click to enlarge)

  3. Select the menu option for “Header” or “Logo” settings. The options available in the customizer are not standard throughout WordPress and are determined by the theme developer. You might have to search a bit to find section in your theme that allows for customizations. Here are a couple examples of what you’re looking for:

    (Click to enlarge) (Click to enlarge)

    (click to enlarge)

    (Click to enlarge) (Click to enlarge)

    (click to enlarge)

  4. Once you’ve found the area that controls your header, click “Select Image”.

    (Click to enlarge) (Click to enlarge)

    (click to enlarge)

  5. Click “Select Files” to upload the image file you want to use as your header logo. Then click “Choose Image”.

    (Click to enlarge) (Click to enlarge)

    (click to enlarge)

  6. Once you have a logo that looks the way you want it to in the preview to the right, click “Save” and that’s it!

    (Click to enlarge) (Click to enlarge)

    (click to enlarge)

     

This guide will show you how to add your site logo. Don’t have a logo yet? We’ve partnered with Fiverr to help you create one.

Table of Contents

  1. Add Your Logo in the Site Editor
  2. Add Your Site Logo in the Customizer
  3. Create a Logo with Fiverr Logo
  4. Hiding the Site Title and Description
  5. Theme Support

Agregue su logotipo en el Editor del sitio

If you don’t see Appearance → Customize in your dashboard, that means your site uses the Site Editor. To add your logo, go to Appearance → Site Editor and add the Site Logo block instead.

↑ Índice ↑

Agregue el logotipo de su sitio en el personalizador

To add your logo, follow these steps:

  1. Go to Appearance → Customize and click on the Site Identity section.
  2. Click Select logo to open your site’s Media.
  3. Upload a new image, or select one that’s already in your Media.
  4. Click Set as logo, and you’ll see your logo appear in the preview window.
  5. Click the Save Changes button at the top right to activate the logo on your site.

select-logo

↑ Índice ↑

Create a Logo with Fiverr Logo

WordPress.com has partnered with Fiverr to make it easy for you to create a stunning logo in just seconds. Fiverr empowers anyone to get professional quality design quickly at an affordable price. To get started:

  1. Go to Appearance → Customize and click on the Site Identity section.
  2. Click Create Logo to go to the Fiverr website.
  3. Enter the name of your company or blog, as well as a slogan if you have one, and click Generate.
  4. Fiverr will automatically create logos for you to view and customize. You can easily customize the color, font, font size, spacing, positioning, and more.
  5. After you purchase your logo, you can download your logo.
  6. Follow the steps described in the Adding your Site Logo section above.

create-logo

↑ Índice ↑

Hiding the Site Title and Description

Once you have a logo, you might not need your theme to display your site’s title in regular text. But titles are good for SEO! Rather than leaving the title blank, you can hide it: below the Site Logo tools in the Customizer, you will see a checkbox labeled Display Site Title and Tagline. To hide your site title and description, leaving just the logo, uncheck this box, then click Save & Publish.

Display site title and tagline

↑ Índice ↑

Theme Support

Para ver todos los temas compatibles, consulte el filtro del logotipo del sitio en la presentación de temas .

Planes y precios versátiles

  • Libre

    plan-free-circle

    the best for students

  • Personal

    circle-of-personal-plan

    The best for fans

  • Prime

    plan-premium-circle

    The best for freelancers

  • Company

    plan-business-circle

    Best for Small Business

choose a package

  1. Documents /
  2. Add, remove or edit a custom logo

Add a logo ↑ Back to top

Add a custom logo using the WordPress custom logo theme feature, if you are using Storefront 2.0+ and WordPress 4.5+.

add a custom storefront logo

1. Go to : Appearance > Customize .

2. Open Site Identity .

3. Click Select Logo .

5. Save and publish .

save storefront logo

Delete or modify a logo ↑ Back to top

1. Go to : Appearance > Customize .

2. Open Site Identity .

3. Click Delete. Or Change logo , then  select File in the window that opens to choose your new image/logo.

4. Save and publish .

Add logo in Storefront 2.0+ and WordPress 4.5+

×


Video How to change the logo in wordpress

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…

How to edit footer in wordpress elementor

Contents1 How to Edit Page Headers and Tarts with Elementor in WordPress1.1 Elementor – Header, Footer and Blocks1.2 Instalar y activar el complemento1.3 Add Header or Footer…