Qué es: Encabezados personalizados

Las cabeceras personalizadas son una función del tema de WordPress que te permite realizar cambios en tu cabecera y en la imagen de la cabecera.

La cabecera de tu sitio web aparece en la parte superior de cada página de tu sitio de WordPress y es lo primero que verán tus visitantes. Hay muchas maneras en que los propietarios de sitios web pueden utilizar este espacio para dar una mejor primera impresión y hacerlo más útil para los visitantes de su sitio web.

Dependiendo de tu tema, puedes hacer cambios en tu cabecera utilizando el personalizador de temas de WordPress o el editor de sitios completo de WordPress. También puedes personalizar la cabecera de tu sitio web utilizando un plugin o un código.

¿Qué son las cabeceras personalizadas en WordPress?

¿Qué es una cabecera en WordPress?

La cabecera de tu sitio web es la sección superior de cada página de tu sitio web de WordPress, y lo primero que verán tus visitantes. Una cabecera personalizada puede causar una buena primera impresión a tus usuarios.

La cabecera suele mostrar el logotipo y el título de tu sitio web, los menús de navegación y otros elementos importantes que quieres que los usuarios vean primero. Aquí tienes la cabecera personalizada de WPMundobytes.

La cabecera de WPMundobytes

¿Por qué personalizar tu cabecera de WordPress?

Puedes personalizar la cabecera de WordPress con tu propia marca y para ayudar a tus usuarios a navegar por tu sitio web y descubrir tus mejores contenidos.

Puede que quieras personalizar tu cabecera cambiando la combinación de colores, modificando el diseño o cambiando el tamaño de las fuentes. Incluso puedes añadir imágenes, un área de widgets o incluso utilizar diferentes cabeceras para distintas áreas de tu sitio web.

Dependiendo de tu tema de WordPress, puedes añadir una imagen de ancho completo a la cabecera con un eslogan o un botón de llamada a la acción. Algunos temas de WordPress pueden permitirte cambiar la posición del logotipo, los menús de navegación y la imagen de la cabecera.

A continuación incluiremos algunas ideas más para personalizar tu cabecera de WordPress, pero primero vamos a ver cómo cambiar tu cabecera.

Cómo personalizar una cabecera en WordPress

Hay varias formas de personalizar tu cabecera de WordPress, y las cubrimos en detalle en nuestra guía para principiantes sobre cómo personalizar tu cabecera de WordPress.

Aquí tienes un breve resumen de cada método.

Personaliza tu cabecera con el personalizador de temas de WordPress

Muchos temas populares de WordPress te permiten utilizar el personalizador de temas de WordPress para realizar cambios en el área de la cabecera de tu diseño de WordPress. Puedes encontrar el personalizador navegando a Apariencia " Personalizar en tu área de administración de WordPress.

Es posible que tu tema añada una sección de "Encabezado" en el personalizador, o que añada opciones de encabezado en la sección "Color", pero esto varía de un tema a otro.

El tema Twenty Sixteen te permite añadir imágenes de cabecera aleatorias

Para más detalles, consulta nuestra guía definitiva sobre cómo utilizar el personalizador de temas de WordPress.

Personaliza tu cabecera con el editor de sitios completo de WordPress

WordPress añadió la edición de sitio completo a WordPress en la versión 5.9. Si tu tema es compatible con esta nueva función, entonces sustituye al personalizador de temas.

Esto significa que no tendrás un Apariencia " Personalizar en tu área de administración. En su lugar, debes navegar a Apariencia " Editor.

Esto lanzará el editor completo del sitio, que es como el editor de bloques que utilizas para escribir entradas y páginas de WordPress. Cuando hagas clic en la cabecera, verás que el nombre de la plantilla en la parte superior de la página cambia a "Cabecera de página".

Cambiar la plantilla del editor del sitio completo a 'Cabecera de página'

Para saber más sobre cómo funciona el editor del sitio completo, consulta nuestra guía para principiantes sobre cómo personalizar tu tema de WordPress.

Personaliza tu cabecera con un plugin constructor de temas

Si quieres tener un control total sobre tus cabeceras, pies de página y barras laterales para dar a tu sitio web un diseño único, te recomendamos que utilices SeedProd.

SeedProd es el mejor plugin constructor de temas de WordPress y te permite crear fácilmente un tema de WordPress personalizado sin escribir ningún código. Esto incluye la creación de cabeceras, pies de página y todo lo necesario para un tema de WordPress atractivo.

SeedProd ofrece un constructor de temas fácil de usar

Puedes aprender a hacerlo siguiendo nuestra guía sobre cómo crear fácilmente un tema de WordPress personalizado sin necesidad de código.

Una vez que hayas hecho esto, SeedProd hace que sea sencillo personalizar tu cabecera. Todo lo que tienes que hacer es pulsar el enlace "Editar diseño" que se encuentra debajo de la cabecera.

Personalizar el color de fondo de la cabecera en SeedProd

Ahora puedes utilizar el editor de arrastrar y soltar de SeedProd para personalizar fácilmente tu cabecera añadiendo nuevos bloques. También puedes hacer clic en un bloque existente para editar su color, texto y otras opciones.

Añade código a tu cabecera con el plugin de cabecera de WordPress

Puede que necesites añadir algún código CSS o Javascript personalizado a tu cabecera o pie de página de WordPress. Esto puede ser necesario si quieres incrustar un reproductor de vídeo, añadir calculadoras o integrar tu sitio con servicios web como Google Analytics y Google Search Console.

Por defecto, WordPress no ofrece una opción para insertar código en la cabecera y el pie de página de tu sitio web, por lo que nuestro equipo construyó una herramienta 100% gratuita Insertar encabezados y pies de página para que los usuarios puedan añadir fácilmente código al encabezado y al pie de página en WordPress.

Plugin de inserción de encabezados y pies de página

Para aprender a utilizar el plugin, consulta nuestra guía sobre cómo añadir código de cabecera y pie de página en WordPress. También puedes ver nuestra guía sobre cómo añadir fácilmente Javascript a las páginas o entradas de WordPress.

Personalizaciones útiles del encabezado

Aquí tienes algunas formas útiles de personalizar tu cabecera de WordPress.

Añade un logotipo personalizado a tu sitio web de WordPress

Los logotipos son una representación visual del negocio, los valores y la misión de una organización, y desempeñan un papel importante en la forma en que los clientes ven una marca. La mayoría de los temas de WordPress te permiten subir un logotipo personalizado.

Es posible que tengas que cambiar el tamaño de tu logotipo para que se vea bien en tu sitio web. Un logotipo demasiado pequeño no destacará y uno demasiado grande puede afectar negativamente al diseño de tu sitio web.

Dependiendo del tema de WordPress que utilices, a veces no está claro cómo cambiar el tamaño de tu logotipo. Puedes aprender a hacerlo siguiendo nuestra guía sobre cómo cambiar el tamaño de tu logotipo en WordPress con cualquier tema.

Si aún no tienes un logotipo personalizado y no quieres contratar a un diseñador profesional, echa un vistazo a nuestra guía sobre los mejores lugares para conseguir un logotipo personalizado para tu sitio web de WordPress con un presupuesto reducido.

También puedes utilizar un creador de logotipos gratuito para crear un logotipo profesional sin necesidad de tener conocimientos de diseño.

Crea un logotipo sin conocimientos de diseño con un creador de logotipos gratuito

Personaliza tu menú de navegación

Un menú de navegación personalizado es otra forma de mejorar la zona de la cabecera de tu sitio de WordPress.

En nuestra guía sobre cómo añadir menús de navegación personalizados, te mostramos cómo hacerlo utilizando código y plugins constructores de páginas como SeedProd.

Sin embargo, si tu tema admite la edición completa del sitio, puedes aprender a añadir un menú personalizado en la zona de la cabecera siguiendo nuestra guía para principiantes sobre cómo añadir un menú de navegación en WordPress.

Configuración del menú de navegación en FSE

También puedes añadir iconos de redes sociales a tu menú de navegación de la cabecera.

Quizás también quieras ver nuestras guías sobre cómo dar estilo a los menús de navegación de WordPress y cómo añadir un botón a tu menú de cabecera de WordPress.

Añade un widget de WordPress a tu cabecera

Algunos sitios web utilizan un widget de WordPress en la cabecera para captar la atención de los visitantes. Los widgets te permiten añadir bloques de contenido a secciones específicas de tu tema fácilmente, pero no todos los temas incluyen un área de widgets en la cabecera.

Es fácil añadir widgets a tu cabecera utilizando el constructor de temas de SeedProd, y algunos temas te permiten añadirlos utilizando el personalizador de temas de WordPress.

Pero si tu tema no incluye un área de widgets de WordPress en la cabecera, puedes añadir uno pegando fragmentos de código en los archivos de tu tema. Para saber cómo, consulta nuestra guía sobre cómo añadir un widget de WordPress a la cabecera de tu sitio web.

Área de widgets de cabecera personalizada

Mostrar una cabecera diferente para cada categoría de WordPress

La mayoría de los sitios web muestran la misma cabecera en todas las entradas, páginas, categorías y páginas de archivo. Sin embargo, puedes mostrar una cabecera diferente para cada categoría de WordPress.

Esto puede hacerse utilizando un constructor de temas o añadiendo código a los archivos de tu tema. Para más detalles, consulta nuestra guía sobre cómo añadir una cabecera, un pie de página o una barra lateral personalizados para cada categoría.

Hacer visible la cabecera personalizada sólo para determinadas categorías

Esperamos que este artículo te haya ayudado a saber más sobre los encabezados personalizados en WordPress. Quizás también quieras ver nuestra lista de Lecturas Adicionales a continuación para ver artículos relacionados con consejos, trucos e ideas útiles para WordPress.

Si te ha gustado esta guía, considera la posibilidad de suscribirte a nuestra Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Lecturas adicionales

  • Cómo personalizar la cabecera de tu WordPress (Guía para principiantes)
  • Cómo añadir una cabecera, un pie de página o una barra lateral personalizada para cada categoría
  • Fondos personalizados

Si quieres conocer otros artículos parecidos a Qué es: Encabezados personalizados puedes visitar la categoría Glosario.

¡Más Contenido!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Go up