Saltar al contenido

Cómo cambiar un logo en WordPress: 3 formas sencillas

El logotipo de un sitio web es una herramienta importante para el reconocimiento de la marca, ya que ayuda a los visitantes a distinguir el sitio web de la competencia y a formarse una buena impresión. También hace que el sitio web parezca más legítimo y profesional.

Una vez que haya creado un logotipo relevante y de alta calidad, simplemente agréguelo a su sitio de WordPress y personalícelo.

Si está buscando una forma eficaz de agregar o cambiar el logotipo de un sitio web de WordPress, lo guiaremos utilizando diferentes métodos. También le enseñaremos cómo reemplazar el logotipo de inicio de sesión predeterminado.

Descargue la hoja de referencia definitiva de WordPress

Cómo cambiar el logo en WordPress

Dado que no existe un botón o acceso directo predeterminado, descubrir cómo cambiar el logotipo de un sitio web de WordPress puede resultar complicado para los principiantes.

Por lo tanto, le daremos instrucciones detalladas para cambiar o agregar un logotipo personalizado en WordPress:

Agregar un logotipo personalizado a un tema de WordPress

Hay dos formas de agregar un logotipo personalizado al tema de su sitio activo: a través de Personalizador de WordPress o de Editor de plantillas.

Sin embargo, sólo puedes utilizar la función Personalizador en temas específicos de WordPress como Twenty Fifteen, Twenty Sixteen y Twenty Seventeen. Mientras tanto, el Editor de plantillas solo está disponible para temas de bloques como Twenty Twenty-Two, Blockbase y Tove.

Leer  Cómo editar el footer en WordPress: 3 métodos efectivos + plugins para editarlo

Además, asegúrese de haber configurado su sitio de WordPress para mostrar una página de inicio estática. Para eso:

  1. Inicie sesión en su panel de WordPress y vaya a ajustes Lectura.
  2. En tu pagina de inicioelige la opción pagina estatica y seleccione Página de inicio en la lista desplegable.
  3. Hacer clic Guardar cambios para confirmar.

Agregue un logotipo con el Personalizador de WordPress

Para agregar un nuevo logotipo usando el Personalizador de WordPress, siga las instrucciones a continuación:

  1. Instale y active un tema de WordPress compatible con el Personalizador a través de su panel de WordPress. En este tutorial, usaremos el tema. veinte diecisiete.
Veinte diecisiete tema de WordPress
  1. Ir a Apariencia Personalizar.
Opción de personalización en la sección de temas de WordPress.
  1. En la página Personalizar, vaya a la barra lateral izquierda y haga clic Identidad del sitio web.
  2. Luego haga clic Seleccionar logotipo para abrir la biblioteca multimedia.
Opción de selección de logotipo del personalizador de WordPress
  1. En la pestaña Cargar archivos, haga clic en Selecciona archivos y elija el archivo de logotipo personalizado que desea cargar.
Guía de carga de archivos del personalizador de WordPress
  1. Una vez cargado, resalte el logotipo y haga clic Seleccionar.
Guía para elegir archivos cargados en el Personalizador de WordPress
  1. Es posible que tengas que ajustar el logotipo de tu sitio de WordPress si es demasiado grande. Cuando termine, haga clic en Delimitar imagen para insertar el logo en el editor.
Lugar para recortar la imagen del personalizador de WordPress
  1. Luego haga clic Publicar para guardar los cambios.
Opción de publicación personalizada de WordPress

Para reforzar la identidad de su sitio de WordPress, también puede utilizar el logotipo como favicon de su sitio, pero recuerde que WordPress recomienda utilizar un mínimo de 512 por 512 píxeles.

Agregue un logotipo a través del Editor de plantillas de WordPress

Para agregar un logotipo personalizado usando el Editor de plantillas, siga los pasos a continuación:

  1. Instale y active un tema que admita esta función. En este tutorial, usaremos veintidós.
Veintidós tema de WordPress
  1. Después de activar el tema, vaya a paginas Todas las páginas. Luego seleccione su página de inicio.
Pestaña Todas las páginas en la sección Páginas de WordPress
  1. Serás redirigido al editor de bloques. Navega a la barra lateral opciones Resumen Modelo.
Editor de bloques de WordPress
  1. Luego haga clic en el botón Página y seleccione Editar plantilla para abrir el Editor de plantillas.
Leer  Cómo poner en cola scripts usando el hook wp_enqueue_scripts en WordPress
Editar la opción de plantilla del editor de bloques de WordPress
  1. Selecciona el Cabecera.
Sección de encabezado del editor de bloques de WordPress
  1. Para agregar el logo, seleccione el bloque Agregar un logotipo de sitio web y sube la imagen. Hacer clic Seleccionar para insertarlo en el editor.
Opción para agregar el logotipo del encabezado en el editor de bloques
  1. Luego haga clic en el botón Actualizar. El editor le informará que los cambios afectarán a todo el sitio. Hacer clic Publicar para confirmar.
Opción de actualización del editor de bloques de WordPress

Cambia el logo con estilos CSS personalizados

Para modificar o personalizar aún más los estilos de logotipo de WordPress, puede utilizar CSS adicional. Esta característica le permite agregar clases de Hoja de Estilo en Cascada (CSS) a un bloque específico y adaptarlo a sus necesidades.

Dado que esta función solo está disponible en el Personalizador de WordPress, usaremos veinticinco como ejemplo. Siga los pasos a continuación para agregar código CSS personalizado y diseñar su logotipo:

  1. Ir a Apariencia Personalizar para abrir la pantalla del Personalizador.
  2. En el área de edición, haga clic derecho en la imagen del logotipo y seleccione Inspeccionar para abrir la herramienta Inspeccionar elemento.
Opción de inspeccionar en el personalizador de WordPress
  1. Pase el cursor sobre la etiqueta HTML resaltada y localice la clase CSS que aparece encima del logotipo. En este caso, el valor de la clase CSS es img.adjunto-pulgar.
Clase CSS de logotipo en el personalizador de WordPress
  1. Cierre la herramienta Inspeccionar elemento y regrese a la pantalla del Personalizador. Luego haga clic CSS adicional en la barra lateral izquierda.
Opción CSS adicional del personalizador de WordPress
  1. En el área de edición de CSS adicional, ingrese la clase CSS, img.adjunto-pulgar en nuestro caso. Luego agregue sus propias propiedades CSS para personalizar los estilos de su logotipo de WordPress. He aquí un ejemplo:
img.attachment-thumb {
border: 5px solid black;
border-radius: 10px 20px;
height: 130px;
width: auto;
  1. El resultado debería ser el siguiente:
Sección para editar CSS en el Personalizador de WordPress
  1. Hacer clic Publicar para guardar los cambios.
1714728961 325 Los 20 mejores temas de WordPress para criptomonedas en 2024.webp

Cambiar el logotipo de la página de inicio de sesión de WordPress

También puede reemplazar el logotipo de la página de inicio de sesión con su imagen personalizada. Solo necesitas modificar el archivo. funciones.php del tema activo, utilizando el panel de control de su alojamiento web o el Editor de temas de WordPress.

Leer  Cómo crear un sitio de podcast en WordPress + los mejores plugins de podcast

Le mostraremos cómo cambiar las imágenes del logotipo de WordPress en la página de inicio de sesión a través del panel de control de Hostinger, hPanel:

  1. En el panel de control de hPanel, abra el Administrador de archivos.
  2. A continuación, vaya a público_html contenido de wp temas. A continuación, abra el directorio de temas activos: usaremos el tema Twenty Fifteen.
  3. Encuentra el archivo funciones.phpDesplácese hasta el final y agregue el siguiente fragmento de código:
function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url(insert_the_logo_url_here) !important; }
</style>';
add_action('login_head', 'custom_loginlogo');
  1. Luego copie la URL del archivo del logotipo de su biblioteca multimedia de WordPress. Pégalo entre paréntesis del valor de la URL, así: url(
  2. Cuando termine, haga clic en el botón Mantener.

Conclusión

Agregar un logotipo personalizado a su sitio web de WordPress es un paso importante para establecer una identidad sólida y atractiva para su sitio web o blog.

En este artículo, aprendió varios métodos para agregar y cambiar un logotipo en WordPress: usando el Personalizador de WordPress, el Editor de plantillas y el código CSS personalizado.

Para que la identidad de su sitio sea aún más consistente, también proporcionamos instrucciones para cambiar el logotipo de su página de inicio de sesión de WordPress.

Esperamos que este artículo le haya ayudado a comprender cómo configurar un logotipo en su sitio web de WordPress. Si aún tienes dudas, puedes escribirlas en la sección siguiente. ¡Mucha suerte!

Cambiar logotipo en WordPress – Preguntas frecuentes

A continuación encontrará respuestas a algunas preguntas comunes sobre cómo cambiar el logotipo en WordPress.

¿Cuáles son los tamaños de logotipos más comunes en WordPress?

Cuando cargue un archivo de logotipo a través de la biblioteca multimedia de WordPress, verá medidas de imagen sugeridas. 248 por 248 píxeles. Por lo tanto, recomendamos utilizar este tamaño de logotipo para obtener el mejor resultado.

¿Puedes cambiar el tamaño del logotipo de WordPress?

Sí, puedes cambiar el tamaño del logo editando la imagen antes de insertarla en la página. Para hacer esto, abra la biblioteca multimedia de WordPress y seleccione la imagen de su logotipo. En la ventana Detalles del archivo adjuntohacer clic Editar imagen para personalizar el tamaño del logotipo de WordPress.

Te recomendamos que uses el formato SVG para tu logo, ya que es liviano y se puede representar en cualquier tamaño sin perder calidad. Además, los motores de búsqueda como Google pueden leer texto del archivo SVG.

Compartir

Deja una respuesta