Cómo Crear cabeceras y pie de pagina con Elementor GRATIS

Cómo Crear cabeceras y pie de pagina con Elementor GRATIS – incluye VIDEO

En este tutorial, te enseño cómo Crear cabeceras y pie de pagina con Elementor, No hace falta plugin de pago para lograrlo.

Imagina que tu plantilla actual no te permite modificar tu cabecera o pide de pagina, y necesitas un diseño mas personalizado.

Si no tienes Elementor Pro, aún es posible crear cabeceras y pie de pagina con Elementor utilizando el generador de páginas gratuito de Elementor juntos con un par de plugins más.

Paso 1: Instalar y activar los siguientes plugins

Debes instalar y activar estos plugins para poder crear cabeceras y pie de pagina con Elementor

El plugin de header and footer  es indispensable si deseas crear cabeceras y pie de pagina con Elementor si no tiene Elementor Pro.

Aquí te explico cómo instalar Header, Footer elementor plugin.

Cómo Crear cabeceras y pie de pagina con Elementor

Inicia sesión en tu panel de WordPress.

  1. Ve a plugins
  2. Haga clic en “Añadir nuevo”
Cómo Crear cabeceras y pie de pagina con Elementor

Ahora busca e instala el plugin

  1. En el campo de búsqueda, escriba “header, footer elementor”
  2. Haga clic en “Instalar ahora” para instalar el plugin
Cómo Crear cabeceras y pie de pagina con Elementor

Activa el plugin haciendo clic en el botón “Activar”

Plugin NavMenu para el complemento de Elementor

Este es el segundo complemento que necesitas instalar y activar antes de poder comenzar a crear cabeceras y pie de pagina con Elementor

También te puede ayudar:  Elementor Hello Theme Tutorial: Todo lo que necesitas saber.

Este plugin agrega más widgets, como un widget de menú a la biblioteca de widgets de Elementor, por lo que es necesario ya que el widget del menú de navegación no está disponible en el complemento gratuito de Elementor.

Cómo Crear cabeceras y pie de pagina con Elementor

Nuevamente, desde la página “Agregar nuevo”, busca e instala el complemento NavMenu para Elementor.

  1. Escribe en la búsqueda “Navmenu addon for elementor”
  2. Luego haz clic en el botón “Instalar ahora” para comenzar a instalar el plugin. Una vez que se complete la instalación, haz clic en “Activar” para activarlo.
Cómo Crear cabeceras y pie de pagina con Elementor

Ahora deberías tener un total de 3 plugins; Elementor, Header,footer for elementor y NavMenu Addon para Elementor.

Ahora ya todo esta listo para crear tus cabeceras y pie de pagina con Elementor

Paso 2: Crear cabeceras y pie de pagina con Elementor

Cómo Crear cabeceras y pie de pagina con Elementor

Para comenzar a crear cabecera personalizada, comienza por …

  1. Ve a “Apariencia”
  2. Haz clic en “Header Footer Builder”
Cómo Crear cabeceras y pie de pagina con Elementor

Haz clic en el botón “Agregar nuevo” para crear tu cabecera.

En este ejemplo, voy a demostrar cómo creas una cabecera, sin embargo, puedes seguir pasos similares para crear el pie de página con Elementor

Cómo Crear cabeceras y pie de pagina con Elementor
  1. Agrega un título a tu cabecera. 
  2. Seleccione un tipo de plantilla. Elija header o “footerna” al crear un pie de página personalizado.
  3. Edita tu cabcera en Elementor haciendo clic en el botón “Editar con Elementor”. Te recomiendo hacer un borrador antes de cualquier publicación.

Editar cabecera en Elementor

Ahora todo esta listo para editar o crear tu cabecera con Elementor

Cómo Crear cabeceras y pie de pagina con Elementor

Desde el paso anterior, deberías ver una pantalla en blanco similar a la de la captura de pantalla anterior.

Ahora puedes comenzar a crear secciones y columnas como desees que se vea tu cabecera.Cómo Crear cabeceras y pie de pagina con Elementor

También te puede ayudar:  Cómo instalar Google Analitycs en WordPress + Incluye Video + BONUS

Además de los widgets gratuitos de Elementor, ahora deberías ver un nuevo conjunto de elementos de header cuando te desplazas a la parte inferior de los widgets en el panel izquierdo.

Utiliza estos elementos para construir tu cabecera. 

Web Hosting

No te olvides de cambiar a la vista móvil y de la tableta para ver y editar cómo quieres que se vea tu cabecera o en pantallas pequeñas.

Cómo Crear cabeceras y pie de pagina con Elementor

Una vez que hayas terminado de editar, haz clic en el botón “Publicar” para publicar su diseño.

Tu cabecera debes estar lista y publicada, reemplazando el heade del tema predeterminado.

Cómo Crear cabeceras y pie de pagina con Elementor

Si tienes Elementor Pro, la creación de encabezados o pies de página personalizados es sencillamente sencilla porque esta función ya está disponible para los usuarios de Pro.

Siga estos pasos para crear cabeceras y pie de pagina con Elementor PRO

Paso 1: crear una nueva plantilla de cabecera

Cómo Crear cabeceras y pie de pagina con Elementor

Inicia sesión en tu panel de WordPress

  1. Ve a “Plantillas”
  2. Luego haz clic en “Agregar nuevo”
Cómo Crear cabeceras y pie de pagina con Elementor

El siguiente paso es elegir un tipo de plantilla y darle un nombre a la plantilla.

En este ejemplo, crearé un encabezado, sin embargo, también puedes seguir estos pasos para crear un pie de página.

  1. Seleccione el tipo de plantilla, seleccioné “Encabezado” porque estoy creando un encabezado.
  2. Escribe un nombre de plantilla. He nombrado el mío “Encabezado”
  3. Haga clic en el botón “Crear plantilla”.

Editar cabecera en Elementor 

Cómo Crear cabeceras y pie de pagina con Elementor

Siguiendo el último paso, Elementor te da la opción de usar cabeceras ya diseñadas que puedes modificar a tu antojo o comenzar tu propio diseño desde cero.

Para crear desde cero, cierra la ventana emergente haciendo clic en el icono “X” en la parte superior derecha.

Cómo Crear cabeceras y pie de pagina con Elementor

Ahora notarás que a diferencia de Elementor free, ahora tienes elementos de widgets de encabezado en el panel izquierdo.

También te puede ayudar:  Cómo instalar WordPress fácilmente -- La Guía definitiva

Utiliza elementos como el logotipo del sitio, el menú de navegación, etc. para crear tu cabecera. Todavía tienes todos los demás elementos, como los iconos de redes sociales, disponibles también.

También tienes la opción de editar tu cabecera en pantallas más pequeñas como móviles y tabletas para asegurarte de que se muestre bien en todos los dispositivos.

Cómo Crear cabeceras y pie de pagina con Elementor

Después de que hayas diseñado y desarrollado cabecera y esté listo para publicarlo, haz clic en el botón “Publicar”. 

Cómo Crear cabeceras y pie de pagina con Elementor

Lo siguiente es agregar algunas condiciones sobre cómo deseas que se muestre tu nueva cabecera.

¿Deseas que se muestre solo en algunas páginas o en todo el sitio web?

Cómo Crear cabeceras y pie de pagina con Elementor
  1. Selecciona “Todo el sitio” si deseas que se muestre en todo el sitio web.
  2. Haz clic en el botón “Guardar y cerrar” para terminar de publicar tu diseño.
Cómo Crear cabeceras y pie de pagina con Elementor

Entra en tu web y deberías tener tu diseño publicado en todos las paginas internas.

Sigue estos pasos al crear un pie de página, pero no olvides elegir “Pie de página o footer” como tipo de plantilla.

Tutorial Cómo Crear cabeceras y pie de pagina con Elementor GRATIS 

En resumen

Clarito y raspao (como dicen en mi ciudad natal)

Puedes crear cabeceras y pie de pagina con Elementor gratis:

  1. Instala header,footer for Elementor plugin.
  2. Instala NavMenu para elementor
  3. Crea tu cabecera o pie de pagina con el Editor de Elementor.
  4. Diseña tu cabecera o pie de pagina
  5. Publicalo

Si tienes el complemento Elementor Pro :

  1. Crear nueva plantilla
  2. Elije header o footer como tipo de plantilla
  3. Diseña tu plantilla o elige entre plantillas prefabricadas
  4. Establecer condición de visualización
  5. Publicar

Déjame saber cuál te funcionó en la sección de comentarios a continuación. Y si tienes alguna pregunta, hágamelo saber en los comentarios.

Deja un comentario

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

62 Compartir
Compartir62
Twittear