El footer, aunque está al final de cada página web, es un elemento esencial que cumple unas funcionalidades definidas según el tipo de página web.

En este post vamos a abordar todos los aspectos relacionados con el footer de una página web. Así, como profundizaremos en los aspectos relacionados con el diseño del footer en WordPress y también con la plantilla Divi.

Veremos qué es el footer, que elementos habitualmente lo conforman según el tipo de página web de que se trate: blog, web corporativa, tienda onlnie. También veremos, cómo gestionar los widgets de pié de página de WordPress y cuales son los más utilizados.

Veremos cómo eliminar o editar el texto del pie o créditos del footer, ya estemos utilizando una plantilla cualquiera y también en el caso de que utilicemos la plantilla divi.

También, veremos cómo personalizar el footer en caso de utilizar la plantilla Divi y WordPress. Así, como la manera de crear un footer a medida desde cero con un maquetador visual y un theme builder.

Todo esto y mucho más en el siguiente post…..

 

 

Ahora 20% de descuento Plantilla DIVI

SUPER DESCUENTO DIVI

 

->PLAN YEARLY ACCESS: El plan Yearly Access incluye la plantilla Divi + Plantilla Extra +3 plugins.

Este es un plan de renovación anual. Es decir, para seguir disfrutando de las novedades de Elegant Themes debes renovar el plan de año en año. La licencia te permite usar cualquier plantilla o plugin de Elegant Themes en todas las páginas web que quieras. El precio de este plan es de 89$ + IVA, pero con el descuento del 20% se te quedará en 70 $ + IVA

NOTA: Si al final de un año no renuevas el plan Yearly Access, podrás seguir utilizando perfectamente tu plantilla en las webs que la hayas instalado. Pero, no podrás actualizarlas.

Nota: Si compras desde América (México, Colombia, Argentina, etc) no se te aplicará IVA. Es decir, el precio final será de $70 con el descuento ya aplicado.

DESCUENTO PLAN YEARLY ACCESS

 

->PLAN LIFE TIME ACCESS: El plan Yearly Access incluye la plantilla Divi + Plantilla Extra + 3 plugins.

Este plan se paga una única vez. Es decir, NO hay que renovarlo de manera anual. Podrás disfrutar de los recursos de Elegant Themes de por vida. La licencia te permite usar cualquier plantilla o plugin de Elegant Themes en todas las páginas web que quieras. El precio de este plan es de 249$ + IVA, pero con el descuento del 20% se te quedará en 199$ + IVA

NOTA: Si contratas el plan Life Time Access, en 3 años habrías amortizado el coste de renovaciones del plan Yearly Access

Nota: Si compras desde América (México, Colombia, Argentina, etc) no se te aplicará IVA. Es decir, el precio final será de $199 con el descuento ya aplicado.

DESCUENTO PLAN LIFETIME ACCESS

 

 

DISFRUTA DE TODOS MIS CURSOS PREMIUM POR SOLO 10€/MES


VER CURSOS

 

 

 

 

 

1.- ¿Qué es el footer de una página web?

 

El footer es la parte inferior de una página web. Es decir, la parte situada al final.

“Footer” es un anglicismo ampliamente asimilado en el español, aunque su traducción sería “pie de página”.

En el footer de una web habitualmente encontraremos: elementos de navegación, enlaces de interés, iconos de redes sociales, copyright, etc.

Habitualmente el footer se diferencia del contenido de la página estableciendo un color de fondo diferente que claramente divida la parte de la página dedicada al “contenido” del footer. Se suele usar para el footer un color de fondo que destaque y existen una serie de colores estandarizados para footer, que nos pueden servir para prácticamente cualquier tipo diseño web.

Una características del footer es que éste se repite en todas las páginas del sitio web. Es decir, mientras que cada página de la web tiene un contenido diferente, comparten el mismo footer. Aunque pueden existir excepciones como landing pages y otras.

En el footer se deben incluir elementos necesarios y no saturarlo con elementos inservibles.

En el footer podemos destacar elementos que hayan podido pasar desapercibidos en la página web como los datos de contacto y también elementos que debemos tener en la web pero que no queremos destacarlos demasiado como los enlaces de información legal.

También podemos incluir elementos de navegación, aunque yo no soy muy partidario de esto. Lo que no debemos poner son bloques de redes sociales que ralenticen la carga de todo el sitio web. Si podemos poner iconos de enlaces de nuestras redes sociales.

Tampoco debemos poner mapas de Google ya que ralentizan la carga de la página. El mapa debemos colocarlo exclusivamente en la página de contacto

 

 

2.- Partes del footer de una página web

 

El footer de una página web puede estar compuesto de un solo bloque o de varios bloques. De abajo hacia arriba podemos tener:

a.- Barra de créditos del footer o pie: suele ser una barra con poca altura, donde habitualmente se coloca el copyright y la autoría del diseño web. A veces, puedes aparecer también iconos de las redes sociales en las que la empresa está presente.

Si colocas aquí algún enlace, lo recomendable a nivel de SEO, es que sean de tipo nofollow.

 

b.- Barra de menú: opcionalmente, encima de los créditos del footer o pie de página puede mostrarse un menú de navegación.

 

c.- Zona superior del footer: esta zona suele tener una altura considerable. Puede incluso estar subdividido en 2 zonas.

En esta zona superior del pie de página se suelen ubicar enlaces de información legal, dirección y contacto, enlaces de interés e incluso imágenes para mejorar la confianza online. Esta zona está dividida en varios bloques o columnas

 

 

2.1.- Partes del footer de una página web con WordPress

 

Vamos a ver ahora una serie de consideraciones a tener en cuenta, para cada parte del footer, cuando estamos trabajando el footer de una web con WordPress.

 

partes del footer wordpress

Partes del footer en una web realizada con WordPress

 

a.- Barra de créditos o pie: la personalización del contenido y diseño del bloque de créditos del footer va a depender de la plantilla wordpress que tengamos instalada.

Muchas plantillas wordpress nos van a permitir fácilmente personalizar el contenido de texto que se muestra en los créditos del footer, así como su diseño: color de fondo, tipos de fuentes, tamaños de texto, color de texto, etc.

Por el contrario, en otras plantillas de wordpress tendremos que acceder a los archivos de la plantilla y a modificar el código de un determinado archivo para poder personalizar el contenido de los créditos del footer. En cuanto al diseño, más de los mismo, en algunas plantillas tendremos que añadir CSS personalizado para poder modificar el diseño.

En este punto yo te recomiendo que utilices una plantilla en condiciones, para que todo esto se pueda personalizar desde las opciones de la plantilla y no tener que complicarnos la vida. Por ejemplo, la plantilla Divi.

 

b.- Barra de menú: el poder añadir un bloque de menú al footer con wordpress depende de si la plantilla lo permite o no. En el caso de la plantilla Divi, ya te adelanto que si lo permite.

 

c.- Zona superior del footer (Zona de Widgets): esta zona del footer, en el caso de usar WordPress la vamos a llamar como zona de Widgets.

Esta zona puede estar compuesta una o dos áreas, dependiendo de la plantilla wordpress que estemos utilizando. Cada zona está dividida en varios bloque o columnas. La plantilla de WordPress que estemos utilizando es la que nos va a dar el número y distribución de columnas posibles.

La plantilla Divi nos permite de 1 a 6 columnas, en diferentes y variadas distribuciones.

Esta zona superior del footer en WordPress la denominamos zona de widgets, porque el contenido de esta zona estará generado a través de Widgets que podemos ir añadiendo a cada columna.

Los Widgets no son algo exclusivo de la plantilla, sino de WordPress. Los widgets son elementos que dispondremos sea cual sea la plantilla que estemos utilizando y cada uno tiene una apariencia y finalidad específica.

En WordPress existen: widget de búsqueda, widgets de categorías del blog, widgets de últimos comentarios, widget de imagen, widgets de menú, widgets de texto, etc.

SUPER DESCUENTO DIVI

 

 

3.- ¿Qué poner en el footer de una página web? / Contenido del footer

 

El contenido que se suele ver en el footer de una página web está muy influenciado por el tipo de web de que se trate. Por este motivo, vamos a ver qué contenidos se suelen poner en el footer clasificados por tipo de web.