Elementor – Header, Footer & Blocks Template

Descripción

¿Alguna vez imaginaste que podrías crear la cabecera y el pie de página de tu web con Elementor GRATIS?

Elementor – Header, Footer & Blocks Template es un plugin para WordPress sencillo, pero potente, que te permite crear un diseño con Elementor y establecerlo como
– Cabecera
– Pie de página
– Bloque (en cualquier parte de la web)

Crea diseños atractivos

El editor Elementor te da la flexibilidad para diseñar hermosas secciones. Al usarlo puedes crear diseños de cabecera y pie de página listos para usar.

Selecciona las ubicaciones de visualización

¿Deseas mostrar una plantilla de cabecera personalizada solo en la página de inicio, en la página de archivo del blog o en toda la web? Bueno, este plugin permite elegir una ubicación de destino específica para mostrar la cabecera y el pie de página.

Añade bloques de Elementor en cualquier lugar

Aparte de la cabecera y el pie de página, puedes diseñar plantillas personalizadas con Elementor y establecerlas en cualquier lugar de la web con un shortcode.

Plantilla «Antes del pie de página»

Junto con el pie de página principal, el plugin proporciona el área adicional, encima del pie de página, donde puedes añadir tu plantilla personalizada. Esto proporciona una gran flexibilidad en el diseño del pie de página.

Disponible con la plantilla «Elementor Canvas»

Tus diseños de cabecera y pie de página personalizados se pueden mostrar fácilmente en las páginas donde la plantilla «Elementor Canvas» este activada.

Viene con widgets incorporados

El plugin ofrece widgets incorporados que ayudan a crear diseños de cabecera y pie de página. Estos widgets ofrecen características básicas necesarias para que no tengas que buscar plugins adicionales.

  • Logotipo del sitio – Hereda automáticamente un logotipo del personalizador. Incluso puedes establecer una imagen personalizada como logotipo con un enlace personalizado y una leyenda.
  • Título del sitio – El nombre del sitio se heredará automáticamente del personalizador. Puedes añadir un prefijo, un sufijo, un ícono y un enlace.
  • Descripción del sitio – Mostrará la descripción del personalizador. Tienes una opción para el prefijo, el sufijo, el icono y el enlace.
  • Menú de navegación – Te ofrece una lista de menús ya creados en tu web. Solo necesitas elegir el necesario. Ofrece 4 diseños para el menú: horizontal, vertical, expandido y volante. Con muchas otras opciones, incluso puedes establecer íconos personalizados para abrir y cerrar el menú.
  • Título de la página – Muestra el título de tu entrada o página actual y ofrece opciones adicionales para el prefijo, sufijo, ícono, enlace y alineación.
  • Imagen Retina – Puedes subir la imagen Retina para pantallas de alta definición.
  • Menú del carrito de WooCommerce – Puedes mostrar el número actual de productos en el carrito junto con el precio total.
  • Copyright – Ofrece constantes para mostrar un aviso de copyright – [hfe_current_year] y [hfe_site_title].
  • Search – Add a search form to your with different layout and styling options.

FUNCIONA CON TODOS LOS TEMAS

El plugin Elementor – Header, Footer & Blocks funciona con todos los temas para WordPress. Pocos de los temas tienen compatibilidad directa, aunque para esos pocos puedes elegir un método para añadir compatibilidad con el tema.

En caso de que tengas dificultades para mostrar la cabecera o el pie de página, elige manualmente el método de compatibilidad del tema. Visita «Apariencia > Header Footer & Blocks > Soporte del tema». ¡Selecciona un método que se adapte a tu tema actual y listo!

PASOS PARA USAR EL PLUGIN

Paso 1 – Visita «Apariencia > Header Footer & Blocks» y haz clic en «Añadir nuevo».

Paso 2 – Selecciona el «Tipo de plantilla» (cabecera, footer o bloque). Establece su ubicación de visualización y los perfiles de usuario.

Paso 3 – Publícala.

Paso 4 – Edítala con Elementor y diseña una sección.

Paso 5 – ¡Guárdala y listo!

Puedes consultar nuestro artículo paso a paso que te ayudará a establecer cabeceras y pies de página de Elementor rápidamente.

¿BUSCAS EXTENSIONES Y WIDGETS PREMIUM PARA ELEMENTOR?

Échale un vistazo a Ultimate Addons for Elementor. Es una biblioteca de widgets de Elementor creativos y únicos que añade más funcionalidad y flexibilidad a tu maquetador de páginas favorito.

¿HAS PROBADO ASTRA CON ELEMENTOR?

Con más de 900.000 webs WordPress, Astra gusta por el rendimiento y la facilidad de uso que ofrece.

La gente ama a Astra por –

Mejor rendimiento – ¡El código optimizado y la arquitectura modular hace a Astra el tema más liviano para que la web cargue más rápido!

El mejor amigo de los maquetadores de páginas: Astra funciona muy bien con todos los maquetadores de páginas. Su soporte para diseños personalizados, plantillas de Elementor y sitios de inicio listos para usar lo convierten en el mejor tema para Elementor.

Demos de sitios listos para usar – Astra ofrece demos gratuitos de sitios construidos con Elementor. Puedes elegir cualquiera de las plantillas de Elementor Templates, ¡ajústalas como quieras y publícalas en minutos!

MANTENIDO Y DESARROLLADO ACTIVAMENTE

¿Necesitas ayuda con algo? ¿Tienes un problema que reportar? Visita el foro del plugin.

Ponte en contacto con nosotros en GitHub.

¡Hecho con cariño por Brainstorm Force!

Capturas

  • Ve a «Apariencia -> Header Footer & Blocks» para crear una nueva plantilla.
  • Asigna la plantilla como cabecera o pie de página y selecciona reglas de visualización.
    1. For blocks, select the type of template as Custom Blocks. You can copy the shortcode and use it anywhere.
  • Métodos para añadir compatibilidad con el tema.
  • Default widgets available with Elementor – Header, Footer & Blocks.

Instalación

  1. Ve a Plugins -> Añadir nuevo y busca «Elementor – Header, Footer & Blocks»
  2. Activar el plugin a través de la pantalla «Plugins» en WordPress.
  3. Ve a Apariencia -> Header Footer & Blocks para crear un diseño de cabecera o pie de página usando Elementor.
  4. Cuando la estructura esté preparada asígnala como cabecera o pie de página usando la opción Selecciona el tipo de plantilla que es (captura de pantalla)

FAQ

¿Cómo funciona este plugin?

  1. Ve a «Apariencia -> Header Footer & Blocks» para crear un diseño de cabecera o pie de página usando Elementor.
  2. Haz clic en «Añadir nuevo» y diseña una plantilla con Elementor.
  3. Una vez que la plantilla esté lista, establécela como cabecera, pie de página o bloque usando las opciones de «Tipo de plantilla» (captura de pantalla).
  4. a) Para cabecera o pie de página: selecciona la ubicación de destino con la opción «Mostrar en». Con esto la cabecera o pie de página solo será visible en las ubicaciones seleccionadas para los «Perfiles de usuario» elegidos.

    b) Para bloques personalizados: simplemente copia el shortcode y añádelo en cualquier parte de la web. Tu plantilla diseñada se mostrará automáticamente. Las condiciones de visualización o los perfiles de usuario no funcionarán con los shortcodes.

¿Se puede crear una cabecera/pie de página adaptable al móvil usando este plugin?

Sí, puedes crear la estructura adaptable al móvil de tu cabecera usando el plugin.

El plugin Elementor – Header, Footer & Blocks Template solo te proporciona un contenedor donde puedes diseñar completamente la cabecera usando Elementor Page Builder, por lo que el proceso de crear el diseño móvil adaptable es exactamente el mismo que si tu crearas un diseño adaptable de tus otras páginas de Elementor.

Aquí está la documentación de Elementor Page builder que explica como puedes crear estructuras adaptables para móviles usando Elementor – https://elementor.com/introducing-mobile-editing/
Este ejemplo también se aplica cuando estas creando tu cabecera o pie de página usando este plugin.

Reseñas

13 de julio de 2020
U have used elementor a few times and i have nothing but love for it
13 de julio de 2020
Thanks to the elementor team for this. They should please help us solve the problem associated with not being able to edit woocommerce checkout and shop pages. Its frustrating!
Leer todas las 476 reseñas

Colaboradores y desarrolladores

«Elementor – Header, Footer & Blocks Template» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Elementor – Header, Footer & Blocks Template» ha sido traducido a 6 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «Elementor – Header, Footer & Blocks Template» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.5.1

  • Fix: Retained GeneratePress theme’s after header while using EHF header.
  • Fix: Target rule ‘Specific Pages/Posts/Taxonomies etc’ not working.
  • Fix: Cart – Error in some cases.

1.5.0

  • New: Search widget.
  • New: Users can now share non-personal usage data to help us test and develop better products. ( Know More )
  • Improvement: UI improvements.
  • Improvement: Navigation Menu – Added active color for dropdown and current menu parent.
  • Improvement: Navigation Menu – Changed the tablet breakpoint to 1024 in order to support iPad Pro.
  • Fix: Compatibility to PHP v7.4.
  • Fix: GeneratePress theme header now overriden by EHF.
  • Fix: Cart – Count not increasing with AJAX call.
  • Fix: Page Title – Added support for archive title.
  • Fix: Site Title – Custom URL not working.

1.4.1

  • Corrección: La cabecera de EHF se superponía fuera del lienzo en WooCommerce con el tema Astra.
  • Corrección: Menú del carrito de WooCommerce – No se cerrraba la etiqueta `div`del diseño personalizado del carrito.
  • Corrección: Menú del carrito de WooCommerce – Error fatal con el recuento cuando el carrito está vacío.

1.4.0

  • Nuevo: Widget de menú del carrito para WooCommerce.
  • Mejora: Compatibilidad con la edición completa del sitio de Elementor Pro v2.9.
  • Mejora: Compatibilidad integrada para el tema Hello Elementor.
  • Mejora: Compatibilidad de WPML para la plantilla anterior del pie de página.
  • Mejora: Menú de navegación – Añadida una opción para convertir el último elemento en CTA.

1.3.1

  • Corrección: Copyright – No funcionaba el enlace para abrir en una nueva pestaña.
  • Corrección: Menú de navegación – El hacer clic en el menú de hamburguesa no funcionaba en dispositivos adaptables.
  • Obsoleto: Eliminada la dependencia del tema para el plugin, así que ha eliminado el aviso asociado.

1.3.0

  • Nuevo: añadido el widget «Logotipo del sitio».
  • Nuevo: añadido el widget «Título del sitio».
  • Nuevo: añadido el widget «Descripción del sitio».
  • Nuevo: añadido el widget «Menú de navegación».
  • Nuevo: añadido el widget «Título de la página».
  • Mejora Compatibilidad con Elementor v2.9.

1.2.2

  • Corrección: Añadida por defecto la compatibilidad para temas alternativos después de comprobar si el tema actual no los añade.

1.2.1

  • Clasificar los widgets de Elementor en una categoría separada en la ventana de Elementor.
  • Ocultar las opciones de las reglas de destino cuando se selecciona una plantilla de bloque personalizada.

1.2.0

  • Nuevo: Compatibilidad para todos los temas. Incluye dos métodos alternativos separados para que puedas crear encabezados y pies de página personalizados para cualquier tema.
  • Nuevo: Añadido el motor de reglas de objetivo, que te permite tener diferentes encabezados/pies de página para diferentes páginas.
  • Nuevo: Añadido el widget de imagen retina de Elementor, que puede ser usado como logotipo del sitio.
  • Nuevo: Añadido un widget y un shortcode de copyright para el año actual y el título del sitio.
  • Mejora: Permitir que antes de pie de página se trabaje en la plantilla de lienzo de Elementor cuando no usa el tema Astra.
  • Mejora: Añadida compatibilidad para todos los tema para la acción Antes del pie de página.

1.1.4

  • Corrección: Eliminar los enlaces permanentes al actualizar el plugin para el error de Elementor al intentar editar la cabecera/pie de página.

1.1.3

  • Mejora: Permitir el cambio de los enlaces permanentes para las plantillas «hfe» (#162)
  • Corrección: Las traducciones de WPML no funcionan cuando se usa la plantilla de Elementor como un shortcode. (#159)
  • Corrección: El contenido de la página aparece encima de la cabecera. (#150)
  • Corregido: Eliminada la advertencia obsoleta de función, para las funciones de shortcodes. (Props @hogash #145)

1.1.2

  • Corrección: Obsoleta la advertencia de la función del método de Elementor \Elementor\Post_CSS_File

1.1.1

  • Corrección: Se visualiza la cabecera en blanco cuando solo se traduce el pie de página usando WPML.

1.1.0

  • Nuevo: Plugin renombrado a «Header Footer & Blocks» ya que ahora pueden usarse tres plantillas de bloques como shortcodes.
  • Nuevo: Añadir plantillas antes del pie de página para el tema Astra. Las opciones para otros temas llegarán pronto.
  • Nuevo: Usar plantillas (bloques) en cualquier parte de tu contenido con la ayuda de los shortcodes.
  • Mejora: Mejorada la interfaz de usuario de la caja meta para el tipo de contenido de la cabecera y el pie de página.

1.0.16

  • Corregido: Permite omitir el aviso sobre tema no compatible.
  • Corrección: usa un selector específico al añadir la propiedad «z-index» en la cabecera.

1.0.15

  • Solución: el encabezado predeterminado que se muestra para Generatepress y el tema Genesis después de v1.0.14.

1.0.14

  • Solución: se corrigen los posibles avisos/errores de PHP debido a que WP_Query se llama antes para todos los temas compatibles.

1.0.13

  • Corrección: avisos y errores de PHP debido a que WP_Query se llama antes cuando algunos plugins usan filtros dentro de WP_Query.

1.0.12

  • Corrección: la compatibilidad con Elementor 2.0 cambió la ruta de la plantilla canvas.

1.0.11

  • Cargar el CSS del pie de página pronto en la página para evitar la renderización lenta de CSS.
  • Cambiados los enlaces a schema.org para que sean https.
  • Corrección: añadido un marcado de esquema correcto en el pie de página.

1.0.10

  • Cargar la estructura de cabecera correctamente en la plantilla Elementor canvas.
  • Cargar los archivos CSS/JS de Elementor Pro.
  • Proporciona más filtros para las funciones de ayuda.

1.0.9

  • Añadir soporte para WPML.
  • Se actualizaron las cadenas que faltaban de la plantilla de traducciones.

1.0.8

  • Permitir filtros para sobreescribir los parámetros WP_Query al recuperar el id de la plantilla de cabecera / pie de página.

1.0.7

  • Solución: aviso descatable que en realidad no se descartaba.

1.0.6

  • Nuevo: opción para mostrar la cabecera / pie de página en las páginas usando la plantilla Elementor Canvas.

1.0.5

  • Solución: revisar si Elementor está actualmente activo antes de usar sus métodos. Esto corrige los errores en los sitios que usan antiguas versiones de PHP donde Elementor no está activado en este momento.

1.0.4

  • Mejora: usar la instancia creada de Elementor cuando se renderiza el marcado para la cabecera / pie de página – Créditos itay9001

1.0.3

  • Solución: añadiendo el soporte para el tema para el plugin no elimina el aviso de «no soportado».

1.0.2

  • Nuevo: añadido soporte para el tema OceanWP.
  • Corrección: Carga los recursos de la cabecera de Elementor de forma correcta en la cabecera. Esto corrige que se vea diferente la cabecera al cargar la página ya que anteriormente Elementor cargaba su CSS en el pie de página.
  • Se introdujeron funciones de ayuda para renderizar y verificar las cabeceras para facilitar la integración de HFE con más temas.

1.0.1

  • Nuevo: añadido soporte para el tema de WordPress Astra – El tema de WordPress más rápido, ligero y personalizable.
  • Se trasladó el menú a Apariencia -> Header Footer Builder.
  • Solución: el contenido del encabezado se oculta detrás del contenido de la página.
  • Usa la plantilla canvas de Elementor cuando diseñas la estructura de cabecera o pie de página para tener ancho total.

1.0.0

  • Lanzamiento inicial.