He editado docenas de pies de página de WordPress a lo largo de los años. A veces solo para deshacerme de la línea "Con tecnología de WordPress", otras veces para agregar enlaces importantes, formularios de suscripción o scripts personalizados.
La parte complicada es que la configuración del pie de página no siempre está en el mismo lugar. Depende de tu tema y de las herramientas que estés utilizando. En esta guía, te mostraré las formas más sencillas de cambiar tu pie de página, incluido cómo lo hago yo con SeedProd.
Resumen rápido
Esto es lo que aprenderás en esta guía. Haz clic para ir al método que mejor se adapte a tu configuración:
- Usa un creador de sitios web para editar el pie de página en todo el sitio
- Personaliza el pie de página solo en las páginas de destino
- Usa widgets para editar el área del pie de página
- Agrega o cambia los menús de navegación del pie de página
- Elimina el mensaje "Con tecnología de WordPress"
- Agrega código al pie de página (analíticas, scripts, etc.)
- Oculta o elimina el pie de página por completo
¿Qué es el área del pie de página de WordPress?
El pie de página en WordPress es un área del diseño de tu sitio web que se muestra en la parte inferior de cada página web. Normalmente, puedes verlo después del área de contenido.
Esta parte de tu sitio web suele estar tan abajo en la página que muchos propietarios de sitios web la pasan por alto. Pero hay muchas maneras en que puedes usar el pie de página de WordPress para hacerlo más útil para los visitantes, el SEO del sitio web y el crecimiento de tu negocio.
¿Cómo personalizar tu pie de página de WordPress (6 métodos sencillos)?
Ahora que sabes por qué tu pie de página de WordPress es esencial, veamos cómo editar un pie de página en WordPress paso a paso.
1. Editar pie de página personalizado de temas de WordPress
La forma más fácil de personalizar todo el pie de página de tu sitio es usar un constructor de temas visual como SeedProd. Puedes arrastrar y soltar contenido, cambiar el diseño y controlar dónde aparece sin tocar ningún código.
Hay muchos otros complementos en el mercado, como Beaver Builder, Divi o Elementor, pero SeedProd es el complemento más fácil para principiantes.
SeedProd te permite crear temas personalizados de WordPress fácilmente sin escribir código PHP, CSS o HTML ni contratar a un desarrollador.
En lugar de instalar varios archivos .zip de temas, puedes instalar el complemento SeedProd y crear tu tema directamente dentro de WordPress. Puedes empezar rápidamente eligiendo una plantilla de tema de inicio prefabricada, o puedes crear tu tema parte por parte, incluyendo temas de comercio electrónico, temas de blogs y más.
También incluye funciones que te permiten añadir una cabecera global, pie de página, barra lateral y muchas opciones de personalización. Añadamos un pie de página global a tu sitio de WordPress con el constructor de pies de página de SeedProd.
Necesitarás una copia de SeedProd Pro para usar las funciones del constructor de temas.
Después de instalar y activar el complemento, navega a SeedProd » Theme Builder desde tu área de administración de WordPress.
En esta página, haz clic en la opción Add New Theme Template.
En la ventana emergente siguiente, dale un nombre a tu plantilla, como "Pie de página global", y elige la opción "Footer" (Pie de página) en el menú desplegable de Tipo.
Al hacer eso, se revela el panel de opciones de Conditions (Condiciones). SeedProd mostrará tu nueva plantilla de pie de página en todo tu sitio por defecto. Sin embargo, puedes cambiar esas configuraciones eligiendo una opción del menú desplegable.
Cuando hayas terminado con este paso, haz clic en el botón Save (Guardar).
Verás el constructor de arrastrar y soltar de SeedProd para diseñar tu pie de página visualmente y ver los cambios en tiempo real. Al principio, tu plantilla mostrará una pantalla en blanco a la derecha y tus configuraciones a la izquierda.
Primero, haz clic en el icono de columnas y elige un diseño de columnas para añadir contenido a tu pie de página. Elegimos el diseño de 3 columnas para nuestro diseño.
Ahora haz clic en el icono de configuración de sección para cambiar el color de fondo de tu pie de página. Esto abre un panel en el lado izquierdo donde puedes subir una imagen de fondo personalizada, elegir un color de fondo y controlar las opciones de estilo de tu pie de página.
Ahora puedes empezar a añadir contenido a tu pie de página. Simplemente arrastra un bloque de contenido desde la izquierda y arrástralo a una columna de tu pie de página.
Por ejemplo, estamos usando los siguientes bloques de contenido de SeedProd para personalizar nuestro pie de página:
- Encabezado
- Texto
- Perfiles sociales
- Menú de navegación
- Formulario de suscripción
Cuando estés satisfecho con tu diseño, haz clic en la flecha desplegable del botón Guardar y haz clic en Publish (Publicar). Desde allí, puedes salir del editor visual y volver al panel del constructor de temas.
Para que tu nuevo pie de página aparezca en tu sitio web, deberás terminar de construir tu tema de WordPress con SeedProd. Aquí tienes una guía paso a paso sobre cómo crear un tema personalizado de WordPress con el creador de temas de SeedProd.
También puedes hacer clic en la navegación del pie de página para cambiar los colores de los enlaces o los iconos de redes sociales.
Cuando visites tu sitio web, verás tu nuevo pie de página personalizado de WordPress.
2. Editar el pie de página de WordPress en diferentes páginas
Si deseas un control total sobre el diseño, los colores y los enlaces de tu pie de página, personalizar el pie de página de WordPress con un creador como SeedProd es la opción más flexible.
También viene con varias secciones de páginas de destino, lo que facilita la adición de encabezados personalizados, llamadas a la acción, áreas destacadas, preguntas frecuentes y pies de página.
Esta es la función que necesitarás para editar el pie de página en tu página de destino de WordPress.
Primero, haz clic aquí para empezar con SeedProd e instala y activa el plugin en tu sitio web de WordPress. Luego, puedes seguir esta guía paso a paso para crear una página de destino en WordPress.
Una vez que estés dentro del editor de páginas de arrastrar y soltar de SeedProd, haz clic en la pestaña Secciones en el panel izquierdo.
Ahora haz clic en el encabezado Pies de página para mostrar los diferentes diseños de pies de página de SeedProd.
Puedes hacer clic en el icono de la lupa para previsualizar las secciones antes de añadirlas a tu página.
Luego, haz clic en el botón Elegir esta sección para añadirla al diseño de tu página de destino.
Después de añadir la sección del pie de página a tu página, puedes personalizarla en el editor visual. Por ejemplo, puedes cambiar el color de fondo de la sección o añadir una imagen de fondo.
También puedes hacer clic en la navegación del pie de página para cambiar los colores de los enlaces o los iconos de redes sociales.
Ahora comprueba tu pie de página para ver cómo se ve en pantallas móviles como tabletas y teléfonos inteligentes. Para ello, haz clic en el icono de vista previa móvil en la parte inferior de tu pantalla.
Esto te lleva a la vista previa móvil de SeedProd. Si el pie de página de tu página de destino no se ve bien, puedes editarlo en la vista previa móvil hasta que se vea como deseas.
Cuando estés listo para publicar tus cambios, haz clic en la flecha hacia abajo junto al botón verde Guardar y haz clic en Publicar. Luego, puedes hacer clic en el botón Ver página en vivo para previsualizar tu nuevo pie de página de la página de destino de WordPress.
3. Editar el widget de pie de página en WordPress
La mayoría de los temas de WordPress te permiten cambiar el contenido de tu pie de página a través de widgets. Puedes añadir texto, enlaces, menús o bloques personalizados directamente desde la pantalla de Widgets en Apariencia.
Navega a Apariencia > Widgets desde tu panel de WordPress para añadir widgets de pie de página en WordPress. Luego, busca tu barra lateral de pie de página en la lista y haz clic en el icono más (+) para buscar los bloques de pie de página disponibles.
Al igual que en el ejemplo anterior, muchos temas tienen más de una área de pie de página o sección de widgets. Además, cada tema muestra el pie de página de manera diferente.
Por eso es importante previsualizar tu sitio web después de hacer cualquier cambio para asegurarte de que tu widget de WordPress esté donde lo deseas.
También puedes usar este método para agregar enlaces a páginas importantes en tu pie de página. Primero debes crear un menú nuevo en WordPress para hacerlo.
Agregar o Cambiar Menú del Pie de Página de WordPress
Para mostrar enlaces en tu pie de página, crea un menú nuevo en Apariencia » Menús.
Ahora puedes agregar enlaces a tu menú. Simplemente selecciona cualquier entrada, página o categoría del panel izquierdo para agregarlas.
Luego, haz clic en el botón Guardar Menú.
Ahora estás listo para agregar nuevos enlaces de menú al área de widgets de tu pie de página de WordPress. Vuelve a tu página de widgets navegando a Apariencia » Widgets.
Haz clic en el icono de más, busca el widget de Menú de Navegación y agrégalo a tu área de pie de página. Luego, en el menú desplegable, elige el menú del pie de página que acabas de crear y haz clic en Guardar.
Ahora puedes visitar tu sitio web y ver cómo se ven tus enlaces personalizados del pie de página.
4. Eliminar el Texto del Copyright del Pie de Página ‘Orgullosamente impulsado por WordPress’
Esta es una de las ediciones más comunes del pie de página que los propietarios de sitios web realizan al personalizar su tema de WordPress.
Puedes eliminar el texto predeterminado del pie de página de tu tema usando el Personalizador o agregando algunas líneas de CSS. La mayoría de los temas incluyen una opción para esto en Opciones del Pie de Página.
Simplemente ve a Apariencia » Personalizar desde tu panel de WordPress, donde verás la configuración de encabezado, pie de página y otras del tema. Desplázate por la lista hasta que encuentres un encabezado llamado Pie de página.
En este ejemplo, estoy usando el tema Hestia, pero la mayoría de los temas modernos funcionan de manera similar. Hacer clic en el encabezado te da la opción de cambiar el contenido del texto del pie de página para que se adapte mejor a tu sitio web.
Después de editar el contenido, haz clic en el botón Publicar en la parte superior de la pantalla. Luego puedes previsualizar tu sitio web para ver los cambios.
Alternativamente, puedes ir a Apariencia » Personalizar » CSS Adicional y agregar el siguiente código CSS:
.site-info {
display: none;
}
Guarda tus cambios y actualiza tu sitio web para ver el pie de página actualizado.
Para obtener más ayuda, consulta esta guía sobre cómo eliminar el enlace del pie de página ‘Funciona con WordPress’. Detalla cómo editar manualmente el archivo footer.php de los archivos de tu tema hijo. De esa manera, puedes actualizar los archivos correctamente.
5. Agregar Código Personalizado al Pie de Página de WordPress
La forma más fácil de agregar scripts a tu pie de página es instalar y activar el plugin WPCode. Usar un plugin de pie de página como WPCode facilita la inserción de scripts sin editar tu tema manualmente.
Para obtener ayuda, sigue esta guía sobre cómo instalar un plugin de WordPress.
Después de activar el plugin, ve a Fragmentos de Código » Insertar Encabezados y Pies de Página desde tu área de administración de WordPress. Luego copia y pega tu código del pie de página en el cuadro ‘Scripts en Pie de Página’.
Cuando hayas terminado, haz clic en el botón Guardar para almacenar tu configuración. WordPress ahora debería instalar tus scripts del pie de página correctamente.
6. Eliminar Completamente el Pie de Página de WordPress
No recomendamos este método para la mayoría de los sitios web, pero puede tener sentido eliminar el pie de página de WordPress por completo en algunas situaciones. Por ejemplo, eliminar tu pie de página no es una mala solución si causa demasiado desorden o no quieres que los motores de búsqueda lo rastreen.
Pero recuerda esto: eliminar tu pie de página de WordPress no lo elimina de la carpeta de tu tema de WordPress. El código CSS le dice a WordPress que solo oculte el contenido de tu pie de página.
Para ocultar completamente el pie de página de WordPress, ve a Apariencia » Personalizar y haz clic en la pestaña CSS adicional.
Luego, pega el siguiente código CSS en el cuadro:
footer{
display:none;
}
Este código le dirá a WordPress que oculte el contenido de tu pie de página por completo en la mayoría de los casos. Si alguna vez cambias de opinión, puedes eliminar el código para recuperar tu pie de página de WordPress.
¡Eso es todo!
Si deseas un control total sobre tu pie de página de WordPress, sin tocar código, te recomiendo usar SeedProd. Es lo que uso cuando necesito crear diseños personalizados, cambiar secciones del pie de página o mantener la coherencia en el sitio de un cliente. Puedes arrastrar, soltar y publicar cambios en minutos.
Comienza con SeedProd Pro aquí para crear un pie de página que se ajuste a tu marca.
Mientras estás aquí, síguenos en Facebook y Twitter para obtener más consejos y tutoriales útiles.
