¿Le gustaría crear un encabezado personalizado en WordPress con Elementor?
El encabezado es uno de los elementos cruciales que todo sitio web debe tener. Un encabezado generalmente contiene un menú, lo que facilita a sus visitantes navegar a páginas importantes en su sitio web. Otro elemento que normalmente se encuentra en el encabezado de un sitio web es el logotipo.
Descubre Cómo instalar Elementor en WordPress
La mayoría de las Temas de WordPress, ya sean gratuitos o de pago, le permiten personalizar el encabezado agregando el logotipo de su sitio web o el menú de navegación. Alguno Temas de WordPress, le permite agregar elementos adicionales, como la barra de búsqueda y los íconos de las redes sociales.
Pero, ¿es posible crear un encabezado personalizado en WordPress para reemplazar el encabezado del tema de WordPress activo ?
Por supuesto, puede crear un encabezado personalizado para anular el encabezado predeterminado para el tema actualmente activo en su sitio web de WordPress.
Si tiene conocimientos de programación (PHP en este caso), cree un encabezado personalizado para un tema de WordPress no es un gran problema. Si no tiene conocimientos de programación, Elementor le permite crear un encabezado personalizado sin escribir una sola línea de código. Puede crear el encabezado a través de un editor visual de arrastrar y soltar.
Nota: Theme Builder solo está disponible en Elementor Pro.
Cómo crear un encabezado personalizado en WordPress con Elementor
La versión pro de Elementor viene con una función llamada Creador de temas. Esta característica le permite crear un tema de WordPress sin codificar. Los elementos temáticos que puedes crear con el creador de temas de Elementor incluyen:
- en cabeza
- pie de página
- Plantilla de publicación única
- Plantilla de página de archivo
- Plantilla de página 404
En este artículo, le mostraremos cómo crear un encabezado personalizado para su tema de WordPress con Elementor. Una vez publicado, este encabezado personalizado reemplazará el encabezado de su tema actual.
Antes de comenzar, asegúrese de haber instalado Elementor Pro en su sitio web de WordPress.
Primero, ve a Plantillas -> Creador de temas.
En la página Creador de temas, vaya a la pestaña Encabezamiento y haga clic en el botón Añadir para crear un nuevo encabezado.
Aparecerá una ventana emergente que le pedirá que le dé un nombre a su plantilla. Escriba el nombre de su modelo y haga clic en el botón CREA UN MODELO.
Elementor te permite crear un encabezado a partir de una plantilla. Seleccione uno de los modelos disponibles en la biblioteca de modelos y haga clic en el botón insertar para cargarlo en el editor de Elementor.
También puede crear el encabezado desde cero. Si prefiere crear el encabezado desde cero, puede cerrar la biblioteca de plantillas para abrir el editor de Elementor.
Técnicamente, puede agregar cualquier widget de Elementor, que puede explorar en el panel izquierdo, a su encabezado. Pero no todos los widgets son realmente necesarios cuando se trata de crear el encabezado del sitio web.
Lea nuestra guía: Elementor Free vs Elementor Pro: Comparación detallada de funciones
En este artículo, le mostraremos cómo agregar los elementos comunes de un encabezado: logotipo de sitio web, menú de navegación y barra de búsqueda. En este caso, necesitará una nueva sección con tres columnas. Haga clic en el icono más en el editor de Elementor y seleccione la estructura de tres columnas.
Establezca el ancho de cada columna arrastrando el divisor hacia la izquierda o hacia la derecha. Eche un vistazo a la captura a continuación.
- Agregar logotipo de sitio web
Para agregar el logotipo del sitio web, arrastre el widget Logo del sitio desde el panel izquierdo a una de las columnas en el editor de Elementor.
el widget Logo del sitio cargará el logotipo de su sitio web. Si no ha especificado el logotipo de su sitio web, puede ir a Apariencia -> Personalizar para agregar su logo.
Lea también: Cómo importar o exportar modelos en Elementor
Puede personalizar su logotipo a través del panel izquierdo. Puede definir elementos como alineación, enlace, ancho, etc.
Simplemente juegue con el panel izquierdo hasta que esté satisfecho con el resultado.
- Agregar menú de navegación
Para agregar el menú de navegación, arrastre el widget Menú de navegación a una de las columnas del editor de Elementor.
el widget Menú de navegación cargará el menú principal de su sitio web. Si no ha creado ningún menú en su sitio web, puede ir a Apariencia -> Menús para crear uno. Si tiene varios menús en su sitio web, puede especificar cuál desea mostrar en el menú desplegable de opciones Menú del panel izquierdo.
Nuevamente, puedes jugar con el panel izquierdo para personalizar tu menú. Puede configurar el diseño (horizontal, vertical), la alineación, el efecto de animación, etc.
- Agregar barra de búsqueda
Para agregar la barra de búsqueda, puede arrastrar el widget Formulario de búsqueda en la columna restante.
Una vez que el formulario agregado, puede ir al panel izquierdo para personalizarlo.
Personaliza el encabezado
De forma predeterminada, su encabezado tendrá un fondo blanco. Puede cambiar este color para que coincida con el color de su tema. Para ello, active la sección pinchando sobre ella en el navegador. (Ctrl+i).
Ir a la pestaña Estilo en el panel izquierdo y seleccione su color favorito haciendo clic en el selector de color en la opción Color sección Fondo.
Si desea tener un encabezado fijo, puede ir a la pestaña Avanzado. En la opcion Pegajoso, debajo de la sección Efectos de movimiento, establezca la ubicación adhesiva. De forma predeterminada, el efecto Sticky se aplicará a todo tipo de dispositivos (escritorio, tableta y teléfono inteligente).
Lea también: Elementor Pro: 10 funciones increíbles para desbloquear - Parte I
Si desea desactivar el efecto Sticky en un determinado tipo de dispositivo, simplemente elimine el dispositivo del campo.
Publica tu encabezado personalizado
Hasta ahora ha creado con éxito su encabezado personalizado. Hay muchas otras opciones de ajuste que puede configurar, y es imposible cubrirlas todas en esta publicación.
Ver también: Cómo crear una plantilla de publicación única con Elementor Pro
Simplemente juegue con el panel izquierdo hasta que esté realmente satisfecho con el resultado. Cuando haya terminado, haga clic en el botón PUBLICAR en la parte inferior del panel izquierdo para publicar su plantilla de encabezado.
En el siguiente paso, se le pedirá que configure la condición de visualización. Haga clic en el botón AÑADIR CONDICIÓN
De forma predeterminada, su plantilla de encabezado se aplicará a todo el sitio web. Entonces, si desea que su plantilla de encabezado se aplique a todo el sitio web, puede hacer clic en el botón GUARDAR CERRAR.
Lea también: Cómo crear un pie de página en WordPress con Elementor
O, si desea que su plantilla de encabezado se aplique a una página específica, puede especificar la página haciendo clic en el menú desplegable. Seleccione la página del otro menú desplegable que aparece a continuación. Haga clic en el botón GUARDAR CERRAR una vez que haya terminado de especificar la página.
¡Obtenga Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le muestra cómo crear un encabezado personalizado en WordPress con Elementor. Si tiene alguna inquietud sobre cómo llegar allí, háganoslo saber en el comentarios.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
