Elementor – Header, Footer & Blocks Template

Descripción

Have you ever imagined you could create your website header and footer with Elementor for FREE?

Elementor – Header, Footer & Blocks Template is a simple yet powerful WordPress plugin that allows you to create a layout with Elementor and set it as
– Header
– Footer
– Block (anywhere on the website)

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

Elementor – Header, Footer & Blocks plugin works with all WordPress themes. Few of the themes have direct support while for few you can choose a method to add theme support.

In case you face any difficulty displaying header/footer, manually choose the theme support method. Visit Appearance > Header Footer & Blocks > Theme Support. Select a method to suit your current theme and you are good to go!

PASOS PARA USAR EL PLUGIN

Step 1 – Visit Appearance > Header Footer & Blocks and click on the ‘Add New’.

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!

You can refer to our step-by-step article that will help you set Elementor headers and footers quickly.

¿BUSCAS EXTENSIONES Y WIDGETS PREMIUM PARA ELEMENTOR?

Check Ultimate Addons for Elementor. It is a library of creative and unique Elementor widgets that add more functionality and flexibility to your favorite page builder.

¿HAS PROBADO ASTRA CON ELEMENTOR?

Powering over 1M+ WordPress websites, Astra is loved for the performance and ease-of-use it offers.

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.

Get in touch with us on GitHub.

¡Hecho con amor por Brainstorm Force!

Capturas

  • Go to Appearance -> Header Footer & Blocks to create a new template.
  • 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. Go to Plugins -> Add New and search for Elementor – Header, Footer & Blocks Template.
  2. Activa el plugin desde la pantalla ‘Plugins’ en el Escritorio de WordPress.
  3. Go to Appearance -> Header Footer & Blocks to build a header or footer layout using 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)

Preguntas frecuentes

¿Cómo funciona este plugin?

  1. Go to Appearance -> Header Footer & Blocks to build a header or footer layout using 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.

The Elementor – Header, Footer & Blocks Template plugin just gives you a container where you can completely design the header using Elementor Page Builder, So the process of creating the mobile responsive layout is exactly the same as you would create a responsive layout of your other Elementor page.

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 agosto de 2020
So far it is very nice theme, thanks for the good work
Leer todas las 554 reseñas

Colaboradores y desarrolladores

Este software es de código abierto. Las siguientes personas han contribuido a este plugin.

Colaboradores

"Elementor – Header, Footer & Blocks Template" ha sido traducido a 8 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.3

  • Fix: Polylang plugin conflicting issue with target rules.
  • Fix: Navigation Menu – Double link attributes issue with translation plugins.

1.5.2

  • Improvement: Compatibility with Polylang.
  • Improvement: Navigation Menu – Added ‘SiteNavigationElement’ schema support.
  • Improvement: Navigation Menu – Added support to SVG for toggle and close icon.
  • Improvement: Navigation Menu – Added active color support to the link hover effects.
  • Improvement: Page Title – Added option to disable the link.
  • Fix: Exclude EHF templates from query for target rules – Specific Pages / Posts / taxonomies etc.
  • Fix: Cart – Missing wrapper class in the control selector.
  • Fix: Navigation Menu – Added responsive support to flyout box width.

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

  • Corregido: 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

  • Corregido: 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.
  • Corregido: añadida una marca de esquema correcta para 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.
  • Fix: Load the Elementor header assets correctly in the header. This fixes header looking different just when loading the page as previously Elementor would load its CSS in the footer.
  • 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.