Cómo crear un encabezado personalizado con Elementor (gratis y pagado)

¿Le gustaría tener más control sobre su sitio sin tener que codificar? Si está familiarizado con el elemento del generador de páginas popular, entonces sabe que ofrece una flexibilidad increíble en la construcción de su sitio, ¡no se necesita codificación! Sin embargo, Elementor lo lleva solo hasta ahora, porque su tema de WordPress es el que controla elementos como el encabezado, incluido el logotipo y el área de navegación. Este no es un problema si está satisfecho con las opciones de encabezado que vienen con su tema, pero cada tema de WordPress es diferente, por lo que las opciones construidas pueden no ser exactamente lo que está buscando. O puede que le guste su encabezado, pero desea aplicar fácilmente uno exclusivo a una página de destino en su sitio.
Independientemente de la personalización que necesite en sus encabezados, hay algunas formas excelentes de usar Elementor y disfrutar de un control y colocación total en el encabezado de su sitio. ¡Esto es lo que necesita para construir hermosos encabezados personalizados con Elementor!
contenido
Cómo editar el encabezado en Elemoror
Construyendo un encabezado elemental con temas constructor
Alternativa gratuita a Elementor Pro para crear encabezado personalizado
¿Deberías usar un encabezado elemental?
Conclusión
Cómo editar claramente el encabezado en el elemento, tanto en términos de estética como de funcionalidad, el encabezado de su sitio es esencial para una buena experiencia de usuario. Después de todo, ¡aquí está el menú de navegación, el logotipo, la canasta y otros elementos importantes!
Para personalizar su encabezado para el elemento, utilizará una excelente función llamada Temo Builder, que solo está disponible en Elementor Pro. (Nota: este enfoque requiere que tenga la versión paga de Elementor, pero también exploraremos una alternativa gratuita más adelante). Construir un encabezado elemental con temas constructor es cómo comenzar con el creador. Paso 1: Encuentre la pestaña Elementor en la barra lateral Acceda a la mochila de su sitio de WordPress, instale el complemento de complementos Elementor> Agregar nuevo. Asegúrese de instalar la versión Pro de este generador de página. Incluye docenas de plantillas de encabezado prefabricadas, pero para el control total, ¡debe crear el suyo desde cero! Navegue a plantillas> Temor Builder.
Paso 2: Cree una nueva plantilla en el elemento, haga clic en Agregar una nueva plantilla para crear una nueva plantilla al elemento.

En este cuadro de diálogo, puede seleccionar la opción de encabezado y crear un nombre para su plantilla Paso 3: Haga clic en “Crear plantilla” para comenzar una vez que se cree y publique la plantilla, ¡puede editar el encabezado usando Elementor! Widgets de elementor

El diseño del encabezado funciona como cualquier página o sección con elemento. Simplemente extraiga diferentes widgets en la página principal para crear algo sorprendente.

Hablando de widgets, encontrará todo tipo de widgets disponibles para construir rápidamente un encabezado personalizado en la barra lateral Elemoror Pro. Estos son algunos de los más útiles:
El logotipo del sitio
El título del sitio
El título de la página
Menú de navegación
Formulario de búsqueda
Mapa del sitio
Con estas opciones de widgets en Elementor Pro, ¡puede crear un encabezado que contenga cada elemento que necesita! Recuerde, si diseña un encabezado personalizado, desea aprovechar el contenido dinámico, para que el sitio web atraiga el mismo elemento en cada página. Por ejemplo, para obtener un logotipo consistente, puede cargar un logotipo del sitio en su personalizador con su widget de sitio y puede usarlo como un elemento dinámico en la plantilla de encabezado, en lugar de usar una imagen de widget para el logotipo. De esta manera, es Aparecerá igual en cualquier página que use esta plantilla de encabezado, y cuando sea el momento de actualizar su logotipo, ¡solo tiene que cambiar el logotipo en un solo lugar! Paso 4: Elija las condiciones de visualización Ahora debe completar un solo paso y está listo para hacer su nuevo encabezado. Después de presionar “publicación”, se le pedirá que seleccione la condición de visualización. Las condiciones de visualización significan solo el lugar donde desea mostrar el encabezado en su sitio de WordPress.
Hay tres opciones:
Todo el sitio: si se selecciona, el encabezado aparecerá en todas las páginas y todas las publicaciones de blog de su sitio.

Archivos: si selecciona esta opción, puede mostrar el encabezado en una página en particular o publicación archivada.
Singular: si selecciona esta opción, puede mostrar el encabezado en una página, categoría o publicación en particular.
Esta pantalla dirigida es una de las cosas más fuertes del elemento. Puede usar esto para crear páginas personalizadas, publicaciones e incluso páginas de destino en su sitio web de WordPress.
Elemento de encabezado Lipid en Elementor Pro, tiene la opción de crear algunas variantes de encabezado interesantes. En lugar de confiar en las opciones de encabezado adhesivo de su tema o en una tercera sede pegajosa, puede usar la función incluida por el encabezado Lipic elemental. Para crear un encabezado pegajoso para la plantilla de encabezado, todo lo que tiene que hacer es acceder al panel y seleccionar el efecto de desfile avanzado>. Luego, elija “arriba” o “abajo” para que el encabezado que creó para “pegar” en la parte superior o inferior de la página mientras el usuario se está ejecutando. Hay funciones adicionales para definir cómo se animan el encabezado y también puede Seleccione qué dispositivos desea aplicar en el escritorio, el móvil y la tableta. Elemento de encabezado transparente Si realmente desea que su encabezado personalizado impresa, puede agregar transparencia cambiando la opacidad a un número como 0.5 con algunos CSS personalizados y la clase CSS de Elementor. Luego puede combinarlo con la función de encabezado pegajoso, por lo que cuando se ejecuta el usuario, el encabezado transparente elemental revelará la página detrás de ella. Esta característica requiere un pequeño código, pero afortunadamente, es tan simple como copiar y vincular.
Aquí hay un video elemental oficial que muestra cómo hacerlo.
Crear encabezado Mobile El Elementor Pro le brinda la libertad de personalizar completamente su encabezado móvil tal como personaliza una página. Puede seleccionar su vista móvil o de tableta haciendo clic en el botón para el modo de respuesta desde la parte inferior de la pantalla, justo debajo del panel de elementor del widget.

Una vez seleccionado, notará que aparece una barra en la parte superior del área de edición. Puede seleccionar el tamaño de la pantalla aquí. Este proceso es muy similar a la edición de páginas con la versión gratuita. Elementor Theme Builder Wrap-Up Este es un vistazo rápido a cómo construir encabezados personalizados en el elemento. No es una solución perfecta, pero le brinda mucha flexibilidad para construir el encabezado personalizado que necesita para su sitio web.

Usando condiciones, Temo Builder también le permite crear más de un encabezado y asignarlos a diferentes áreas de su sitio, lo cual es una gran ventaja que puede no tener con el tema actual. ¿Le gustaría aprender más sobre el método de constructor de temas? Aquí está el video oficial que lo guía creando su propio encabezado de WordPress usando el creador de temas elementales. Las ventajas del generador de tareas:
Le da personalización completa para el diseño de su encabezado

Utiliza el generador intuitivo de páginas elementor

Incluye una gran selección de widgets útiles
Desventajas para el generador de tareas:
No incluye el marcado del esquema
No se incluye mega menú
Requiere Elementor Pro (versión pagada de Elementor)
La alternativa gratuita a Elementor Pro para crear el constructor de temas de encabezado personalizado de Elementor Pro es indudablemente fuerte, pero para obtener acceso a él, debe comprar una suscripción personal primaria, que cuesta 49 USD/año para un sitio web.
La buena noticia es que si usa la versión gratuita de Elementor, tiene otra opción. Creé un fantástico complemento gratuito llamado Elementor: encabezado de complemento, pie de página y bloques. Esto le permite crear un elemento con el elemento y establecerlo como encabezado o sótano en su sitio web. ¿Cómo funciona? Es tan fácil como 1-2-3:
Diseñar una apariencia en el elemento como suele hacer
Designarlo como encabezado

La plantilla que creó se aplicará automáticamente como encabezado
Consulte esta publicación de blog para obtener un proceso paso a paso. El Elementor Plugin: el encabezado, el pie de página y los bloques le ofrecen muchas funcionalidades como constructor de temas en Elementor Pro, con el marcado adicional del esquema. Otra gran ventaja de este complemento de constructor es que puede usarlo de forma gratuita durante un período indefinido: nunca debe preocuparse de que pierda acceso si no mantiene una suscripción paga. El complemento viene con widgets incorporados que facilitan el proceso de diseño del encabezado. Estos widgets proporcionan las funciones básicas necesarias, por lo que no tiene que buscar complementos adicionales.

El logotipo del sitio
El título del sitio
El eslogan del sitio
Menú de Navegación
El título de la página
Imagen de retina
Derechos de autor
Este complemento funciona con todos los temas. Pocos de los temas se han creado en compatibilidad para este complemento, mientras que para algunos debe elegir un método de compatibilidad. Si, después de activar el complemento, ve una notificación para verificar los métodos de compatibilidad disponibles. Navegue a la apariencia> Creador de Subsol Shot> Soporte de temas y seleccione un método adecuado. Una vez que agregue soporte para el tema, diseñe un aspecto usando elemento, designe si debe aplicarse como encabezado o sótano y está terminado! Comience con el elemento: encabezado, sótano y bloques
¿Deberías usar un encabezado elemental? Hasta ahora, en esta publicación, hemos analizado algunas formas de crear un encabezado personalizado con Elementor. Sin embargo, ¿vale la pena renunciar a las opciones de encabezado de su tema a favor de un encabezado personalizado elemental? No necesariamente. La mayor ventaja de quedarse con el encabezado del tema construido es que ya está completamente aceptado. Estas son solo algunas de las funciones que su tema podría incluir:
Variaciones múltiples en la apariencia
Un encabezado pegajoso
Reactividad móvil
Opciones para el encabezado móvil
Opciones de estilo personalizadas
En otras palabras, si puede obtener el encabezado que desea sin necesidad de un elemento, es posible que pueda completar el trabajo con solo unos pocos clics. Es más fácil y es menos probable que cause dolores de cabeza en el camino. Finalmente, lo que se resume en esto es: ¿Su tema actual le permite crear un encabezado para hacer lo que necesita hacer? Con Astra Theme, obtienes el generador de encabezado avanzado y el sótano, lo que hará muy bien el trabajo. Puede obtener más información al respecto en este video.