{"id":89887,"date":"2021-05-07T19:45:38","date_gmt":"2021-05-07T14:15:38","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=89887"},"modified":"2023-06-15T06:28:10","modified_gmt":"2023-06-15T00:58:10","slug":"footer-builder-options","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/footer-builder-options\/","title":{"rendered":"Construya su pie de p\u00e1gina"},"content":{"rendered":"<p>Similar al Encabezado, el Pie de P\u00e1gina es una secci\u00f3n que se muestra en todas (o casi todas) las p\u00e1ginas y entradas de tus posts. La principal diferencia es que el Pie de P\u00e1gina se encuentra en la parte inferior de su sitio web. Por lo tanto, al contrario que el Encabezado, el Pie de P\u00e1gina suele ser la zona que los visitantes del sitio web ven en \u00faltimo lugar. No es raro que la gente pierda la oportunidad de construir un buen pie de p\u00e1gina, pero esto realmente puede hacer una diferencia con mantener a los usuarios en su sitio web, as\u00ed como con las conversiones, suscripciones, etc.<\/p>\n\n\n\n<p>Este es el lugar donde sus visitantes esperan encontrar informaci\u00f3n clave, como datos de la empresa, informaci\u00f3n de contacto, enlaces a redes sociales o contenido y enlaces adicionales o relacionados. <\/p>\n\n\n\n<p>Suele ser un buen lugar para a\u00f1adir enlaces a otras ofertas que pueda tener o para colocar los enlaces m\u00e1s importantes y los botones de llamada a la acci\u00f3n para evitar la necesidad de volver a desplazarse hasta la parte superior.&nbsp;<\/p>\n\n\n\n<section class=\"wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-color uagb-columns__stack-mobile uagb-columns__valign- uagb-columns__gap-10 align uagb-block-fb806257 uagb-columns__columns-1 uagb-columns__max_width-theme\"><div class=\"uagb-columns__overlay\"><\/div><div class=\"uagb-columns__inner-wrap uagb-columns__columns-1\">\n<div class=\"wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-b6c0d541\"><div class=\"uagb-column__overlay\"><\/div>\n<h3 class=\"wp-block-heading\">Astra Theme Walkthrough Docs:<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/astra-theme-walkthrough\/\">Astra Theme Tutorial<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/manage-customizer-options\/\">Este es tu personalizador<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/style-with-global-settings\/\">Modele su sitio web con ajustes globales<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/header-builder-options\/\">Construya su cabecera<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/using-breadcrumbs\/\">Encontrar el camino con migas de pan<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-setup-blog\/\">Cree su blog<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-add-sidebars\/\">A\u00f1ada sus barras laterales<\/a><\/li>\n\n\n\n<li><strong>Construya su pie de p\u00e1gina (leyendo actualmente)<\/strong><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/performance-is-the-key\/\">Alojar Google Fonts localmente: el rendimiento es la clave<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/other-customizer-options\/\">Ver otras opciones del personalizador<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/build-quick-websites\/\">\u00bfC\u00f3mo crear sitios web r\u00e1pidos con Astra?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/getting-the-most-with-astra\/\">C\u00f3mo sacar el m\u00e1ximo partido a Astra Theme<\/a><\/li>\n<\/ol>\n<\/div>\n<\/div><\/section>\n\n\n\n<p>Una vez m\u00e1s, el tema Astra viene con un constructor de pie de p\u00e1gina de arrastrar y soltar que le permite construir su pie de p\u00e1gina con la misma facilidad que su cabecera.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-header-builder-1.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1366\" height=\"715\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-header-builder-1.png\" alt=\"Astra Walkthrough - Footer Builder, Astra 3.0+\" class=\"wp-image-90452\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-header-builder-1.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-header-builder-1-300x157.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-header-builder-1-1024x536.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-header-builder-1-768x402.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Fichas generales y de dise\u00f1o<\/h2>\n\n\n\n<p><em>General <\/em>es la vista por defecto al abrir el Constructor de pie de p\u00e1gina. Aqu\u00ed tienes una visi\u00f3n general de la configuraci\u00f3n de tu pie de p\u00e1gina.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-general.png\"><img decoding=\"async\" width=\"370\" height=\"320\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-general.png\" alt=\"Astra Walkthrough - Footer Builder General Settings, Astra 3.0+\" class=\"wp-image-89889\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-general.png 370w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-general-300x259.png 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><\/a><\/figure>\n\n\n\n<p>En el men\u00fa de la izquierda aparecer\u00e1n todos los elementos de pie de p\u00e1gina activos.<\/p>\n\n\n\n<p>El resto de la pantalla muestra una vista previa en vivo de su pie de p\u00e1gina y la posici\u00f3n de sus elementos a trav\u00e9s de las secciones de pie de p\u00e1gina en su Visual Footer Builder.<\/p>\n\n\n\n<p><em>Dise\u00f1o <\/em>le ofrece opciones para establecer el color y la imagen de fondo para todo el pie de p\u00e1gina, as\u00ed como para a\u00f1adir <strong>Acolchado <\/strong>y <strong>Margen<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-design.png\"><img decoding=\"async\" width=\"370\" height=\"670\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-design.png\" alt=\"Astra Walkthrough - Footer Builder Design Settings, Astra 3.0+\" class=\"wp-image-89891\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-design.png 370w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-design-166x300.png 166w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><\/a><\/figure>\n\n\n\n<p>En la captura de pantalla anterior, se puede ver el <strong>Color e imagen de fondo<\/strong> opci\u00f3n. Para comprender mejor esta funci\u00f3n, puede consultar el v\u00eddeo adjunto con un ejemplo.<\/p>\n\n\n\n<p><strong>Ejemplo<\/strong>: El pie de p\u00e1gina de mi sitio web tiene un color de fondo rosa. En caso de que quiera cambiar el color a azul, por lo general, vamos a navegar a Apariencia&gt; Personalizar&gt; Constructor de pie de p\u00e1gina&gt; Dise\u00f1o, va a cambiar el color a azul aqu\u00ed. Incluso despu\u00e9s de aplicar el color azul, no se refleja en el front-end. Es porque los colores se establecen a partir de la dedicada A continuaci\u00f3n, la configuraci\u00f3n de pie de p\u00e1gina principal. Por lo tanto, tenemos que navegar a la respectiva configuraci\u00f3n de pie de p\u00e1gina y cambiar el color all\u00ed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/10\/ezgif-5-3b60964d11.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"315\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/10\/ezgif-5-3b60964d11.gif\" alt=\"\" class=\"wp-image-134752\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Constructor visual de pies de p\u00e1gina<\/h2>\n\n\n\n<p>Al igual que el Encabezado, el Constructor Visual de Pie de P\u00e1gina tambi\u00e9n consta de tres secciones separadas.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-area.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"715\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-area.png\" alt=\"Astra Walkthrough - Footer Builder, Footer Editing Area, Astra 3.0+\" class=\"wp-image-89892\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-area.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-area-300x157.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-area-1024x536.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-footer-area-768x402.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<p>Estas tres secciones de pie de p\u00e1gina son:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Pie de p\u00e1gina principal <\/em>&nbsp;- la secci\u00f3n central; \u00e9sta es su secci\u00f3n principal de pie de p\u00e1gina.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Sobre el pie de p\u00e1gina <\/em>- la secci\u00f3n superior; suele ser el lugar para a\u00f1adir el formulario de suscripci\u00f3n o los botones de llamada a la acci\u00f3n<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Debajo del pie de p\u00e1gina <\/em>- la secci\u00f3n inferior; normalmente se coloca aqu\u00ed la informaci\u00f3n sobre derechos de autor y la informaci\u00f3n de contacto o de la empresa (como direcci\u00f3n, n\u00famero de tel\u00e9fono\/correo electr\u00f3nico, n\u00famero de registro de la empresa, etc.)<\/li>\n<\/ul>\n\n\n\n<p>Al igual que con las secciones de cabecera, se accede a las personalizaciones de cada secci\u00f3n de pie de p\u00e1gina haciendo clic en el icono de \"engranaje\" situado a la izquierda de las secciones.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Cada secci\u00f3n tiene dos pesta\u00f1as:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ficha General - Pie de p\u00e1gina<\/h3>\n\n\n\n<p><strong>Columna<\/strong> - seleccione el n\u00famero de columnas que desea a\u00f1adir a esta secci\u00f3n de pie de p\u00e1gina;<\/p>\n\n\n\n<p><strong>Dise\u00f1o <\/strong>- elija la disposici\u00f3n de las columnas en funci\u00f3n del n\u00famero de columnas seleccionado;<\/p>\n\n\n\n<p><strong>Disposici\u00f3n de los elementos interiores<\/strong> - mostrar widgets en la misma columna Apilados (unos encima de otros) o En l\u00ednea (unos junto a otros)&nbsp;<\/p>\n\n\n\n<p><strong>Anchura<\/strong> - establezca la anchura del contenido del pie de p\u00e1gina en <em>Ancho total<\/em> (borde a borde) o a <em>Anchura del contenido<\/em><\/p>\n\n\n\n<p><strong>Altura <\/strong>- Establecer la altura de esta secci\u00f3n de pie de p\u00e1gina.<\/p>\n\n\n\n<p><strong>Alineaci\u00f3n vertical<\/strong> - Alinear verticalmente el contenido de los elementos de todas las columnas de esta secci\u00f3n de pie de p\u00e1gina en la parte superior, central o inferior de la secci\u00f3n.<\/p>\n\n\n\n<p><strong>Ocultar en el m\u00f3vil<\/strong> - ocultar esta cabecera en dispositivos m\u00f3viles.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-primary-footer-general.png\"><img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"870\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-primary-footer-general.png\" alt=\"Astra Walkthrough - Footer Builder, Primary Footer General Settings, Astra 3.0+\" class=\"wp-image-89893\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-primary-footer-general.png 370w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-primary-footer-general-128x300.png 128w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Pesta\u00f1a Dise\u00f1o - Pie de p\u00e1gina<\/h3>\n\n\n\n<p><strong>Tama\u00f1o (y color) del borde superior<\/strong> - a\u00f1ada el borde superior a la secci\u00f3n de pie de p\u00e1gina estableciendo el tama\u00f1o de su borde. <\/p>\n\n\n\n<p><strong>Color del borde - Una vez establecido el tama\u00f1o del borde, un <\/strong>aparecer\u00e1 una opci\u00f3n adicional (Color del borde) para elegir el color del borde;<\/p>\n\n\n\n<p><strong>Fondo <\/strong>- establecer este color de fondo de pie de p\u00e1gina;<\/p>\n\n\n\n<p><strong>Distancia entre columnas interiores<\/strong> - a\u00f1ada espacio dentro de cada columna;<\/p>\n\n\n\n<p><strong>Acolchado <\/strong>- a\u00f1adir relleno en uno o varios lados del pie de p\u00e1gina;&nbsp;<\/p>\n\n\n\n<p><strong>Margen <\/strong>- a\u00f1adir un margen en uno o varios lados de la cabecera.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-primary-footer-design.png\"><img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"875\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-primary-footer-design.png\" alt=\"Astra Walkthrough - Footer Builder, Primary Footer Design Settings, Astra 3.0+\" class=\"wp-image-89894\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-primary-footer-design.png 370w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/ast-3-4-walkthrough-primary-footer-design-127x300.png 127w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><\/a><\/figure>\n\n\n\n<p>Cada secci\u00f3n del pie de p\u00e1gina puede personalizarse por separado para escritorio y m\u00f3vil. Puedes a\u00f1adir diferentes elementos de pie de p\u00e1gina o cambiar sus posiciones para cada viewport.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Elementos de pie de p\u00e1gina<\/h2>\n\n\n\n<p>Puede construir su pie de p\u00e1gina de la misma forma que su cabecera. Comparado con el Constructor de Encabezado, el Constructor de Pie de P\u00e1gina ofrece un n\u00famero algo menor de elementos. Podr\u00e1s a\u00f1adir los siguientes elementos a tus secciones de pie de p\u00e1gina: <strong>Men\u00fa de pie de p\u00e1gina<\/strong>, <strong>Social<\/strong>, <strong>HTML<\/strong>, <strong>Widget<\/strong>y <strong>Copyright<\/strong>. <\/p>\n\n\n\n<p>M\u00e1s adelante, le mostraremos c\u00f3mo utilizar elementos espec\u00edficamente disponibles para el pie de p\u00e1gina y algunos de los que se utilizan tambi\u00e9n para los encabezados pero con configuraciones ligeramente diferentes. El resto de los elementos se utilizan de la misma manera que con Header Builder.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Men\u00fa principal<\/h3>\n\n\n\n<p>Aqu\u00ed ver\u00e1 los elementos de men\u00fa que ha a\u00f1adido a su <em>Men\u00fa de pie de p\u00e1gina<\/em> (<em>Panel &gt; Apariencia &gt; Men\u00fas<\/em>).&nbsp;<\/p>\n\n\n\n<p>En el <em>General <\/em>puede configurar el men\u00fa <strong>Dise\u00f1o <\/strong>a <em>En l\u00ednea <\/em>o <em>Pila <\/em>y configure los elementos del men\u00fa <strong>Alineaci\u00f3n<\/strong>.<\/p>\n\n\n\n<p>En <em>Dise\u00f1o <\/em>le permitir\u00e1 configurar el <strong>Colores de texto y fondo<\/strong>, <strong>Tama\u00f1o de fuente del men\u00fa<\/strong>, <strong>Espaciado entre men\u00fas<\/strong> y <strong>Margen<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Social (Pie de p\u00e1gina)<\/h3>\n\n\n\n<p>En comparaci\u00f3n con el elemento Social utilizado para la cabecera, el elemento Social del pie de p\u00e1gina tiene la caracter\u00edstica adicional <strong>Alineaci\u00f3n <\/strong>en el <em>General <\/em>tab\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Copyright<\/h3>\n\n\n\n<p>Este elemento le permite simplemente a\u00f1adir y dar estilo a su Copyright y puede ser usado s\u00f3lo dentro del Pie de P\u00e1gina. Puede utilizar los siguientes c\u00f3digos cortos aqu\u00ed:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&#91;copyright]\u00a0\n&#91;current_year]\n&#91;site_title]\u00a0\n&#91;theme_author]<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\">\u00bfC\u00f3mo a\u00f1adir un logotipo al Constructor de pie de p\u00e1gina?<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>S\u00f3lo tienes que hacer clic en el icono + del constructor de pie de p\u00e1gina y elegir un widget. <\/li>\n\n\n\n<li>Una vez a\u00f1adido el widget, haz clic en \u00e9l para abrir el men\u00fa de widgets. <\/li>\n\n\n\n<li>Haga clic en el s\u00edmbolo + y seleccione la imagen.<\/li>\n\n\n\n<li>Elija la imagen del logotipo de la biblioteca multimedia o c\u00e1rguela desde su ordenador.<\/li>\n\n\n\n<li>Haga clic en Publicar para que los cambios sean permanentes. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Adding-a-logo-to-footer.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Adding-a-logo-to-footer-1024x496.gif\" alt=\"Adding a logo to footer\" class=\"wp-image-153157\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Adding-a-logo-to-footer-1024x496.gif 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Adding-a-logo-to-footer-300x145.gif 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Adding-a-logo-to-footer-768x372.gif 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-normal-font-size is-style-outline--12792656f006bb88e453f8838aaf5f56\"><a class=\"wp-block-button__link has-ast-global-color-8-color has-text-color wp-element-button\" href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-add-sidebars\/\" style=\"border-radius:1px\"> <strong>Anterior:<\/strong> A\u00f1ada sus barras laterales<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-normal-font-size is-style-outline--07306276525558708bfdba40bf9b6ca1\"><a class=\"wp-block-button__link has-ast-global-color-8-color has-text-color wp-element-button\" href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/performance-is-the-key\/\" style=\"border-radius:1px\"> <strong>Siguiente:<\/strong> Alojar Google Fonts localmente: el rendimiento es la clave<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Similar al Encabezado, el Pie de P\u00e1gina es una secci\u00f3n que se muestra en todas (o casi todas) las p\u00e1ginas y entradas de tus posts. La principal diferencia es que el Pie de P\u00e1gina se encuentra en la parte inferior de su sitio web. Por lo tanto, al contrario que el Encabezado, el Pie de P\u00e1gina suele ser la zona que los visitantes del sitio web ven en \u00faltimo lugar. No es raro [...]<\/p>","protected":false},"author":70,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[2035],"docs_tag":[2051,2061,2062,2037,2038,2039,2040,2045],"class_list":{"0":"post-89887","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-astra-theme-walkthrough-docs","6":"docs_tag-header-footer-builder","7":"docs_tag-footer","8":"docs_tag-footer-widget","9":"docs_tag-astra-theme","10":"docs_tag-walkthrough","11":"docs_tag-step-by-step","12":"docs_tag-guide","13":"docs_tag-customizer"},"spectra_custom_meta":{"wp_last_modified_info":["June 15, 2023 @ 6:28 AM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1690956520:86"],"_edit_last":["86"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_estimated-reading-time-minutes":["5"],"_wp_old_slug":["customizer-footer-builder","astra-walkthrough-footer-builder"],"_simple_css":["@media(min-width:1024px) {\r\n\t.single-docs .wrap.docs-wraper {\r\n\t    display: flex;\r\n\t    flex-wrap: wrap;\r\n\t}\r\n\t.single-docs .sidebar-main.content-area {\r\n\t    position: sticky;\r\n\t    top: 30px;\r\n\t}\r\n}"],"_yoast_wpseo_primary_docs_category":["2035"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_title":["%%title%% - Keep Your Visitors With Perfect Footer"],"_yoast_wpseo_focuskw":["build footer"],"_yoast_wpseo_metadesc":["Footer can help you! Learn how to build your footer with Astra Theme - keep users, increase conversions, and show your brand the right way."],"_yoast_wpseo_linkdex":["70"],"_yoast_wpseo_opengraph-image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/astra-theme-walkthrough.jpg"],"_yoast_wpseo_opengraph-image-id":["92478"],"_yoast_wpseo_twitter-image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/astra-theme-walkthrough.jpg"],"_yoast_wpseo_twitter-image-id":["92478"],"views":["11713"],"helpful":["15"],"unhelpful":["42"],"redirects":["51"],"rank_math_primary_docs_category":["2035"],"rank_math_title":["%title% - Keep Your Visitors With Perfect Footer"],"rank_math_description":["Footer can help you! Learn how to build your footer with Astra Theme - keep users, increase conversions, and show your brand the right way."],"rank_math_focus_keyword":["build footer"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_facebook_image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/astra-theme-walkthrough.jpg"],"rank_math_facebook_image_id":["92478"],"rank_math_twitter_image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/05\/astra-theme-walkthrough.jpg"],"rank_math_twitter_image_id":["92478"],"rank_math_twitter_use_facebook":["off"],"rank_math_analytic_object_id":["322"],"rank_math_internal_links_processed":["1"],"_wplmi_last_modified":["2023-06-15 06:28:10"],"rank_math_seo_score":["26"],"pfd_related_docs":[""],"_trp_automatically_translated_slug_es_ES":["opciones-del-constructor-de-pie-de-pagina"],"_uag_page_assets":["a:9:{s:3:\"css\";s:3936:\".uagb-block-fb806257.wp-block-uagb-columns.uagb-columns__wrap{padding-top: 20px;padding-bottom: 10px;padding-left: 20px;padding-right: 20px;margin-top: 0px;margin-bottom: 20px;}.uagb-block-fb806257 .uagb-columns__video-wrap{opacity: 0.5;}.uagb-block-fb806257 > .uagb-columns__inner-wrap{max-width: 1200px;}.uagb-block-fb806257 .uagb-column__inner-wrap{padding: 10px;}.uagb-block-fb806257 .uagb-column__wrap{padding: 10px;}.uagb-block-fb806257 .uagb-columns__shape.uagb-columns__shape-top .uagb-columns__shape-fill{fill: rgba(51,51,51,1);}.uagb-block-fb806257 .uagb-columns__shape.uagb-columns__shape-bottom .uagb-columns__shape-fill{fill: rgba(51,51,51,1);}.uagb-block-fb806257.wp-block-uagb-columns{box-shadow: 0px 0px    ;}.uagb-block-fb806257 > .uagb-columns__overlay{background-color: var(--ast-global-color-4);border-radius:    ;}.uagb-block-fb806257.uagb-columns__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-b6c0d541.uagb-column__wrap{border-style: none;width: 100%;}.wp-block-uagb-column.uagb-block-b6c0d541 > .uagb-column__overlay{border-radius:    ;}@media only screen and (max-width: 976px) {.uagb-block-fb806257.uagb-columns__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-b6c0d541.uagb-column__wrap{border-style: none;}}@media only screen and (max-width: 767px) {.uagb-block-fb806257.uagb-columns__wrap{border-style: none;}.wp-block-uagb-column.uagb-block-b6c0d541.uagb-column__wrap{border-style: none;}}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:14:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"uagb\/columns\";i:2;s:11:\"uagb\/column\";i:3;s:12:\"core\/heading\";i:4;s:9:\"core\/list\";i:5;s:14:\"core\/list-item\";i:6;s:10:\"core\/image\";i:7;s:9:\"core\/code\";i:8;s:12:\"core\/columns\";i:9;s:11:\"core\/column\";i:10;s:12:\"core\/buttons\";i:11;s:11:\"core\/button\";i:12;s:14:\"uagb\/container\";i:13;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1778843916\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Nikola Mihajlovic","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/nikolam\/"},"uagb_comment_info":0,"uagb_excerpt":"Similar to the Header, the Footer is a section shown across all (or almost all) pages and posts on your posts. The main difference is that the Footer is located at the bottom of your website. Thus, contrary to Header, the Footer is often the area that website visitors see the last. It&#8217;s not rare&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/89887"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=89887"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/89887\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=89887"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=89887"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=89887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}