Dado que un pie de página de WordPress es tan útil, en algún momento necesitas aprender sobre el pie de página, cómo funciona, qué es posible en términos de edición y cómo eliminar el contenido predeterminado del pie de página que no es relevante para tu marca. Por eso queremos mostrarte cómo editar un pie de página en WordPress, junto con una explicación completa de los beneficios de un pie de página y qué puede ir en uno.
Los pies de página de las webs tienen una larga historia de contener cualquier información que no encaje dentro del menú principal de una web. Desde enlaces a documentos de apoyo y páginas de redes sociales, varios elementos van bastante bien en un pie de página.
¡Empecemos!
¿Qué es un pie de página de WordPress?
Los pies de página no son exclusivos de WordPress. La mayoría de los creadores de webs y sistemas de gestión de contenido ofrecen la capacidad de incluir un pie de página. Sin embargo, WordPress ofrece su funcionalidad única de pie de página, junto con un diseño de pie de página predeterminado que normalmente viene con el tema que instalas.
Un pie de página de WordPress se sitúa en la base de tu web. Es un área de contenido estático que aparece en la parte inferior, independientemente de la página en la que aterrice un usuario. Aunque no es tan visitado como la cabecera, el pie de página sigue siendo extremadamente importante para proporcionar a los usuarios botones de redes sociales, enlaces de atención al cliente e información de contacto.
En general, si creas una web en WordPress, puedes esperar ver un pie de página colocado en tu diseño de forma predeterminada. WordPress tiene un archivo central integrado en su sistema específicamente para gestionar el pie de página (footer.php).
Los pies de página vienen en todas las formas y tamaños, y puedes editarlos para incluir diferentes colores, fuentes y fondos. También puedes insertar elementos de contenido dentro del pie de página, como listas de entradas de blog, insignias de seguridad e incluso formularios e imágenes.
El pie de página es como la conclusión de toda tu web. Muestra enlaces e información esenciales para aquellos interesados y que han profundizado en su contenido. Por último, el pie de página completa el diseño general de tu sitio, muy parecido a la última diapositiva de un pase de diapositivas o la conclusión de un discurso.
Razones para tener (y editar) un pie de página de WordPress
Es tentador olvidarse de tu pie de página o dejarlo como el último elemento que diseñas. Mucha gente incluso quiere eliminar los pies de página ya que no les ve mucho valor. Este no es el mejor plan. El pie de página tiene valor, aunque no se vea ni se haga clic en él tanto como en el menú principal o las áreas de contenido principal.
Para darte una idea de qué hace valioso a un pie de página, aquí tienes una lista de todas las razones para tener uno y aprender a editar un pie de página en WordPress para que se ajuste a tu marca.
- El pie de página de WordPress ofrece un módulo estático que se muestra en cada página de tu web, haciéndolo más visible que una página estándar que desaparece cuando alguien hace clic.
- Completa el diseño de la web, tanto visualmente como en tus archivos de WordPress. Le dice a WordPress dónde terminar tu código y les dice a los usuarios cuándo termina el contenido. Por no mencionar que hace que la interfaz sea más limpia.
- Muchos usuarios de internet han llegado a esperar enlaces y contenido específicos en el pie de página, así que irán directamente al pie de página para encontrarlos. Piensa en enlaces de soporte y botones de redes sociales.
- El pie de página proporciona más oportunidades de conversión e interacción, como una llamada a la acción al final de una entrada de blog. Puedes añadir formularios, enlaces a otro contenido o incluso un eslogan de la empresa.
- Es un lugar para incluir enlaces importantes que quizá no lleguen al menú principal.
Ahora que conocemos los beneficios de usar un pie de página, entra en juego la gran pregunta de qué poner en el pie de página. Todos los temas difieren, pero es común ver un mensaje «Funciona con WordPress» en el pie de página después de instalar un nuevo tema.
Otras veces, los desarrolladores de temas pueden incluir sus propios diseños prediseñados o mensajes sobre quién hizo el tema.
Entonces, ¿cuáles son algunos elementos para poner dentro de tu pie de página de WordPress?
- Formularios para que los usuarios se suscriban a los mensajes de tu newsletter o a las actualizaciones del blog
- Enlaces a recursos de atención al cliente, como preguntas frecuentes, artículos de la base de conocimientos y foros
- Enlaces de iconos para descargar productos digitales como apps y podcasts
- Una lista de próximos eventos
- Una lista de artículos recientes del blog
- Enlaces a programas de fidelización y de afiliados
- Enlaces a páginas informativas, como una página Sobre nosotros o de Empleo
- Insignias e iconos para promocionar tu reputación, premios anteriores o la seguridad del sitio
- Iconos de redes sociales que enlazan a las páginas
- Un mapa del sitio completo para facilitar la navegación por toda tu web
- Declaraciones legales como reclamaciones de copyright, políticas de privacidad y términos y condiciones
- Información de contacto como tu dirección, ubicaciones, número de teléfono y horario comercial, o un formulario de contacto
- Un cuadro de búsqueda para mejorar la navegación
Cualquier otra página adicional que no encaje en tu menú principal pero que aún necesite un lugar en tu sitio
Cómo editar un pie de página en WordPress (versión autoalojada)
Hay un puñado de tácticas para editar el pie de página de una web de WordPress.org (autoalojada). En las siguientes secciones, hablaremos de editar un pie de página en WordPress usando el personalizador de temas, widgets, plugins y código. Como bonus, discutiremos la gestión del pie de página de WordPress con un maquetador visual de páginas como Elementor.
Edita el pie de página de WordPress con el personalizador de temas
La forma más rápida y eficiente de editar un pie de página de WordPress es usando el personalizador de temas integrado de WordPress. Los ajustes del personalizador de temas varían según el tema elegido, pero el personalizador en sí siempre está en la ubicación exacta del panel de WordPress.
Para empezar el proceso, ve al panel de control y haz clic en Apariencia y luego en Temas.
A continuación, haz clic en el botón Personalizar debajo del tema actualmente activo.
Siéntete libre de cambiar de tema para ver cómo cambian los pies de página de un tema a otro.
Como alternativa ligeramente más rápida, también puedes hacer clic en Apariencia > Personalizar, que te lleva directamente al personalizador de temas de WordPress para el tema activo.
El personalizador de temas de WordPress presenta una imagen de tu web en el lado derecho y varios elementos de menú a la izquierda que conducen a los ajustes y herramientas de personalización. De nuevo, cada tema tiene diferentes opciones de personalización, así que tu pantalla puede verse un poco diferente de lo que se ve en nuestras capturas de pantalla.
El personalizador de temas con el pie de página a la vista.
Un lugar maravilloso para empezar a personalizar tu pie de página es con los colores.
Nuestro tema actual tiene una sección Colores, lo que facilita identificar adónde necesitamos ir.
Selecciona el botón Colores si está disponible en tu tema.
Elige el botón Seleccionar color bajo el campo Color de fondo de la cabecera y el pie de página.
Usa el selector de color para probar todos los tipos de color y ver cuáles coinciden con tu marca o quedan bien hacia la parte inferior de tu página.
Con este tema en particular, cualquier ajuste de color también ajusta los colores de la fuente, haciéndolos lucir claros independientemente del color de fondo.
Como puedes ver, un color de pie de página de WordPress más oscuro cambia automáticamente los colores de la fuente para los enlaces, los encabezados y el texto del párrafo, eliminando la necesidad de que hagas esto por tu cuenta.
El texto cambia de color cuando modificas el color de fondo en este tema.
Ahora probemos otro tema. En este caso, hemos cambiado el tema Twenty Twenty por el tema Storefront.
Efectivamente, el personalizador de WordPress para el tema Storefront muestra botones que no se muestran en el tema Twenty Twenty.
Normalmente, tu tema dicta cuánto control tienes sobre el pie de página en el personalizador de WordPress. Algunos temas son mejores que otros en este sentido.
Para el tema Storefront, tenemos una pestaña de Pie de página. Haz clic en ella para ver qué hay disponible para personalizar el pie de página.
A diferencia del tema anterior, Storefront no cambia automáticamente los colores del texto y los enlaces al ajustar los colores de fondo. Sin embargo, puedes controlar todos estos colores por tu cuenta, con campos para el Color de fondo, el Color del encabezado, el Color del texto y el Color del enlace.
Ajustes de color del pie de página
Una selección rápida revela los resultados en nuestra vista previa del pie de página de WordPress. Después de esto, necesitas hacer clic en el botón Publicar para ver los nuevos colores del pie de página en el frontend.
Pero, ¿qué pasa con los enlaces y elementos de texto presentados de forma predeterminada en el pie de página?
Una vez más, el método principal para ajustar el contenido del pie de página está en el personalizador de WordPress. En las siguientes secciones, explicaremos cómo añadir y eliminar texto y contenido de enlaces del pie de página usando dos métodos: como elementos de menú y como widgets.
Añade widgets a tu pie de página de WordPress
Una forma de editar el contenido del pie de página es añadiendo widgets. Los widgets de WordPress son ricos en funciones, junto con varios lugares donde colocarlos, incluida la barra lateral y el pie de página, siempre que tu tema lo admita.
De nuevo en el personalizador de WordPress, encuentra la pestaña Widgets.
Echa un vistazo detenido a la lista de áreas para colocar widgets en tu web. Puedes ver opciones para regiones como la barra lateral, el menú superior y el menú inferior. Con suerte, tu tema también incluye el pie de página como un área para colocar widgets. Si no, hay otras formas de editar tu pie de página, aunque si prefieres ir con widgets, considera cambiar a un tema diferente que permita widgets dentro del pie de página.
Este tema en realidad proporciona cuatro ubicaciones de widgets en el pie de página, dispuestas en cuatro columnas apiladas una al lado de la otra para hacer un hermoso formato que encaja todo el contenido posible dentro del pie de página.
Haz clic en cualquiera de las ubicaciones de widgets del pie de página para mostrar un área para Añadir un widget. Haz clic en ese botón para mostrar una vista deslizante de todos los widgets disponibles en WordPress y en el tema. De nuevo, puedes ver un conjunto de widgets completamente diferente, considerando que algunos temas incluyen sus propios widgets, o puede que hayas instalado una extensión o plugin para añadir más widgets a tu panel.
Los widgets comunes van desde archivos hasta audio y HTML personalizado y filtros de productos.
Todo lo que tienes que hacer es seleccionar los widgets para añadir a esta área de widgets en particular. Aparecerán en el lado izquierdo para que puedas reorganizar y configurar tus ajustes individuales.
Después de un trabajo rápido, hemos colocado varios widgets en tres de los módulos de columna del pie de página, incluido un menú principal, una lista de entradas recientes y algunos de los productos de nuestra tienda. También notarás que hemos añadido una barra de búsqueda para facilitar un poco la navegación a nuestros usuarios.
Un área importante a tener en cuenta es la sección de ajustes del widget. Cada widget tiene sus propios ajustes a la izquierda, así que asegúrate de recorrer esos campos y hacer que se vean exactamente como quieres.
Como puedes aprender mientras navegas por los ajustes del tema, no todos los temas tienen formas de añadir menús directamente al área del pie de página usando el ajuste estándar Añadir menú. Nuestro tema aquí, por ejemplo, tiene lugares para activar menús como los menús principal, secundario, portátil y móvil, pero nada para los pies de página.
Cubriremos los menús en la siguiente sección, pero queríamos explicar una solución rápida para añadir un menú con un widget, en caso de que tu tema no admita menús de la forma habitual.
Esencialmente, todo lo que tienes que hacer es ir a uno de los módulos de widget del pie de página y buscar el widget Menú de navegación. Aquí, puedes hacer clic en un campo desplegable para ver todos los menús creados en tu web. Siéntete libre de generar un menú específicamente para tu pie de página (en el panel de Menús) y añadirlo como widget en esta sección.
Como alternativa, opta por el menú principal o cualquier menú que hayas creado. Todos deberían aparecer en el menú desplegable del widget.
Después de eso, el menú de tu elección aparece en el pie de página, siempre que hayas añadido el widget Menú de navegación al área correcta del pie de página y hayas hecho clic en el botón Publicar. Incluso puedes escribir un título para ese menú si quieres explicar qué contienen los siguientes enlaces.
Cómo insertar texto, imágenes y código personalizados como widgets del pie de página
Muchos widgets de WordPress ofrecen listas preconfiguradas de contenido, como el widget Entradas recientes o la barra de búsqueda.
Sin embargo, a veces quizá quieras editar tu pie de página de WordPress para incluir contenido completamente personalizado, como texto simple, imágenes o un poco de código, para crear algo completamente nuevo.
WordPress proporciona un widget para cada uno de estos.
Todo lo que se requiere es ir a Personalizador de temas > Widgets. Luego elige el área de widgets que refleja dónde quieres que vayan los widgets en el pie de página.
Haz clic en el botón Añadir un widget y busca «imagen».
Añade el widget Imagen y personaliza el título. Haz clic en Añadir imagen, luego considera incluir también un enlace a la imagen. Puedes editar el tamaño de la imagen haciendo clic en Editar imagen.
A continuación, busca «texto» en la biblioteca de widgets.
Añade el widget Texto a tu pie de página y escribe lo que quieras. También tiene un campo de título junto con un editor visual, igual que el que obtienes al hacer una entrada de blog o una página en WordPress. Hemos intentado insertar imágenes a través del widget Texto (ya que es técnicamente posible), pero muchos temas no permiten esto.
Por último, puede que descubras que usar un widget de HTML personalizado es el mejor curso de acción, especialmente si quieres control total sobre el diseño de tu pie de página o incorporar un diseño único para algo como un formulario de suscripción por correo.
Para eso, busca «HTML» en la biblioteca de widgets y elige el widget HTML personalizado.
Pega o escribe tu HTML personalizado y vigila la vista previa en el lado derecho para asegurarte de que se ve como se supone que debe verse. Quizá también necesites añadir algo de estilo CSS para que aparezca como quieres.
Como siempre, recuerda hacer clic en el botón Publicar al final.
Añade menús al pie de página de WordPress
Creas menús en WordPress yendo a Apariencia > Menús. Una vez que hayas establecido un menú, estás listo para añadir al menos las ubicaciones que admite tu tema elegido.
También es posible crear tu menú dentro del personalizador de WordPress, así que solo depende de dónde te sientas más cómodo añadiendo nuevas páginas y enlaces a tus menús.
Como recordatorio, no todos los temas de WordPress permiten menús dentro del pie de página. De hecho, algunos de ellos solo tienen una o dos ubicaciones de menú, así que necesitarás comprobar si tu tema admite menús. Si no, consulta de nuevo la sección anterior para una solución que usa un widget para incrustar un menú en el pie de página.
Si usas un tema que permite menús en el pie de página, ve al personalizador de WordPress y haz clic en la pestaña Menús.
Lo más probable es que veas una página de menú vacía con varios botones para decidir. Uno de los botones te permite seleccionar qué menús revelar y dónde mostrarlos. Ver todas las ubicaciones comparte las pestañas donde los menús son compatibles con tu tema.
Por último, Crear nuevo menú funciona de forma muy parecida al panel estándar de creación de menús del panel, excepto que no requiere que salgas del personalizador.
Haz clic en el botón Crear nuevo menú. Si ya tienes un menú listo para usar, puedes añadirlo al pie de página yendo a Ver todas las ubicaciones.
Dale un nombre a tu menú (en este caso iremos con el nombre obvio de pie de página) y marca la casilla llamada Menú del pie de página. Esto le dice a WordPress que quieres que el menú de Pie de página que crees aparezca en la ubicación del menú de Pie de página. Son cosas separadas; una es el menú real y la otra es la región de tu web donde va el menú. Eres más que bienvenido a cambiar el nombre de tu menú del pie de página si te resulta un poco confuso.
Haz clic en el botón Siguiente en la parte inferior del panel para continuar.
Ahora tienes un menú llamado Pie de página, pero carece de los botones o enlaces para convertirlo en un menú realmente funcional.
Haz clic en el botón Añadir elementos para empezar a colocar enlaces y botones a las páginas en tu menú.
Aparece un nuevo panel deslizante con todas las opciones para añadir a tu menú. Por ejemplo, puedes incluir enlaces personalizados a páginas internas o externas, tus entradas de blog, páginas de tu propio sitio (páginas prediseñadas), productos, etiquetas y categorías, junto con cualquier otro tipo de páginas de contenido que puedas tener.
Cada elemento de menú que elijas se coloca y se muestra en el panel del menú, donde puedes reorganizarlos y hacer clic en cada uno para editar sus ajustes individuales. Para este ejemplo, hemos añadido cinco enlaces a páginas de nuestra web, incluido el blog, una página de streaming en directo y una página Sobre la empresa.
Echa un vistazo a nuestra lista al principio de este artículo para obtener ideas sobre qué incluir en tu pie de página.
Edita el pie de página en WordPress con plugins
WordPress ya tiene herramientas integradas para modificar tu pie de página, pero hasta qué punto puedes editar el pie de página de tu sitio en particular depende del tema de tu elección y de si quieres o no meterte con algún código.
Como aprenderás más adelante en este artículo, eliminar el texto predeterminado «Funciona con» requiere que accedas a footer.php y elimines parte del código. Así que está claro que varios aspectos de la edición del pie de página pueden estar fuera de tu alcance si no tienes la experiencia o la voluntad de meterte con el código o encontrar un tema nuevo.
Ahí es donde entran en juego los plugins de WordPress. Bastantes plugins ofrecen funciones de edición y ampliación del pie de página para eliminar la necesidad de editar código manualmente, y a veces para hacer cambios rápidos en tu pie de página, como con colores y columnas.
Los plugins de pie de página de WordPress que recomendamos incluyen los siguientes:
- Footer Mega Grid Columns: este plugin soluciona cualquier problema que tengas con un tema donde el pie de página carece de un formato de cuadrícula de tres columnas. Algunos temas solo ofrecen una o dos columnas, mientras que otras veces un pie de página se elimina del tema por completo. Footer Mega Grid Columns añade un widget de pie de página para mostrar no solo tres columnas, sino también adicionales si es necesario.
- Remove Footer Credit: usa este plugin para eliminar por completo el crédito del pie de página colocado allí por WordPress o el desarrollador de tu tema. También tienes la opción de escribir tu propio código HTML para crear un crédito de pie de página o algún contenido que sea más adecuado para tu sitio.
- Header Footer Code Manager: este plugin tiene una ligera curva de aprendizaje, pero es una solución ideal para usuarios intermedios de WordPress que prefieren acceder a las áreas de codificación de la cabecera y el pie de página en el panel, en lugar de abrir los archivos del sitio. Puedes añadir un número ilimitado de estilos y scripts de pie de página, lo que a menudo es útil para mostrar información después de cada entrada de blog o página.
- Footer Putter: usa este plugin para insertar un widget de información de copyright o de marca registrada. Esta es una solución bastante práctica para poner detalles sobre tu negocio en el área del pie de página, incluyendo cosas como enlaces, horario comercial, números de teléfono y más.
Footer Text: como una de las formas más sencillas de modificar tu pie de página de WordPress, el plugin Footer Text activa un panel de edición de frontend y backend para cambiar lo que hay en tu pie de página. Viene con un editor WYSIWYG (lo que ves es lo que obtienes), así que es posible formatear tu texto y potencialmente añadir elementos como imágenes.
En las siguientes secciones, exploraremos cómo usar algunos de estos plugins para tareas como añadir botones de redes sociales o insertar código personalizado en tu pie de página de WordPress.
Edita manualmente el pie de página de WordPress con código
Una forma más técnica de editar tu pie de página de WordPress implica aprovechar footer.php y editar su contenido.
Necesitas tener experiencia con la programación, o estar deseoso de aprender, para que este método te sea útil, pero hay algunos ajustes menores que todos los principiantes pueden manejar (principalmente solo eliminar el texto predeterminado en el pie de página). Echa un vistazo a nuestra guía para añadir código de cabecera y pie de página para obtener la información más detallada.
Para acceder a footer.php, conéctate a los archivos de tu sitio de WordPress usando un cliente FTP. También recomendamos consultar este artículo sobre cómo usar SFTP para conectarte a WordPress, ya que SFTP es más seguro que FTP.
Una vez conectado a los archivos de tu sitio de WordPress a través de tu cliente FTP, localiza la carpeta /public. Haz clic en /wp-content y luego en /themes para revelar todos los temas actualmente instalados en tu panel de WordPress. Anota qué tema está activo en el sitio y abre la carpeta correspondiente.
Todos los temas de WordPress tienen un footer.php en algún lugar de la carpeta del tema. Desplázate por el lote de archivos para localizar el archivo footer.php.
Abre el archivo con el editor de tu elección. Una vez allí, puedes editar el código actual o añadir nuevo contenido dependiendo de lo que estés intentando lograr. La sección get_template_part a menudo se modifica para insertar nuevas piezas de texto, pero eso te lo dejamos a ti, ya que cada pie de página es diferente.
Alternativamente, puedes editar el código del pie de página usando un plugin que muestre un campo visual para el archivo footer.php. De esta manera no tienes que instalar un cliente FTP y conectarlo a tu web. También es un proceso más intuitivo y amigable para principiantes que permanece disponible en tu panel en todo momento para futuras ediciones.
Para que esto suceda, instala y activa el plugin Header Footer Code Manager.
Una vez que esté instalado, haz clic en el botón HFCM que aparece en tu panel de WordPress. A continuación, dale un nombre a tu fragmento de código, elige dónde quieres que se muestre y establece la ubicación en Pie de página.
La parte más importante es el Fragmento/Código, que rellenarás con el código que quieras. Algunas personas usan este plugin para cosas como códigos de verificación o de seguimiento que no aparecen en el frontend. Sin embargo, también está disponible para que lo uses para escribir nuevo texto y obtener un control casi completo sobre el contenido de tu pie de página.
Asegúrate de hacer clic en el botón Guardar para ver los resultados.
Usa un maquetador de páginas con el diseñador de pie de página
Una forma adicional de modificar tu pie de página de WordPress, sin necesidad de código ni de muchas de las herramientas estándar del pie de página de WordPress, es con un maquetador de páginas. No todos los maquetadores de páginas ofrecen editores de pie de página, así que es importante investigar y asegurarte de que tu maquetador de páginas actual lo ofrezca o de que el que planeas comprar tenga funciones de pie de página.
De todos modos, esta es una función relativamente básica para un maquetador de páginas, así que es una buena idea optar por un maquetador de páginas solo si planeas personalizar todo tu sitio con él.
Algunos otros maquetadores de páginas ofrecen edición de pie de página, pero nuestros favoritos incluyen Elementor y Visual Composer.
Para crear un pie de página personalizado con Visual Composer, debes tener la versión Pro. Hay algunas soluciones para editar la parte inferior de tu web con la versión gratuita, pero el verdadero maquetador de arrastrar y soltar para el pie de página requiere una mejora.
Una vez instalado, haz clic en el botón Páginas en el panel de control. Desplázate por las páginas que quieras editar y selecciona el botón Editar con Visual Composer en cualquiera de esas páginas.
Edita con Visual Composer.
Eso hace aparecer el diseñador de Visual Composer, con una vista previa en vivo de tu página web en el lado derecho y herramientas de diseño de arrastrar y soltar como elementos y plantillas a la izquierda.
Una de las formas más fáciles de implementar un hermoso pie de página es simplemente elegir una plantilla (muchas de las cuales son gratuitas). Estas plantillas proporcionan diseños profesionales para todo tu sitio, junto con un bonito pie de página que es personalizable.
Para ver qué hay disponible, puedes hacer clic en el botón Plantillas y luego en el botón Obtener más plantillas. Visual Composer ofrece plantillas para todos los aspectos de tu sitio, incluyendo cabeceras, pies de página y barras laterales.
La siguiente ventana muestra una enorme biblioteca de plantillas, todas categorizadas bajo filtros para cosas como Elementos, Plantillas, Bloques y Pies de página.
Elige los Pies de página para mostrar todas las plantillas de pie de página prediseñadas.
De nuevo, esta parte de Visual Composer requiere la versión Pro. Una vez activa, puedes desplazarte por docenas de plantillas de pie de página para implementar en tu web y editar a tu favor.
Uno de los otros maquetadores de páginas con herramientas de edición de pie de página se llama Elementor. Al igual que Visual Composer, Elementor proporciona un maquetador de webs completo para construir páginas de inicio, páginas de producto, pies de página y más.
Ten en cuenta que recibes bloques de contenido de pie de página gratis con este método, pero el creador de pie de página real usa la versión Pro de Elementor. Como Visual Composer, debes mejorar para obtener la funcionalidad completa.
Para empezar, instala y activa los plugins Elementor y Elementor Header Footer and Blocks Template.
Haz clic en Plantillas > Theme Builder para abrir el maquetador de webs completo de Elementor.
Aquí, verás un menú para editar varias partes de tu sitio, como la cabecera, el pie de página y las páginas individuales.
Selecciona las partes de tu sitio que quieras personalizar desde el menú del lado izquierdo o con los botones de iconos en el centro de la página. Como puedes ver, hay un enlace de Pie de página en dos lugares.
El editor de pie de página funciona de forma similar a cualquier otro editor en Elementor: puedes cambiar el diseño, ajustar el estilo y hacer clic en el bloque para escribir nuevo contenido. Cada aspecto del pie de página es personalizable al usar Elementor, lo que lo convierte en una de las opciones más flexibles y deseables cuando se trata del control del pie de página y de aprender a editar un pie de página en WordPress.
El plugin Header Footer and Blocks proporciona módulos de contenido hechos específicamente para cabeceras y pies de página. En cuanto a los bloques del pie de página, puedes elegir entre módulos como información de copyright, imágenes, títulos del sitio y eslóganes.
Para usar estos bloques, ve a Apariencia > Header Footer and Blocks en el panel.
También puedes hacer un bloque único y elegir editarlo en el maquetador de páginas Elementor. Una vez en Elementor, desplázate hacia abajo hasta la colección de bloques de Headers Footers and Blocks, luego arrastra cualquiera de estos elementos al diseño actual para activar algunos de los elementos de contenido más comunes dentro de un pie de página. Como se mencionó, puedes encontrar de todo, desde barras de búsqueda hasta logotipos del sitio e iconos de carrito y texto de copyright en estos bloques.
Cómo editar un pie de página en WordPress.com
WordPress.com, la versión alojada de WordPress, incluye pies de página para muchos de sus temas, con opciones para eliminar o cambiar los pies de página en solo unos pocos clics. Los métodos para editar pies de página en WordPress.com son algo similares a cómo se hace en la versión autoalojada de WordPress.org, pero con algunas diferencias.
En primer lugar, la interfaz no se ve exactamente igual.
Necesitas iniciar sesión en tu panel de WordPress.com y gestionar tu pie de página en el personalizador de temas. Por suerte, muchos de los temas ofrecidos para WordPress.com son similares o exactamente iguales a los que encontrarías para WordPress.org. Sin embargo, eso también significa que cómo editas el pie de página en WordPress.com depende del tema que instales.
Para empezar, ve a Apariencia > Personalizar en el panel de control.
Mira las pestañas del personalizador de temas disponibles para ese tema en particular. La mayoría de los temas tienen una pestaña de Widgets, pero deberías averiguar si tu tema proporciona un área de pie de página para colocar widgets. Haz clic en el botón de la pestaña Widgets para averiguarlo.
Este tema actual que estamos usando proporciona un módulo de Widget del pie de página. Si no ves una opción para poner widgets en el pie de página, considera probar un tema nuevo o usar menús en lugar de widgets.
Para este ejemplo (con un área de widget del pie de página), haz clic en el botón Añadir un widget.
Aparece un menú deslizante con una colección de widgets. Puedes seleccionar los widgets que tengan más sentido para tu negocio.
De nuevo, el tema dicta cuántos widgets puedes encajar en el pie de página sin que se vea demasiado saturado. Parece que este tema en particular permite unas tres columnas de widgets antes de que el diseño empiece a verse saturado.
Para nuestro ejemplo, elegiremos un widget de Mapa e Información de contacto, junto con un widget de Seguir el blog, que invita a los visitantes a registrarse con sus direcciones de correo electrónico.
La vista previa a la derecha muestra los widgets en acción. Recomendamos recorrer cada panel de configuración del widget para configurar elementos individuales como el texto que se muestra y elegir qué campos quieres mostrar en cada widget.
Asegúrate de hacer clic en el botón Guardar cambios para que los widgets aparezcan en el frontend de tu web.
También puedes notar que WordPress.com añade automáticamente el título de tu sitio y un crédito de WordPress en la parte inferior de tu pie de página. Normalmente puedes deshacerte del título del sitio si quieres, pero la eliminación del crédito de WordPress requiere que pagues por el Plan Business.
Para modificar ambos elementos, haz clic en el botón Identidad del sitio.
En primer lugar, ve a la parte inferior de los ajustes para encontrar el campo Crédito del pie de página. Haz clic en ese menú desplegable para mostrar todas las opciones posibles.
Cada uno de los créditos tiene algún tipo de referencia a WordPress. Un crédito de WordPress no es gran cosa si tienes un blog personal o un diario en línea, pero sugerimos mejorar al Plan Business y eliminar el crédito si tu sitio es para un negocio legítimo.
Después de eso, puedes hacer clic en el menú desplegable y elegir la opción Ocultar para deshacerte del crédito por completo.
El crédito desaparece en la vista previa, dejando los widgets que añadiste en el pie de página junto con el título del sitio.
Un pie de página sin el crédito de WordPress.
Algunos temas también tienen la capacidad de eliminar el título del sitio del pie de página. La forma más fácil es desmarcar la casilla Mostrar título del sitio y eslogan. Eso elimina el título del sitio en el pie de página y potencialmente en la cabecera. Para la cabecera, de todos modos recomendamos subir un logotipo.
Otros temas tienen diferentes formas de eliminar el título del sitio y el eslogan. A veces no es posible en absoluto, mientras que otras veces el título del sitio no se incluye en el pie de página para empezar. En caso de duda, intenta eliminar lo que hay dentro del Título del sitio si no tienes la casilla Mostrar título del sitio y eslogan.
Otra forma de insertar contenido en tu pie de página de WordPress es usando el panel de Menús. No todos los temas permiten menús en el pie de página, pero es una buena idea al menos comprobarlo.
Haz clic en el botón Menús para continuar.
Elige Ver todas las ubicaciones. Esto muestra una lista de dónde puedes colocar menús en este tema en particular.
Para nuestro tema de ejemplo, tenemos bastantes opciones de colocación de menús, una de las cuales es para el pie de página. No tendrás tanta suerte con cada tema que encuentres, así que prepárate para cambiarlos o considera usar la técnica del widget para editar tu pie de página.
Con temas que admiten menús en el pie de página, haz clic en el campo desplegable del botón Pie de página.
Elegimos un menú Social prediseñado para el pie de página. Siéntete libre de seleccionar Crear nuevo menú si aún no tienes un menú adecuado.
El resultado es un simple menú de texto/enlaces que aparece encima de los widgets que ya has añadido al pie de página. Puede que no puedas añadir widgets a tu tema, así que quizá no veas exactamente el mismo formato.
Ten en cuenta que todos los menús son simplemente listas de texto y enlaces, así que no podrás incorporar algo como un menú de iconos sociales a menos que consideres un plugin separado que lo admita.
Cómo añadir iconos de redes sociales al pie de página de WordPress
Un pilar del área del pie de página es la clásica lista de botones de redes sociales. Muchas webs los añaden a sus menús principales, pero también es una idea maravillosa tenerlos en la parte inferior de tu web, o como alternativa a colocar los botones sociales en la parte superior de tu sitio. En general, si sientes que la cabecera ya está saturada, opta por la colocación en el pie de página.
Bastantes plugins proporcionan widgets para añadir iconos y enlaces de redes sociales a tu pie de página y cabecera. Por lo tanto, sugerimos mantenerse alejado de cualquier codificación personalizada aquí.
Aunque hay muchos plugins de iconos sociales por ahí, el objetivo para nuestros propósitos es encontrar uno que proporcione específicamente un widget rápido para añadir tus enlaces y personalizar los botones.
Una solución popular y muy bien valorada se llama Social Icons Widget & Block de WPZoom. Tiene más de 400 iconos para redes sociales y otras plataformas, junto con un widget para colocar tus iconos justo en tu pie de página. No solo eso, sino que puedes subir tus propios iconos personalizados y cambiar los ajustes de colores y tamaños.
Después de instalar el plugin, puedes ir a los Ajustes y desactivar ciertos paquetes de fuentes si no los quieres. Sin embargo, todos ellos ya están activos, así que sáltate la configuración si prefieres tener todo disponible.
Para añadir iconos sociales a tu pie de página de WordPress, ve a Apariencia > Personalizar.
Esto te lleva al personalizador de temas de WordPress, donde puedes añadir widgets al pie de página (siempre que tu tema admita widgets en el pie de página). Como mencionamos anteriormente en el artículo, la única forma de sortear un tema que no tiene un widget de pie de página es encontrar un tema nuevo o personalizar el pie de página tú mismo.
Encuentra y haz clic en el botón Widgets para continuar.
Este tema tiene dos áreas para añadir widgets al pie de página. Ese no es el caso de todos los temas, así que puede que descubras que tu tema no tiene áreas de widget en el pie de página. Por otro lado, podrías tener suerte y tener cuatro o cinco lugares para poner widgets en tu pie de página. Todo depende del tema que instales.
Haz clic en una de las pestañas del Pie de página.
Es posible añadir una gran cantidad de widgets, o al menos cualquier widget que tengas instalado, al pie de página.
Haz clic en el botón Añadir un widget para mostrar el menú de widgets disponibles para ti.
El menú desplegable proporciona una barra de búsqueda y una lista de widgets posibles. Desplázate hacia abajo para localizar el widget llamado Social Icons By WPZOOM.
Ahora deberías ver los iconos y botones de redes sociales predeterminados en la vista previa de tu web.
Sin embargo, aún necesitarás personalizar los ajustes de estos botones para que se establezcan en el tamaño de esos botones, el color y a qué enlaces quieres que lleven.
Empieza escribiendo un título para el widget, que aparece en el pie de página (también puedes dejarlo en blanco si quieres). Continúa especificando ajustes como si quieres etiquetas de iconos, enlaces nofollow y alineaciones de iconos específicas.
Continúa con los ajustes para especificar el estilo del icono, el estilo de fondo y el relleno. También puedes elegir un tamaño y color de icono. Ten en cuenta que debes hacer clic en el botón Guardar en la parte inferior del módulo de personalización del widget para ver los resultados de tus cambios en la vista previa.
Icons ya tiene algunos iconos sociales predeterminados para ti. Haz una lista de los sitios de redes sociales que gestionas para tu negocio y copia y pega los enlaces en los campos respectivos. Elimina cualquier icono que no tenga sentido para tu negocio.
Para abrir la biblioteca de iconos y añadir más iconos, haz clic en el botón Añadir más en la parte inferior de la lista de campos.
El plugin ofrece una gran colección de iconos, con opciones para establecer colores de iconos, colores al pasar el cursor y la fuente del kit de iconos. El kit principal se llama Socicons, pero varios otros kits vienen con el complemento gratis. Haz clic en el botón Seleccionar kit de iconos para ver tus opciones.
Por último, navega por los iconos proporcionados con cada kit. Muchos de ellos quizá ni siquiera los reconozcas, así que solo quédate con los que gestionas activamente y que proporcionarán valor a tus clientes.
En nuestro ejemplo, elegiremos el icono de YouTube para añadirlo también a nuestro pie de página.
Haz clic en el botón Guardar para colocarlo en la lista, y luego haz clic en el siguiente botón Guardar en la parte inferior del cuadro del widget para ver tus cambios.
Como puedes ver, hemos hecho cambios en el tamaño y la forma de los iconos, mientras que también hemos añadido un icono social adicional. Si tus modificaciones no se ven del todo bien, vuelve a los ajustes del widget para solucionar problemas.
Recuerda siempre pulsar el botón Publicar para que el widget surta efecto en el frontend de tu web. También recomendamos revisar el frontend tú mismo para asegurarte de que los iconos sociales aparecen de la manera correcta.
Cómo añadir un fondo a tu pie de página de WordPress
Los fondos del pie de página son posibles con la ayuda de algunos plugins de pie de página y maquetadores de páginas. Sin embargo, también tienes la capacidad de colocar una imagen o un fondo de color detrás de tu pie de página usando los ajustes básicos que vienen con tu tema.
En caso de que todo lo demás falle, te mostraremos cómo insertar código CSS para añadir un fondo a tu pie de página de WordPress.
En primer lugar, comprueba los ajustes de tu tema para ver si las capacidades de fondo del pie de página vienen de serie. El tema Abletone, por ejemplo, ofrece una Imagen de fondo del pie de página dentro del personalizador de temas.
Todo lo que se requiere es que hagas clic en el botón Seleccionar imagen y busques una imagen en tu biblioteca de medios, subas una nueva desde tu ordenador o busques una foto de stock que se ajuste a tus necesidades.
Una vez subida, la imagen aparece como el fondo de tu pie de página de WordPress. Algunos temas ofrecen ajustes adicionales para estirar o crear un mosaico con la imagen, pero sin editar el CSS tú mismo, estás atado a cualquier ajuste que venga con el tema.
Sin embargo, si no tienes un tema, maquetador de páginas o plugin que haga el truco de añadir un fondo al pie de página, añadir código CSS se encarga de esta tarea independientemente de tu tema o maquetador de páginas.
Ve al personalizador de temas en WordPress, luego haz clic en el elemento de menú del botón CSS adicional.
Pega este código CSS en el campo, pero reemplaza YOURIMAGEURL con la URL de la imagen deseada:
footer { background: url(YOURIMAGEURL) repeat; }Puedes encontrar la URL de cualquier imagen en su vista de detalle después de haberla subido a tu biblioteca de medios.
Asegúrate de hacer clic en el botón Publicar para verlo en el frontend.
También puedes insertar otros fragmentos de código para cambiar cosas como el tamaño y el estiramiento o la repetición del fondo. Como puedes imaginar, añadir el código CSS es un poco menos sencillo que hacer clic en los botones del plugin, pero una búsqueda rápida en línea puede ayudarte a encontrar el código adecuado para tus necesidades.
Eliminación del texto «Funciona con WordPress»
En la sección anterior, cubrimos cómo eliminar el crédito de WordPress en tu pie de página de WordPress.com. Es un poco más complicado en un sitio de WordPress autoalojado, ya que la mayoría de los temas no ofrecen una forma de eliminar el crédito en la sección Identidad del sitio del personalizador de temas.
Por lo tanto, necesitamos buscar otras formas de eliminar el texto «Funciona con WordPress» en el pie de página.
Para abordar este proceso, lee nuestra guía detallada sobre cómo eliminar la etiqueta «Funciona con WordPress» en tu pie de página. Este artículo de la base de conocimientos cubre todos los siguientes temas:
- Por qué quizá quieras eliminar el mensaje «Funciona con WordPress»
- Cuándo quizá no quieras eliminarlo
- Métodos a evitar al intentar eliminar el crédito
- Cómo eliminar el crédito con un plugin
- Cómo eliminar manualmente el crédito «Funciona con WordPress»
- Reemplazar el crédito del pie de página con tu propio código
Editar el crédito del pie de página con un plugin es significativamente más fácil para el usuario medio de WordPress. Sin embargo, seguir la ruta manual garantiza que tienes control total sobre el pie de página y elimina la necesidad de tener otro plugin instalado en tu panel.
¿Es legal eliminar «Funciona con orgullo con WordPress»?
Teniendo en cuenta que WordPress hace que sea un poco complicado eliminar el texto «Funciona con orgullo con WordPress» de tu pie de página, quizá te preguntes si es correcto deshacerte del mensaje.
La respuesta es que eres más que bienvenido a eliminar el texto «Funciona con WordPress» en tu pie de página sin tener que preocuparte por repercusiones legales o violaciones de los Términos de Servicio de WordPress. Esto se debe a que el uso de WordPress cae bajo una GPL (Licencia Pública General), lo que significa que cualquiera puede redistribuir y alterar WordPress de la manera que considere oportuna.
En general, recomendamos encarecidamente eliminar el texto «Funciona con orgullo con WordPress», ya que no tiene nada que ver con tu marca y simplemente promociona a otra organización. Sí, es bueno difundir la palabra sobre WordPress, pero no a expensas de tu propia marca y del valioso espacio de tu web.
Ahora bien, los mensajes del pie de página mostrados por el desarrollador de tu tema son una historia diferente. Hablaremos de eso en la siguiente sección.
Cómo eliminar el texto «Funciona con el tema XYZ» en el pie de página de WordPress
Ahora sabemos que no te meterás en problemas con la ley ni con WordPress al eliminar el mensaje del pie de página «Funciona con orgullo con WordPress». Pero, ¿qué pasa con algunos de los desarrolladores de temas que ponen «Funciona con el tema XYZ» en el pie de página?
Por suerte, la gran mayoría de los temas de WordPress también caen bajo una Licencia Pública General, así que es completamente aceptable cortar ese texto y reemplazarlo con algo más adecuado para tu negocio. Sin embargo, es prudente comprobar con el desarrollador de tu tema para asegurarte de que no tengan un requisito en sus términos y condiciones de que mantengas el crédito de desarrollo en el pie de página.
Puedes hacer esto simplemente preguntando al desarrollador si el tema cae bajo una Licencia Pública General. Y si no lo hace, o tus términos y condiciones lo hacen un requisito de dejar el crédito, sugerimos buscar otro tema, ya que no es exactamente un elemento deseable de tener en tu web.
Entonces, ¿cómo eliminas el texto «Funciona con el tema XYZ» en tu pie de página?
Algunos plugins que eliminan el mensaje «Funciona con WordPress» también pueden eliminar cualquier mensaje insertado por el desarrollador del tema. Sin embargo, esto no es algo seguro.
Por lo tanto, sugerimos optar por uno de los siguientes métodos:
- Editar directamente los archivos del sitio del pie de página para eliminar el mensaje de crédito.
- Pedir al desarrollador que lo elimine por ti.
- Mejorar a la versión premium del tema.
Editar los archivos del sitio del pie de página requiere un poco de conocimiento técnico, pero a menudo puedes hacer esto en cuestión de minutos. Pedir al desarrollador que elimine el crédito de desarrollo del tema podría acabar funcionando, pero esencialmente estás esperando conseguir un desarrollador amable que esté dispuesto a guiarte por el proceso. Normalmente no ofrecerán esto si solo estás usando la versión gratuita de su tema.
La opción más fácil es mejorar a la versión premium de ese tema. Muchos desarrolladores de temas premium regalan versiones gratuitas y reducidas de sus temas con la esperanza de que mejores para obtener funciones mejoradas y más control.
Dado que mejorar a un tema premium y hablar con el desarrollador se puede hacer por tu cuenta, hablaremos principalmente de cómo editar los archivos del sitio del tema para deshacerte de ese mensaje de crédito.
Para empezar, echa un vistazo al pie de página de tu tema para confirmar si tienes un crédito de desarrollador en la parte inferior. Si es así, anota el texto exacto que se muestra, ya que esto podría ayudarte a encontrar el mensaje en los archivos de tu sitio.
Conéctate a los archivos del sitio usando un cliente FTP, como se mencionó anteriormente en este artículo. Cada desarrollador de temas difiere en dónde pone el crédito del pie de página, pero un buen lugar para empezar es /public/wp-content/themes.
Elige el tema que tienes activado en tu web.
Desde aquí, una opción es abrir footer.php en un editor de texto o IDE de PHP y buscar referencias al crédito del pie de página. Usa Buscar en el editor que elijas para escribir y buscar el texto exacto que aparece como mensaje de crédito en el pie de página.
Como con todos los temas, este podría no ser el archivo correcto del que eliminar el crédito del pie de página; depende completamente de cómo se construyó el tema. Si no tienes suerte con footer.php, continúa buscando en otra parte.
El archivo footer.php.
Uno de los lugares más comunes para encontrar el código de información del crédito del pie de página es en la carpeta /template-parts. Descubrimos que este era el caso del tema de prueba actual que hemos instalado para este tutorial.
Podemos ir al botón /footer y luego hacer clic en el archivo site-info.php. Ese site-info.php (o alguna variante de él) es un lugar común para almacenar la información del crédito del pie de página del tema.
Siéntete libre de eliminar los créditos del pie de página o reemplazarlos con otra cosa. Para esta situación, simplemente eliminaremos el hook de créditos y el código do_action credits en la parte inferior.
Y eso ha eliminado con éxito todo el crédito mostrado para el desarrollador del tema. Tampoco tuvo ningún efecto en el contenido del pie de página como nuestros widgets y menús.
Como se mencionó anteriormente, una forma de ocultar el crédito del pie de página mientras apoyas al desarrollador del tema y recibes funciones mucho mejores es mejorar a la versión premium del tema. Fíjate en un botón en tu panel para mejorar a una versión Pro, o ve al sitio del desarrollador para hacer un pago.
Cómo eliminar el pie de página de WordPress por completo
Aunque no se recomienda para la mayoría de los sitios, a veces tiene sentido eliminar el pie de página de WordPress por completo en ciertas situaciones.
Si descubres que un pie de página de WordPress causa demasiado desorden (lo cual es común con las páginas de aterrizaje), o si el pie de página no fue rastreado por los motores de búsqueda, sacar el pie de página de la ecuación por completo puede no ser una mala opción.
Sin embargo, ten en cuenta que no estás eliminando el pie de página de tus archivos de WordPress. El archivo footer.php es una parte central de los archivos de WordPress, así que deberías dejarlo. Sin embargo, podemos usar código CSS para decirle a WordPress que no muestre el pie de página y su contenido.
Para ocultar el pie de página de WordPress por completo, ve al personalizador de temas y haz clic en la pestaña CSS adicional.
El objetivo es pegar CSS para decirle a WordPress que no queremos ver el pie de página en nuestra web.
Estamos intentando ocultar todo en este ejemplo, desde la información de copyright hasta los créditos de WordPress y de los desarrolladores del tema. También puedes usar este método para ocultar elementos como widgets y menús dentro de tu pie de página.
Adelante y pega el siguiente código en el cuadro de CSS:
footer{
display:none;
}Esto le dice a WordPress que oculte todo dentro del archivo footer.php. El archivo permanece dentro de tu directorio de archivos, en caso de que quieras añadir contenido de nuevo en el futuro.
La vista previa del personalizador de temas debería mostrar ahora un espacio en blanco. Asegúrate de pulsar el botón Publicar para ver los resultados en el frontend.
Aunque ese CSS debería funcionar para la mayoría de los temas, el desarrollador del tema puede tener una configuración de archivos diferente. Otra forma de eliminar potencialmente la mayor parte del contenido del pie de página es usando el siguiente código en lugar del código descrito anteriormente:
.site-info { display:none; }Es menos probable que esta opción funcione, pero no es inaudito que los desarrolladores de temas hagan un archivo llamado site-info.php en una carpeta template-parts del pie de página.
Resumen
Los pies de página de WordPress sirven para muchos propósitos, desde añadir botones de redes sociales hasta mostrar entradas recientes del blog, páginas de soporte y formularios. El objetivo es aprovechar este espacio extra, ya que no es aconsejable llenar tu menú principal con demasiados enlaces o intentar llenar tu barra lateral con una avalancha de contenido.
Has aprendido muchas formas de editar un pie de página de WordPress. ¡Esperamos que ahora puedas editar y personalizar con éxito los pies de página en cualquier sitio de WordPress!
¡Háznoslo saber en los comentarios de abajo si tienes alguna pregunta sobre la edición del pie de página en WordPress!
