Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para hacer crecer tu negocio

Cómo editar el pie de página en WordPress (5 métodos)

Cómo editar el pie de página en WordPress (6 maneras fáciles) 

Escrito por: avatar de autor Stacey Corrin
avatar de autor Stacey Corrin
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.
     Revisado por: avatar del revisor Turner John
avatar del revisor Turner John
John Turner es el cofundador de SeedProd. Cuenta con más de 20 años de experiencia empresarial y de desarrollo y sus plugins se han descargado más de 25 millones de veces.

He editado docenas de pies de página de WordPress a lo largo de los años. A veces solo para eliminar la línea "Powered by WordPress", otras veces para añadir enlaces importantes, formularios opt-in o scripts personalizados.

Lo complicado es que la configuración del pie de página no siempre está en el mismo sitio. Depende de tu tema y de las herramientas que estés utilizando. En esta guía, voy a caminar a través de las formas más fáciles de cambiar su pie de página, incluyendo cómo lo hago con SeedProd.

Resumen rápido

Esto es lo que aprenderás en esta guía. Haz clic para saltar al método que mejor se adapte a tu configuración:

Ahora que ya sabe por qué el pie de página de WordPress es esencial, veamos cómo editar un pie de página en WordPress paso a paso.

La forma más fácil de personalizar todo el pie de página de tu sitio es utilizando 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 plugins en el mercado, como Beaver Builder, Divi, o Elementor, pero SeedProd es el plugin más fácil para los principiantes.

SeedProd Creador de sitios web WordPress de arrastrar y soltar

SeedProd le permite crear temas de WordPress personalizados 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 plugin SeedProd y crear tu tema directamente desde 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 para blogs y mucho más.

wordpres plantillas tema seedprod

También incluye características que le permiten añadir un encabezado global, pie de página, barra lateral, y muchas opciones de personalización. Vamos a añadir un pie de página global a tu sitio WordPress con el constructor de pie de página de SeedProd.

Necesitará una copia de SeedProd Pro para utilizar las funciones del creador de temas.

Después de instalar y activar el plugin, vaya a SeedProd " Theme Builder desde el área de administración de WordPress.

En esta página, haga clic en la opción Añadir nueva plantilla de tema.

añadir una nueva plantilla de tema

En la siguiente ventana emergente, dé a su plantilla un nombre como "Pie de página global" y elija la opción "Pie de página" en el menú desplegable Tipo.

Seleccione la plantilla de pie de página de SeedProd

Si lo hace, aparecerá el panel de opciones Condiciones. SeedProd mostrará su nueva plantilla de pie de página en todo su sitio por defecto. Sin embargo, puede cambiar esta configuración eligiendo una opción del menú desplegable.

Condiciones del pie de página de SeedProd

Cuando haya terminado con este paso, haga clic en el botón 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 tu configuración a la izquierda.

En primer lugar, haz clic en el icono de columnas y elige un diseño de columnas para añadir contenido al pie de página. Hemos elegido el diseño de 3 columnas para nuestro diseño.

Añadir un diseño de columnas al pie de página

Ahora haz clic en el icono de configuración de la sección para cambiar el color de fondo del pie de página. Se abrirá un panel a la izquierda en el que podrás subir una imagen de fondo personalizada, elegir un color de fondo y controlar las opciones de estilo del pie de página.

cómo editar el pie de página en WordPress con seedprod

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 utilizando los siguientes bloques de contenido de SeedProd para personalizar nuestro pie de página:

  • Titular
  • Texto
  • Perfiles sociales
  • Menú de navegación
  • Formulario de suscripción
Añade contenido al pie de página de WordPress con seedprod

Cuando estés satisfecho con tu diseño, haz clic en la flecha desplegable del botón Guardar y haz clic en Publicar. A partir de ahí, puedes salir del editor visual y volver al panel del creador de temas.

Para que tu nuevo pie de página aparezca en tu sitio web, tendrás que terminar de crear 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.

Después de construir su tema, haga clic en la opción Habilitar Tema SeedProd.

activar el tema seedprod

Cuando visite su sitio web, verá su nuevo pie de página personalizado de WordPress.

Previsualice su pie de página personalizado para WordPress

2. Editar el pie de página de WordPress en diferentes páginas

Si desea un control total sobre el diseño, los colores y los enlaces del pie de página, personalizar el pie de página de WordPress con un constructor como SeedProd es la opción más flexible.

También viene con varias secciones de página de aterrizaje, lo que facilita la adición de encabezados personalizados, llamadas a la acción, áreas de héroe, preguntas frecuentes y pies de página.

Esta es la función que necesitará para editar el pie de página de su página de destino de WordPress.

En primer lugar, haga clic aquí para empezar con SeedProd e instalar y activar el plugin en su sitio web WordPress. A continuación, puede seguir esta guía paso a paso para crear una página de destino en WordPress.

Una vez dentro del editor de páginas de arrastrar y soltar de SeedProd, haga clic en la pestaña Secciones del panel izquierdo.

haga clic en la pestaña Sección del constructor de páginas de SeedProd

Ahora haga clic en el encabezado Pies de página para mostrar los diferentes diseños de pies de página de SeedProd.

Haga clic en el encabezado de los pies de página para ver las secciones de los pies de página

Puede hacer clic en el icono de la lupa para previsualizar las secciones antes de añadirlas a su página.

Vista previa de la sección de pie de página y haga clic en el botón de selección de esta sección

A continuación, haga clic en el botón Elegir esta sección para añadirla al diseño de su página de destino.

Después de añadir la sección de pie de página a su página, puede personalizarla en el editor visual. Por ejemplo, puedes cambiar el color de fondo de la sección o añadir una imagen de fondo.

Personalice el fondo del pie de página de su página de destino

También puedes hacer clic en la navegación a pie de página para cambiar los colores de los enlaces o los iconos de las redes sociales.

cómo editar el pie de página en la página de WordPress

Ahora comprueba el pie de página para ver cómo se ve en pantallas móviles como tabletas y smartphones. Para ello, haz clic en el icono de vista previa para móviles situado en la parte inferior de la pantalla.

Haz clic en el icono de móvil para previsualizar el pie de página de tu página de destino

Esto le llevará a la vista previa móvil de SeedProd. Si el pie de página de su página de destino no se ve bien, puede editarlo en la vista previa móvil hasta que se vea como usted desea.

Vista previa del pie de página de WordPress en el móvil

Cuando esté listo para realizar los cambios, haga clic en la flecha hacia abajo situada junto al botón verde Guardar y haga clic en Publicar. A continuación, puede hacer clic en el botón Ver página en vivo para obtener una vista previa de su nuevo pie de página de destino de WordPress.

Pie de página de WordPress personalizado para páginas de destino

La mayoría de los temas de WordPress te permiten cambiar el contenido del pie de página a través de widgets. Puedes añadir texto, enlaces, menús o bloques personalizados directamente desde la pantalla Widgets, en Apariencia.

Navega a Apariencia > Widgets desde tu panel de WordPress para añadir widgets de pie de página en WordPress. A continuación, busque su barra lateral de pie de página en la lista y haga clic en el icono más (+) para buscar bloques de pie de página disponibles.

cómo editar el pie de página en WordPress con widgets

Como en el ejemplo anterior, muchos temas tienen más de 1 área de pie de página o sección de widgets. Además, cada tema muestra el pie de página de forma diferente.

Por eso es importante previsualizar tu sitio web después de realizar cualquier cambio para asegurarte de que tu widget de WordPress está donde quieres.

También puede utilizar este método para añadir enlaces a páginas importantes en el pie de página. Para ello, primero debe crear un nuevo menú en WordPress.

Para mostrar enlaces en su pie de página, cree un nuevo menú en Apariencia " Menús.

Crear un nuevo menú de WordPress

Ahora puedes añadir enlaces a tu menú. Solo tienes que seleccionar cualquier entrada, página o categoría del panel izquierdo para añadirlos.

Añade entradas, páginas y categorías a tu nuevo menú

A continuación, pulse el botón Guardar menú.

Ya está listo para añadir nuevos enlaces de menú a su área de widgets de pie de página de WordPress. Vuelve a la página de widgets yendo a Apariencia " Widgets.

Añada su menú de navegación al pie de página de WordPress

Haz clic en el icono del signo más, busca el widget Menú de navegación y añádelo al pie de página. A continuación, en el menú desplegable, elige el menú de pie de página que acabas de crear y haz clic en Guardar.

Ahora puede visitar su sitio web y ver cómo quedan sus enlaces de pie de página personalizados.

Zona de pie de página de WordPress con enlaces de navegación

Esta es una de las modificaciones más comunes que los propietarios de sitios hacen al personalizar su tema de WordPress.

Puede eliminar el texto de pie de página por defecto de su tema utilizando el Personalizador o añadiendo unas pocas líneas de CSS. La mayoría de los temas incluyen un ajuste para esto en Opciones de pie de página.

Eliminar el enlace "powered by WordPress" en el pie de página

Dirígete a Apariencia " Personalizar desde el panel de control de WordPress, donde verás la cabecera, el pie de página y otros ajustes del tema. Desplázate por la lista hasta que encuentres un encabezado llamado Pie de página.

Busque la sección de pie de página en el personalizador de temas de WordPress

En este ejemplo, estoy utilizando el tema Hestia, pero la mayoría de los temas modernos funcionan de forma similar. Si haces clic en el encabezado, podrás cambiar el contenido del texto del pie de página para adaptarlo mejor a tu sitio web.

Editar los créditos del pie de página de WordPress

Después de editar el contenido, haga clic en el botón Publicar en la parte superior de la pantalla. A continuación, puede previsualizar su sitio web para ver los cambios.

Cómo editar el pie de página en WordPress mediante la eliminación de powered by WordPress texto

Alternativamente, puedes ir a Apariencia " Personalizar " CSS adicional y añadir el siguiente código CSS:

.site-info {
display: none;
}

Guarde los cambios y actualice su sitio web para ver el pie de página actualizado.

Si necesitas más ayuda, consulta esta guía para eliminar el enlace "Powered by WordPress" del pie de página. Detalla cómo editar manualmente el archivo footer.php de los archivos de tu tema hijo. De esta forma, podrás actualizar los archivos correctamente.

La forma más fácil de añadir scripts a tu pie de página es instalar y activar el plugin WPCode. El uso de un plugin de pie de página como WPCode facilita la inserción de secuencias de comandos sin necesidad de editar el tema manualmente.

Si necesitas ayuda, sigue esta guía sobre cómo instalar un plugin de WordPress.

Después de activar el plugin, vaya a Fragmentos de código " Insertar encabezados y pies de página desde el área de administración de WordPress. A continuación, copie y pegue el código del pie de página en el cuadro "Scripts en el pie de página".

cómo editar el pie de página en WordPress con scripts personalizados

Cuando haya terminado, haga clic en el botón Guardar para almacenar la configuración. Ahora WordPress debería instalar correctamente los scripts de pie de página.

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 el pie de página no es una mala solución si causa demasiado desorden o si no quieres que los motores de búsqueda lo rastreen.

Pero recuerde esto: eliminar su pie de página de WordPress no lo elimina de su carpeta de temas de WordPress. El código CSS le dice a WordPress que solo oculte el contenido del pie de página.

Para ocultar completamente el pie de página de WordPress, vaya a Apariencia " Personalice y haga clic en el botón CSS adicional ficha.

Cómo editar el pie de página en WordPress con css

A continuación, pega el siguiente código CSS en el recuadro:

footer{

display:none;

}
Eliminar completamente el contenido del pie de página de WordPress

Este código le dirá a WordPress que oculte completamente el contenido del pie de página en la mayoría de los casos. Si alguna vez cambias de opinión, puedes eliminar el código para recuperar el pie de página de WordPress.

¡Ya está!

Si quieres un control total sobre el pie de página de WordPress, sin tocar el código, te recomiendo que utilices SeedProd. Es lo que uso cuando necesito crear diseños personalizados, cambiar secciones de pie de página, o mantener las cosas consistentes en el sitio de un cliente. Puedes arrastrar, soltar y publicar los cambios en cuestión de minutos.

Empieza con SeedProd Pro aquí para crear un pie de página que se adapte a tu marca.

Mientras esté aquí, síganos en Facebook y Twitter para obtener más consejos y tutoriales útiles.

avatar de autor
Stacey Corrin Escritor
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.