Elementor – Header, Footer & Blocks

Descripción

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

The Elementor – Header, Footer & Blocks plugin allows you to create a layout with Elementor and set it as a header/footer or use as a custom block easily on your website.

Todo lo que tienes que hacer es –

  1. Diseña una estructura usando Elementor.
  2. Selecciona donde debería aplicarse como cabecera o pie de página.
  3. Select target locations where the template should appear.
  4. The template will be automatically applied as the header/footer on selected locations.
  5. To display a template as a block, just copy the shortcode and display it anywhere on the website.

Easy peasy!

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

Features of Elementor – Header, Footer & Blocks

  • Crea atractivas páginas y plantillas para usarlas como cabecera o pie de página.
  • Usefully customized header and footer across the website.
  • Design useful custom blocks and add them anywhere with a shortcode.

Themes you can use Elementor – Header, Footer & Blocks with

The Elementor – Header, Footer & Blocks isn’t universally compatible with all WordPress themes. Here is a list of themes you can use it with

  1. Astra – El tema de WordPress más rápido, ligero y personalizable.
  2. Neve.
  3. Hestia.
  4. GeneratePress.
  5. OceanWP.
  6. Genesis.
  7. Phlox Theme.
  8. Attesa Theme.

Do not see your theme listed here? Don’t Worry!

A plugin itself offers inbuild options to add theme support.

Also, theme authors can add support for Elementor – Header, Footer & Blocks through their theme easily.

¿BUSCAS ADDONS Y WIDGETSPREMIUM 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 500,000+ WordPress websites, Astra is loved for the performance and ease-of-use it offers.

¿POR QUÉ LA GENTE AMA ASTRA?

Better Performance – Optimized code and modular architecture make Astra the most lightweight theme for a faster loading website!

Page Builder’s Best Friend – Astra works great with all page builders. Its support for custom layouts, Elementor templates, and ready-made starter sites makes it the best theme for Elementor.

Easy Customization – Astra takes away the pain and time spent in coding. With all the settings available in the customizer itself, Astra lets you manage all the theme options with just a few clicks.

Deeper Integrations – Astra works seamlessly with all WooCommerce plugins, LifterLMS, LearnDash, etc. Therefore, you can now build online stores or websites offering online courses with Astra and 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!

SOPORTADO Y DESARROLLADO ACTIVAMENTE

¿Necesitas ayuda? ¿Tienes un problema para comunicar? Contacta con nosotros. en GitHub.

¡Hecho con amor por Brainstorm Force!

Capturas

  • Ir a Apariencia -> Constructor de cabecera y pie de página para crear una nueva plantilla.
  • Assign template to be a header/footer and select display rules.
  • Copy shortcode for Custom Blocks.
  • Methods to add Theme Support.

Instalación

  1. Go to Plugins -> Add New and search for Elementor – Header, Footer & Blocks.
  2. Activa el plugin desde la pantalla ‘Plugins’ en el Escritorio de WordPress.
  3. Ir a Apariencia -> Header Footer Builder para construir una estructura de cabecera o pie de página usando elementor.
  4. After the layout is ready assign it as header or footer using the option Select the type of template this is (screenshot)

Preguntas frecuentes

Si eres desarrollador de temas, aquí tienes un rápido tutorial sobre cómo puedes añadir compatibilidad para Elementor – Header, Footer & Blocks en tu tema.

¿Cómo funciona este plugin?
  1. Go to Appearance -> Header Footer Builder to build a header or footer layout using Elementor.
  2. Click on “Add New” and design a template with Elementor.
  3. Once the template is ready, set is as a header/footer/block using options “Type of Template” (screenshot).
  4. a) For Header/Footer – Select the target location with the option “Display On”. With this Header/Footer will be visible only on selected locations for selected “User Roles”.
    b) For Custom Block – Just copy the shortcode and add it anywhere on the website. Your designed template will display automatically. Display conditions or user roles will not be effective with 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 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.

I Am NOT a Developer. How Can I Add Support for the Plugin from My Theme?

The plugin offers two inbuild methods to add theme support. (Screenshot)

  1. If your theme is unsupported by the plugin, you can see a tab “Theme Support” under Appearance -> Header Footer Builder.
  2. Select a suitable method.
  3. In case inbuild methods won’t work, you can get in touch with your theme author and share the link here. With this link, your theme author will be able to add theme support very easily.
I Am a Developer. How Can I Add Support for the Plugin from the Theme?

Si eres desarrollador de temas, aquí tienes un rápido tutorial sobre cómo puedes añadir compatibilidad para Elementor – Header, Footer & Blocks en tu tema.

You can add support for the plugin from your child theme. Just follow this article.

Reseñas

Leer todas las 108 reseñas

Colaboradores y desarrolladores

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

Colaboradores

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

Traduce «Elementor – Header, Footer & Blocks» 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.2.2

  • Fix: Add default fallback theme support after checking if current theme does not add it.

1.2.1

  • Categorize the Elementor widgets in a separate category in the Elementor window.
  • Hide target rules options when a custom block template is selected.

1.2.0

  • New: Support all the themes, Includes two separate fallback methods so that you can create custom headers and footers for any theme.
  • New: Added target rule engine, which allows you to have different headers/footers for different pages.
  • New: Added Retina Image Elementor widget, which can be used as a Site Logo.
  • New: Added Copyright widget and Shortcode for current year & site title.
  • Improvement: Allow before footer to work on Elementor Canvas Template when not using Astra Theme.
  • Improvement: Added support of Before Footer action for all the themes.

1.1.4

  • Fix: Flush permalinks on plugin update to Elementor error when trying to edit the Header/Footer.

1.1.3

  • Improvement: Allow changing the permalinks for the hfe templates (#162)
  • Fix: WPML Translations do not work when using the Elementor Template as a shortcode. (#159)
  • Fix: Page content appears over the header. (#150)
  • Corregido: Eliminada la advertencia obsoleta de función, para las funciones de shortcodes. (Props @hogash #145)

1.1.2

  • Fix: Depracated function warning from Elementor’s method \Elementor\Post_CSS_File

1.1.1

  • Fix: Blank header being displayed when only footer is translated using WPML.

1.1.0

  • New: Rename plugin to be Header Footer & Blocks builder as now thee blocks templates can be used as shortcodes.
  • New: Add templates before the footer for Astra Theme. Options for other themes will be coming soon.
  • New: Use templates (Blocks) anywhere in your content with the help of shortcodes.
  • Improvement: Improved the UI of the metabox for Header Footer post type.

1.0.16

  • Corregido: Permite omitir el aviso sobre tema no compatible.
  • Fix: Use specific selector when adding z-index for the header.

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