Seleccione una página
[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! important;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0px ! important; border-bottom-width: 0px! important; padding-bottom: 0px! important;} "] [vc_column_text]

Divi: el tema de WordPress más fácil de usar

[/vc_column_text][/vc_column][vc_column width="1/4"][vcex_button url="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target="blank" size="small" align="center" color="green" font_family="Raleway" font_weight="600" style="flat" custom_color="#ffffff" custom_hover_color="#ffffff"] DESCARGAR [/vcex_button][/ columna_vc][/fila_vc]

Divi: ¡el mejor tema de WordPress de todos los tiempos!

más 901.000 descargas, Divi es el tema de WordPress más popular en el mundo. Es completo, fácil de usar y viene con más de plantillas gratuitas 62.

¿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 los 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. Algunos temas de WordPress le permiten agregar elementos adicionales como la barra de búsqueda y los íconos de redes sociales.

Pero, ¿es posible crear un encabezado personalizado en WordPress para reemplazar el encabezado del tema activo de WordPress?

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 habilidades de programación (PHP en este caso), crear 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 arrastrando y soltando.

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 codificación. Los elementos del tema que puede crear con el generador de temas de Elementor son los siguientes:

  • 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.

Cree fácilmente su sitio web con Elementor

Elementor te permite crear Fácil y Gratis cualquier sitio web o diseño de blog con un aspecto profesional. Deja de pagar mucho por un sitio web que puedes hacer tú mismo.

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.

agregar sección de columna

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

¿Quieres vender tus productos en internet?

Descarga WooCommerce gratis, los mejores plugins de comercio electrónico para vender tus productos físicos y digitales en WordPress y crea fácilmente tu tienda online. Perfecto para principiantes.

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 se agrega el formulario, 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 Estilos en el panel izquierdo y seleccione su color favorito haciendo clic en el selector de color en la opción Color sección Fondo.

Cómo crear un encabezado en WordPress con Elementor

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.

Cómo crear un encabezado en WordPress con Elementor

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.

Cómo crear un encabezado en WordPress con Elementor

¡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.

...

0 acciones
cuota
Tweet
Siguiente