Dado que un pie de página de WordPress es tan útil, en algún momento debes 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 preestablecido 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 lo que puede ir en uno.
Los pies de página tienen una larga historia de contener cualquier información que no quepa en el menú principal de un sitio web. Desde enlaces a documentos de soporte y páginas de redes sociales, varios elementos van bastante bien en un pie de página.
Comencemos.
Consulta Nuestro Videotutorial para Editar el Pie de Página de WordPress
¿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 sitios web y sistemas de gestión de contenidos ofrecen la posibilidad 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 preestablecido que generalmente viene con el tema que se instala.
Un pie de página de WordPress se encuentra en la base de tu sitio web. Es un área de contenido estático que se muestra en la parte inferior, independientemente de la página en la que el usuario aterrice. Aunque no es tan visitado como la cabecera, el pie de página sigue siendo muy importante para proporcionar a los usuarios botones de redes sociales, enlaces de atención al cliente e información de contacto.
En general, si haces un sitio web en WordPress, puedes esperar ver un pie de página colocado en su diseño por defecto. 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 publicaciones del blog, insignias de seguridad e incluso formularios e imágenes.
El pie de página es como la conclusión de todo tu sitio web. Muestra los enlaces y la información esencial para quienes se interesan y profundizan en su contenido. Por último, el pie de página completa el diseño general de tu sitio, como la última diapositiva de una presentación de diapositivas o la conclusión de un discurso.
Razones para tener (y editar) un pie de página de WordPress
Es tentador olvidarse del pie de página o dejarlo como el último elemento que se diseña. Muchas personas incluso quieren eliminar sus pies de página ya que no ven mucho valor en ellos. Este no es el mejor plan. El pie de página tiene valor, incluso si no se ve o no se hace clic en él tanto como en el menú principal o en las áreas de contenido principal.
Para que te hagas una idea de lo que hace que un pie de página sea valioso, 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 adapte a tu marca.
- El pie de página de WordPress ofrece un módulo estático que se muestra en todas las páginas de tu sitio web, por lo que es más visible que una página estándar que desaparece cuando alguien hace clic.
- Completa el diseño del sitio web, tanto visualmente como en tus archivos de WordPress. Le dice a WordPress dónde debe terminar su código e indica a los usuarios cuándo termina el contenido. Por no hablar de que hace que la interfaz sea más limpia.
- Muchos usuarios de Internet esperan que haya enlaces y contenidos específicos en el pie de página, por lo que irán directamente a él para encontrarlos. Piensa en los enlaces de soporte y los botones de las redes sociales.
- El pie de página ofrece más oportunidades de conversión y compromiso, como una llamada a la acción al final de una entrada del blog. Puedes añadir formularios, enlaces a otros contenidos o incluso el eslogan de la empresa.
- Es un lugar para incluir enlaces importantes que no pueden ser incluidos en el menú principal.
Ahora que conocemos los beneficios de usar un pie de página, entra en juego la gran pregunta de qué colocar en el pie de página. Todos los temas difieren, pero es común ver un mensaje «Powered by 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 prefabricados o mensajes sobre quién ha hecho el tema.
Nada de eso es malo, pero el objetivo es personalizar el pie de página de WordPress para enlazar con tus páginas valiosas, incluir contenido relacionado con tu marca y eliminar el contenido por defecto, como los mensajes de los desarrolladores de temas o de WordPress. También es conveniente ajustar el estilo para que coincida con tu marca con fuentes y colores personalizados.
Así que, ¿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 boletín o a las actualizaciones de tu blog
- Enlaces a recursos de asistencia al cliente, como preguntas frecuentes, artículos de la base de conocimientos y foros
- Enlaces de iconos para descargar productos digitales como aplicaciones y podcasts
- Una lista de los próximos eventos
- Una lista de artículos recientes del blog
- Enlaces a programas de fidelización y afiliación
- Enlaces a páginas informativas, como la página de «Quiénes somos» o la de «Carrera».
- Insignias e iconos para promocionar tu reputación, tus premios anteriores o la seguridad del sitio
- Iconos de redes sociales que enlazan con las páginas
- Un mapa del sitio completo para facilitar la navegación por tu sitio web
- Declaraciones legales como reclamaciones de derechos de autor, políticas de privacidad y términos y condiciones
- Información de contacto, como tu dirección, ubicación, número de teléfono y horario de atención, o un formulario de contacto
- Un cuadro de búsqueda para mejorar la navegación
- Cualquier otra página adicional que no quepa en tu menú principal pero que 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 un sitio web de WordPress.org (autoalojado). En las siguientes secciones, hablaremos sobre la edición de un pie de página en WordPress utilizando el personalizador de temas, widgets, plugins y código. Además, hablaremos de la gestión del pie de página de WordPress con un constructor de páginas visual como Elementor.
Editar 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 utilizando el personalizador de temas de WordPress. La configuración del personalizador de temas varía en función del tema elegido, pero el propio personalizador siempre se encuentra en la ubicación exacta del panel de control de WordPress.
Para comenzar 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 que se encuentra debajo del tema actualmente activo.
No dudes en cambiar de tema para ver cómo cambian los pies de página de un tema a otro.
Como una alternativa ligeramente más rápida, también puedes hacer clic en Apariencia > Personalizar, que le lleva directamente al personalizador de temas de WordPress para el tema activo.
El personalizador de temas de WordPress presenta una imagen de tu sitio web en el lado derecho y varios elementos de menú en la izquierda que conducen a las herramientas de configuración y personalización. Una vez más, cada tema tiene diferentes opciones de personalización, por lo que tu pantalla puede ser un poco diferente de lo que está en nuestras capturas de pantalla.
Un lugar maravilloso para comenzar con la personalización de tu pie de página es con los colores.
Nuestro tema actual tiene un botón de Colores, lo que facilita la identificación de dónde tenemos que 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 cabecera y pie de página.
Utiliza el selector de colores para probar todos los tipos de colores y ver cuáles coinciden con tu marca o quedan bien al final de tu página.
Con este tema en particular, cualquier modificación de color en realidad ajusta los colores de las fuentes también, haciendo que se vean claras 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 las fuentes de los enlaces, los encabezados y el texto de los párrafos, eliminando la necesidad de hacerlo por tu cuenta.
Ahora vamos a probar 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 aparecen en el tema Twenty Twenty.
Por lo tanto, tu tema dicta cuánto control tiene 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 lo que hay disponible para personalizar el pie de página.
A diferencia del tema anterior, Storefront no cambia automáticamente los colores del texto y de los enlaces cuando se ajustan los colores de fondo. Sin embargo, puedes controlar todos estos colores por sí mismos, con campos para el color de fondo, el color de los encabezados, el color del texto y el color de los enlaces.
Una rápida selección revela los resultados en nuestra vista previa del pie de página de WordPress. Después de esto, debes hacer clic en el botón Publicar para ver los nuevos colores de pie de página en la parte delantera.
¿Pero qué pasa con los enlaces y elementos de texto que se presentan por defecto en el pie de página?
De nuevo, el método principal para ajustar el contenido del pie de página es en el Personalizador de WordPress. En las próximas secciones, explicaremos cómo añadir y eliminar contenido de texto y enlaces del pie de página utilizando dos métodos: como elementos de menú y como widgets.
Cómo añadir widgets al 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 tienen muchas funciones, junto con varias ubicaciones para ellos, incluyendo la barra lateral y el pie de página, siempre que tu tema lo soporte.
De vuelta en el Personalizador de WordPress, busca la pestaña de Widgets.
Examina la lista de áreas para colocar widgets en tu sitio 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 área para colocar widgets. Si no es así, hay otras formas de editar el pie de página, aunque si prefieres los widgets, considera cambiar a un tema diferente que permita los widgets dentro del pie de página.
Este tema ofrece en realidad cuatro ubicaciones de widgets en el pie de página, dispuestas en cuatro columnas apiladas una al lado de la otra para conseguir un formato bonito que permita encajar todo el contenido posible dentro del pie de página.
Haz clic en cualquiera de las ubicaciones de los widgets del pie de página para revelar 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 el tema. Una vez más, es posible que veas un conjunto completamente diferente de widgets, teniendo en cuenta 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 de control.
Los widgets más comunes van desde los archivos hasta el audio y el HTML personalizado, pasando por los filtros de productos.
Todo lo que tienes que hacer es seleccionar los widgets que quieres añadir a esta área de widgets en particular. Aparecerán en el lado izquierdo para que los reorganices y configures sus ajustes individuales.
Tras un rápido trabajo, hemos colocado varios widgets en tres de los módulos de la columna del pie de página, incluyendo un menú principal, una lista de publicaciones recientes y algunos de los productos de nuestra tienda. También verás que hemos añadido una barra de búsqueda para facilitar la navegación a nuestros usuarios.
Un área importante a tener en cuenta es la sección de configuración del widget. Cada widget tiene su propia configuración 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 la configuración del tema, no todos los temas tienen formas de añadir menús directamente al área del pie de página usando la configuración estándar de Añadir Menú. Nuestro tema aquí, por ejemplo, tiene puntos para activar menús como primarios, secundarios, de mano y móviles, 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 manera habitual.
Básicamente, todo lo que tienes que hacer es ir a uno de tus módulos de widgets de pie de página y buscar el widget de menú de navegación. Aquí, puedes hacer clic en un campo desplegable para ver todos los menús creados en tu sitio web. No dudes en generar un menú específico para tu pie de página (en la sección Menús del panel de control) y añadirlo como widget en esta sección.
Como alternativa, opta por el menú principal, o por los menús que hayas creado. Todos ellos deberían aparecer en el menú desplegable del widget.
Después de eso, el menú que elijas aparecerá en el pie de página, siempre y cuando hayas añadido el widget de Menú de Navegación en la zona derecha 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 lo que contienen los siguientes enlaces.
Cómo insertar texto, imágenes y código personalizados como widgets de pie de página
Muchos widgets de WordPress ofrecen listas preconfiguradas de contenido, como el widget de Entradas recientes o la Barra de búsqueda.
Sin embargo, a veces puedes querer editar el pie de página de WordPress para incluir contenido totalmente personalizado, como un simple texto, imágenes o un poco de código, para crear algo completamente nuevo.
WordPress proporciona un widget para cada uno de ellos.
Todo lo que hay que hacer es ir al Personalizador de Temas > Widgets. A continuación, elige el área de widgets que refleje 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 de imagen y personaliza el título. Haz clic en Añadir Imagen, y luego considera incluir también un enlace a la imagen. Puede 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 de 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, muy parecido al que recibes cuando haces una entrada de blog o una página en WordPress. Hemos intentado insertar imágenes a través del widget de texto (ya que es técnicamente posible) pero muchos temas no lo permiten.
Por último, puede que el uso de un widget HTML personalizado sea la mejor opción, especialmente si deseas tener un control total sobre el diseño del pie de página o incorporar un diseño único para algo como un formulario de registro de correo electrónico.
Para ello, busca «HTML» en la biblioteca de widgets y elige el widget HTML personalizado.
Pega o escribe tu HTML personalizado y observa la vista previa del lado derecho para asegurarte de que tienes el aspecto deseado. Es posible que también tengas que añadir algo de estilo CSS para que aparezca como quieres.
Como siempre, recuerda hacer clic en el botón Publicar al final.
Añadir menús al pie de página de WordPress
Los menús se crean en WordPress yendo a Apariencia > Menús. Una vez que hayas establecido un menú, está listo para añadir, al menos las ubicaciones soportadas por tu tema elegido.
También es posible crear tu menú dentro del Personalizador de WordPress, así que sólo depende de dónde te sientas más cómodo para añadir nuevas páginas y enlaces a tus menús.
Mira Nuestro Videotutorial para Añadir Menús en el Pie de Página de WordPress
Como recordatorio, no todos los temas de WordPress permiten menús dentro del pie de página. De hecho, algunos de ellos sólo tienen una o dos ubicaciones de menú, así que tendrás que comprobar si tu tema admite menús. Si no es así, vuelve a la sección anterior para ver una solución que utiliza un widget para incorporar un menú en el pie de página.
Si utilizas 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ús vacía con varios botones para decidir. Uno de los botones te permiten seleccionar qué menús revelar y dónde mostrarlos. La pestaña Ver todas las ubicaciones comparte dónde se admiten los menús en tu tema.
Por último, el botón Crear nuevo menú funciona de forma muy parecida al panel de creación de menús estándar en el panel de control, excepto que no requiere que salgas del Personalizador.
Haz clic en el botón Crear nuevo menú. Si ya tienes un menú preparado, puede añadirlo al pie de página yendo a Ver todas las ubicaciones.
Nombra tu menú (en este caso iremos con el nombre obvio de Footer) y marca la casilla llamada Footer Menu. Esto le dice a WordPress que quieres que el menú de pie de página que cree se muestre en la ubicación de pie de página. Son cosas separadas; una es el menú real y la otra es la región de tu sitio web donde va el menú. Es más que bienvenido a cambiar el nombre de tu menú de pie de página si lo encuentras 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 botones o enlaces que lo conviertan en un menú realmente funcional.
Haz clic en el botón Añadir elementos para empezar a colocar enlaces y botones en las páginas de tu menú.
Aparecerá 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, entradas de tu blog, páginas de tu propio sitio (páginas ya creadas), productos, etiquetas y categorías, junto con cualquier otro tipo de páginas de contenido que tengas.
Cada elemento del menú que elijas se colocará y mostrará en el panel del menú, donde podrás reorganizarlos y hacer clic en cada uno de ellos para editar su configuración individual. En este ejemplo, hemos añadido cinco enlaces a páginas de nuestro sitio web, como el blog, una página de transmisión en directo y una página sobre la empresa.
Consulta nuestra lista al principio de este artículo para obtener ideas sobre qué incluir en tu pie de página.
Editar el pie de página en WordPress con plugins
WordPress ya cuenta con herramientas integradas para modificar el pie de página, pero el grado en el que puedes editar el pie de tu sitio en particular depende del tema que elijas y de si quieres o no meterte con algún código.
Consulta Nuestro Videotutorial sobre los Mejores Plugins para el Pie de Página
Como aprenderás más adelante en este artículo, eliminar el texto «Powered By» por defecto requiere que intervengas en el archivo footer.php y elimines algo de código. Por lo tanto, 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 nuevo tema.
Ahí es donde entran en juego los plugins de WordPress. Bastantes plugins ofrecen funciones de edición y expansión del pie de página para eliminar la necesidad de editar el código manualmente y, a veces, para realizar cambios rápidos en el pie de página, como con los colores y las columnas.
Los plugins de pie de página de WordPress que recomendamos son los siguientes:
- Footer Mega Grid Columns – Este plugin arregla cualquier problema que tengas con un tema en el que el pie de página carece de un formato de cuadrícula con tres columnas. Algunos temas sólo ofrecen una o dos columnas, mientras que otras veces el pie de página es eliminado completamente del tema. Footer Mega Grid Columns añade un widget de pie de página para mostrar no sólo tres columnas, sino otras adicionales si es necesario.
- Remove Footer Credit – Utiliza este plugin para eliminar completamente el crédito del pie de página colocado allí por WordPress o por el desarrollador de su tema. También tiene la opción de escribir stu propio código HTML para crear un crédito de pie de página o un poco de contenido que es 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 los usuarios intermedios de WordPress que prefieren tener acceso a las áreas de codificación del pie de página y del encabezado en el tablero, en lugar de abrir los archivos del sitio. Puedes añadir un número ilimitado de estilos y scripts al pie de página, lo que suele ser muy útil para mostrar información después de cada entrada o página del blog.
- Footer Putter – Utiliza este plugin para insertar un widget para la información de derechos de autor o para tus marcas comerciales. Esta es una solución bastante útil para colocar detalles sobre tu empresa en el área de pie de página, incluyendo cosas como enlaces, horarios de trabajo, 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 frontend y backend para cambiar lo que hay en tu pie de página. Viene con un editor WYSIWYG (What You See Is What You Get), por lo que es posible formatear el texto y potencialmente añadir elementos como imágenes.
En las siguientes secciones, exploraremos cómo utilizar algunos de estos plugins para tareas como añadir botones de redes sociales o insertar código personalizado en el pie de página de WordPress.
Editar manualmente el pie de página de WordPress con código
Una forma más técnica de editar el pie de página de WordPress implica entrar en el archivo footer.php y editar su contenido.
Debes tener experiencia con la codificación -o ganas de aprender– para que este método te resulte útil, pero hay algunos ajustes menores que todos los principiantes pueden manejar (principalmente sólo eliminar el texto preestablecido 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 al archivo footer.php, enlaza con los archivos de tu sitio WordPress utilizando un cliente FTP. También recomendamos consultar este artículo sobre cómo utilizar SFTP para enlazar con WordPress, ya que SFTP es más seguro que FTP.
Una vez conectado a los archivos de tu sitio WordPress a través de tu cliente FTP, localiza la carpeta /public. Haz clic en /wp-content y luego en /themes para ver todos los temas instalados actualmente en tu panel de control de WordPress. Observa qué tema está activo en el sitio y abre la carpeta correspondiente.
Todos los temas de WordPress tienen un archivo footer.php en algún lugar de la carpeta del tema. Desplázate por el lote de archivos para localizar ese 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 quieras conseguir. La sección get_template_part suele modificarse para insertar nuevos fragmentos de texto, pero lo dejaremos a tu criterio ya que cada pie de página es diferente.
Como alternativa, puedes editar el código del pie de página utilizando un plugin que muestra un campo visual para el archivo footer.php. De esta manera, no tienes que instalar un cliente FTP y vincularlo a tu sitio web. También es un proceso más intuitivo y fácil de usar para los principiantes que permanece disponible en tu panel de control en todo momento para futuras ediciones.
Para ello, instala y activa el plugin Header Footer Code Manager.
Una vez instalado, haz clic en la pestaña HFCM que aparece en el panel de control de WordPress. A continuación, nombra el fragmento, elige dónde quieres que se muestre y establece la ubicación como Pie de página.
La parte más importante es el campo Snippet/Código, que rellenarás con el código que quieras. Algunas personas utilizan este plugin para cosas como los códigos de verificación o de seguimiento que no aparecen en la parte frontal. Sin embargo, también está disponible para que lo utilices para escribir un nuevo texto y obtener un control casi total sobre el contenido de tu pie de página.
Asegúrate de hacer clic en el botón Guardar para ver los resultados.
Utilizar un constructor de páginas con diseñador de pies de página
Una forma adicional de modificar el pie de página de WordPress, sin necesidad de código o de muchas de las herramientas estándar de pie de página de WordPress, es con un constructor de páginas. No todos los constructores de páginas ofrecen editores de pie de página, por lo que es importante realizar una investigación y asegurarte de que tu constructor de páginas actual lo ofrece o el que planeas comprar tiene características de pie de página.
Mira Nuestro Videotutorial para Editar el Pie de Página de WordPress con Constructores de Páginas
En cualquier caso, esta es una característica relativamente básica para un constructor de páginas, por lo que es una buena idea sólo ir a por un constructor de páginas si planeas personalizar todo tu sitio con él.
Algunos otros constructores de páginas ofrecen la edición del pie de página, pero nuestros favoritos son 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 sitio web con la versión gratuita, pero el verdadero constructor de arrastrar y soltar para el pie de página requiere una actualización.
Una vez instalado, haz clic en el botón Páginas de tu panel de control. Desplázate por las páginas que quieras editar y selecciona el enlace Editar con Visual Composer en cualquiera de ellas.
Esto hace que aparezca el diseñador 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 en la izquierda.
Una de las formas más fáciles de implementar un bonito 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 lo que hay disponible, puedes hacer clic en la pestaña 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 gran biblioteca de plantillas, todas clasificadas bajo filtros para cosas como Elementos, Plantillas, Bloques y Pies de página.
Elige la pestaña Pies de página para mostrar todas las plantillas de pies de página prefabricadas.
Una vez más, esta parte de Visual Composer requiere la versión Pro. Una vez activa, puedes desplazarte por las docenas de plantillas de pie de página para implementarlas en tu sitio web y editarlas a tu gusto.
Uno de los otros constructores de páginas con herramientas de edición de pies de página se llama Elementor. Al igual que Visual Composer, Elementor ofrece un completo constructor de sitios web para construir páginas de inicio, páginas de productos, pies de página y mucho más.
Ten en cuenta que recibes bloques de contenido de pie de página de forma gratuita con este método, pero el constructor de pie de página real utiliza la versión Pro de Elementor. Al igual que Visual Composer, es necesario actualizar para obtener la funcionalidad completa.
Para empezar, instala y activa tanto Elementor como los plugins Elementor Header Footer y Blocks Template.
Haz clic en Plantillas > Constructor de temas para abrir el completo constructor de sitios web de Elementor.
Aquí verás un menú para editar varias partes de tu sitio, como el encabezado, el pie de página y las páginas individuales.
Selecciona las partes de tu sitio que desea personalizar en el menú de la izquierda o con los botones de iconos en el centro de la página. Como puedes ver, hay un enlace al pie de página en dos lugares.
El editor de pie de página funciona de forma similar a cualquier otro editor de 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 cuando se utiliza Elementor, lo que lo convierte en una de las opciones más flexibles y deseables cuando se trata de controlar el pie de página y 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 los encabezados y los pies de página. En cuanto a los bloques de pie de página, puedes elegir entre módulos como información de copyright, imágenes, títulos del sitio y eslóganes.
Para utilizar estos bloques, ve a Apariencia > Encabezado pie de página y bloques en el panel de control.
También puedes crear un bloque único y elegir editarlo en el constructor de páginas de Elementor. Una vez en Elementor, desplázate hacia abajo hasta la colección de bloques para Encabezados Pies de página y Bloques, y luego arrastra cualquiera de estos elementos a tu diseño actual para activar algunos de los elementos de contenido más comunes dentro de un pie de página. Como se ha mencionado, en estos bloques puedes encontrar de todo, desde barras de búsqueda hasta logotipos del sitio e iconos de carros de la compra, pasando por texto de copyright.
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 con unos pocos clics. Los métodos para editar los pies de página en WordPress.com son algo similares a los de la versión autoalojada de WordPress.org, pero con algunas diferencias.
Mira Nuestro Videotutorial para Editar un Pie de Página en WordPress.com
En primer lugar, la interfaz no es exactamente igual.
Debes acceder a tu panel de control de WordPress.com y gestionar tu pie de página en el personalizador de temas. Por suerte, muchos de los temas que se ofrecen para WordPress.com son similares o exactamente iguales a los que encontrarías para WordPress.org. Sin embargo, eso también significa que la forma de editar 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 debes averiguar si tu tema incluye un área de pie de página para colocar widgets. Haz clic en las pestañas de Widgets para averiguarlo.
El tema actual que estamos utilizando proporciona un módulo de widgets a pie de página. Si no ves una opción para poner widgets en el pie de página, considera probar un nuevo tema, o utiliza menús en lugar de widgets.
Para este ejemplo (con un área de widget de 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 empresa.
Una vez más, el tema dicta cuántos widgets puedes colocar en el pie de página sin que parezca demasiado desordenado. Parece que este tema en particular permite unas tres columnas de widgets antes de que el diseño empiece a parecer desordenado.
Para nuestro ejemplo, elegiremos un widget de información de contacto y mapa, junto con un widget de seguimiento del blog, que pide a los visitantes que se registren con sus direcciones de correo electrónico.
La vista previa de la derecha muestra los widgets en acción. Recomendamos recorrer el panel de ajustes de cada widget para configurar elementos individuales como el texto de visualización 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 la parte frontal de tu sitio 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. Por lo general, puedes eliminar el título del sitio si lo deseas, pero la eliminación del crédito de WordPress requiere que pagues el Plan de Negocios.
Para modificar estos dos elementos, haz clic en el botón Identidad del sitio.
En primer lugar, dirígete a la parte inferior de la configuración para encontrar el campo Crédito a pie de página. Haz clic en ese desplegable para que aparezcan todas las opciones posibles.
Todos los créditos tienen algún tipo de referencia a WordPress. Un crédito de WordPress no es un gran problema si tienes un blog personal o un diario en línea, pero te sugerimos que pases al plan de negocios y elimines el crédito si tu sitio es para un negocio legítimo.
Después de eso, puede hacer clic en el menú desplegable y elegir la opción Ocultar para deshacerse del crédito por completo.
El crédito desaparece entonces en la vista previa, dejando los widgets que hayas añadido al pie de página junto con el título del sitio.
Algunos temas tienen la capacidad de eliminar el título del sitio del pie de página también. La forma más fácil es desmarcar la casilla Mostrar el título del sitio y el lema. Esto elimina el título del sitio en el pie de página y potencialmente en la cabecera. Para la cabecera, recomendamos subir un logotipo de todos modos.
Otros temas tienen diferentes formas de eliminar el título del sitio y el eslogan. A veces no es posible, mientras que otras veces el título del sitio no está incluido en el pie de página, para empezar. En caso de duda, intenta eliminar lo que hay dentro del campo Título del sitio si no tienes marcada la casilla Mostrar título del sitio y lema.
Otra forma de insertar contenido en el pie de página de WordPress es utilizando el panel de menús. No todos los temas permiten incluir menús en el pie de página, pero es una buena idea al menos comprobarlo.
Haz clic en la pestaña Menús para continuar.
Selecciona Ver todas las ubicaciones. Esto hace que aparezca una lista de los lugares en los que puede colocar los menús en este tema en particular.
Para nuestro tema de ejemplo, tenemos bastantes opciones de ubicación de menús, una de las cuales es para el pie de página. No tendrás tanta suerte con todos los temas que encuentres, así que prepárate para cambiarlos o considera usar la técnica del widget para editar el pie de página.
Con los temas que admiten menús de pie de página, haz clic en el campo desplegable Pie de página.
Hemos escogido un menú social prefabricado para el pie de página. Siéntete libre de seleccionar el enlace Crear nuevo menú si aún no tienes un menú adecuado.
El resultado es un simple menú de texto/enlace que aparece por encima de los widgets que ya has añadido al pie de página. Es posible que no puedas añadir widgets a tu tema, por lo que puede que no veas exactamente el mismo formato.
Ten en cuenta que todos los menús son simplemente listas de texto y enlaces, por lo que no podrás incorporar algo como un menú de iconos de redes sociales a menos que consideres un plugin separado que lo soporte.
Cómo añadir iconos de redes sociales al pie de página de WordPress
Un pilar de la zona de pie de página es la clásica lista de botones de redes sociales. Muchos sitios web los añaden en sus menús principales, pero también es una magnífica idea tenerlos en la parte inferior de tu sitio web, o como alternativa a la colocación de los botones sociales en la parte superior de tu sitio. En general, si crees que la cabecera ya está abarrotada, opta por colocarlos en el pie de página.
Muchos plugins ofrecen widgets para añadir iconos de redes sociales y enlaces al pie de página y a la cabecera. Por lo tanto, te sugerimos que te alejes de cualquier codificación personalizada aquí.
Aunque existen muchos plugins de iconos sociales, 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 valorada es la llamada Social Icons Widget & Block de WPZoom. Tiene más de 400 iconos para las redes sociales y otras plataformas, junto con un widget para colocar sus iconos directamente en tu pie de página. No sólo eso, sino que puedes subir tus propios iconos personalizados y cambiar la configuración de colores y tamaños.
Después de instalar el plugin, puedes ir a la página de configuración 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 hemos mencionado anteriormente en el artículo, la única manera de evitar un tema que no tiene un widget de pie de página es encontrar un nuevo tema o personalizar el pie de página.
Busca y haz clic en la pestaña Widgets para continuar.
Este tema tiene dos áreas para añadir widgets al pie de página. Este no es el caso de todos los temas, por lo que puedes encontrarte con que tu tema no tiene áreas de widgets en el pie de página. Por otro lado, puede que tengas suerte y tengas cuatro o cinco espacios para colocar widgets en el 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 un sinfín de widgets -o al menos los que tengas instalados- al pie de página.
Haz clic en el botón Añadir un widget para mostrar el menú de widgets disponibles.
El menú deslizante ofrece una barra de búsqueda y una lista de posibles widgets. Desplázate hacia abajo para localizar el widget llamado Social Icons By WPZOOM.
Ahora deberías ver los iconos y botones de las redes sociales por defecto en la vista previa de tu sitio web.
Sin embargo, todavía tendrá que personalizar la configuración de estos botones para establecer el tamaño de los mismos, el color y los enlaces a los que quiere que conduzcan.
Comienza escribiendo un título para el widget, que aparecerá en el pie de página (también puedes dejarlo en blanco si lo deseas). Continúa especificando los 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 del fondo y el relleno. También puedes elegir el tamaño y el color del icono. Ten en cuenta que debe 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.
El campo Iconos ya tiene algunos iconos sociales por defecto para ti. Haz una lista de los sitios de redes sociales que manejas para tu empresa, y copia y pega los enlaces en los campos respectivos. Elimina los iconos que no tengan 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 los colores de los iconos, los colores de hover y la fuente del kit de iconos. El kit principal se llama Socicons, pero varios otros kits vienen con el plugin de forma gratuita. Haz clic en el menú desplegable Select Icon Kit para ver tus opciones.
Por último, echa un vistazo a los iconos que se proporcionan con cada kit. Es posible que muchos de ellos ni siquiera los reconozca, así que limítese a los que ejecute activamente y que aporten valor a tus clientes.
En nuestro ejemplo, elegiremos el icono de YouTube para añadirlo también al 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, además de añadir un icono social adicional. Si las alteraciones no se ven del todo bien, vuelve a la configuración del widget para resolver los problemas.
Recuerda siempre pulsar el botón Publicar para que el widget tenga efecto en el frontend de tu sitio web. También te recomendamos que compruebes tú mismo el frontend para asegurarte de que los iconos sociales aparecen de forma correcta.
Cómo añadir un fondo a tu pie de página de WordPress
Los fondos de pie de página son posibles con la ayuda de algunos plugins de pie de página y constructores de páginas. Sin embargo, también tienes la posibilidad de colocar una imagen o un fondo de color detrás de tu pie de página utilizando la configuración básica que viene con tu tema.
Consulta Nuestro Videotutorial sobre Cómo Añadir un Fondo al Pie de Página de WordPress
En caso de que todo lo demás falle, le mostraremos cómo insertar código CSS para añadir un fondo al pie de página de WordPress.
Antes de nada, comprueba la configuración de tu tema para ver si las funciones de fondo de pie de página vienen de serie. El tema Abletone, por ejemplo, ofrece una pestaña de imagen de fondo a pie de página dentro del personalizador de temas.
Todo lo que se necesita es hacer clic en el botón Seleccionar imagen y buscar una imagen en tu biblioteca multimedia, cargar una nueva desde tu ordenador o buscar una foto de archivo que se adapte a tus necesidades.
Una vez cargada, la imagen aparece como fondo del pie de página de WordPress. Algunos temas ofrecen configuraciones adicionales para estirar o embaldosar la imagen, pero si no editas el CSS tú mismo, te quedas con la configuración que viene con el tema.
Sin embargo, si no tienes un tema, un constructor de páginas o un plugin que haz 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 constructor de páginas.
Ve al personalizador de temas en WordPress y haz clic en el elemento de menú CSS adicional.
Pega este código CSS en el campo, pero sustituye el YOURIMAGEURL por la URL de tu imagen deseada:
footer { background: url(YOURIMAGEURL) repeat; }Puedes encontrar la URL de cualquier imagen en tu vista de detalles después de haberla subido a tu biblioteca multimedia.
Asegúrate de hacer clic en el botón Publicar para verlo en la portada.
También puedes insertar otros trozos de código para cambiar elementos como el tamaño y el estiramiento del fondo o la repetición. Como puedes imaginar, añadir el código CSS es un poco menos sencillo que hacer clic en los botones de los plugins, pero una rápida búsqueda en Internet puede ayudarte a encontrar el código adecuado para tus necesidades.
Eliminación del texto «Powered by WordPress»
En la sección anterior, cubrimos cómo eliminar el crédito de WordPress en su 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 manera de eliminar el crédito en la sección de Identidad del Sitio del Personalizador de Temas.
Por lo tanto, debemos buscar otras formas de eliminar el texto «Powered by WordPress» en el pie de página.
Para abordar este proceso, lee nuestra guía en profundidad sobre la eliminación de la etiqueta «Powered By WordPress» en tu pie de página. Este artículo de la base de conocimientos cubre todos los temas siguientes:
- Por qué puede querer eliminar el mensaje «Powered By WordPress»
- Cuando no quieras quitarlo
- Métodos que deben evitarse al intentar eliminar el crédito
- Cómo eliminar el crédito con un plugin
- Cómo eliminar manualmente el crédito «Powered By WordPress»
- Sustituir el crédito del pie de página por su propio código
Editar el crédito del pie de página con un plugin es mucho más fácil para el usuario medio de WordPress. Sin embargo, la ruta manual te asegura un control total sobre el pie de página, y elimina la necesidad de tener otro plugin instalado en tu panel de control.
¿Es legal eliminar «Proudly Powered by WordPress»?
Teniendo en cuenta que WordPress hace que sea un poco difícil eliminar el texto «Proudly Powered by WordPress» de tu pie de página, puedes preguntarte si es kosher para deshacerse del mensaje.
La respuesta es que puedes eliminar el texto «Powered by WordPress» del pie de página sin tener que preocuparte por las repercusiones legales o por la violación de las condiciones de servicio de WordPress. Esto se debe a que el uso de WordPress se encuentra bajo la licencia GPL (General Public License), lo que significa que cualquiera puede redistribuir y alterar WordPress de la forma que considere oportuna.
En general, recomendamos encarecidamente que se elimine el texto «Proudly Powered by WordPress», ya que no tiene nada que ver con tu marca y simplemente promueve otra organización. Sí, está bien dar a conocer WordPress, pero no a costa de tu propia marca y del valioso espacio del sitio web.
Ahora, los mensajes de pie de página mostrados por el desarrollador de tu tema son una historia diferente. Hablaremos de ello en la siguiente sección.
Cómo eliminar el texto «Powered by XYZ Theme» en el pie de página de WordPress
Ahora sabemos que no tendrás problemas con la ley ni con WordPress al eliminar el mensaje de pie de página «Proudly Powered by WordPress». Pero, ¿qué pasa con algunos de los desarrolladores de temas que ponen «Powered by XYZ Theme» en el pie de página?
Por suerte, la gran mayoría de los temas de WordPress están sujetos a una licencia pública general, por lo que es totalmente aceptable eliminar ese texto y sustituirlo por algo más adecuado para tu negocio. Sin embargo, es prudente volver a comprobar con el desarrollador del tema para asegurarse de que no tienen un requisito en sus términos y condiciones que estipula que se mantenga el crédito de desarrollo en el pie de página.
Puedes hacerlo simplemente preguntando al desarrollador si el tema está bajo una licencia pública general. Y si no lo hace, o sus términos y condiciones hacen que sea un requisito dejar el crédito, sugerimos buscar otro tema, ya que no es exactamente un elemento deseable para tener en tu sitio web.
¿Cómo se puede eliminar el texto «Powered by XYZ Theme» en el pie de página?
Mira Nuestro Videotutorial para Eliminar «Powered by WordPress» de tu Pie de Página de WordPress
Algunos plugins que eliminan el mensaje «Powered by WordPress» también pueden eliminar cualquier mensaje insertado por el desarrollador del tema. Sin embargo, esto no es algo seguro.
Por ello, te sugerimos que opte por uno de los siguientes métodos:
- Edita directamente los archivos del pie de página del sitio para eliminar el mensaje de crédito.
- Pide al promotor que lo elimine por ti.
- Actualiza a la versión premium del tema.
Editar los archivos del pie de página del sitio requiere un poco de conocimiento técnico, pero a menudo se puede hacer en cuestión de minutos. Pedirle al desarrollador que elimine el crédito de desarrollador del tema podría terminar funcionando, pero básicamente esperas conseguir un desarrollador amigable que esté dispuesto a guiarte en el proceso. Por lo general, no ofrecerán esto si sólo estás usando la versión gratuita de su tema.
La opción más fácil es actualizar a la versión premium de ese tema. Muchos desarrolladores de temas premium regalan versiones simplificadas y gratuitas de sus temas con la esperanza de que te actualices para obtener mejores características y un mayor control.
Dado que la actualización a un tema premium y el hablar con el desarrollador se puede hacer por su cuenta, vamos a hablar principalmente de cómo editar los archivos del sitio de tema para deshacerse de ese mensaje de crédito.
Para empezar, revisa el pie de página de tu tema para confirmar si tienes crédito de desarrollador en la parte inferior. Si es así, toma nota del texto exacto que se muestra, ya que esto podría ayudar a buscar el mensaje en los archivos de tu sitio.
Conéctate a los archivos de tu sitio utilizando un cliente FTP, como se ha comentado anteriormente en este artículo. Cada desarrollador de temas difiere en cuanto a dónde poner el crédito del pie de página, pero un buen lugar para empezar es ir a /public/wp-content/themes.
Elige el tema que tiene activado en tu sitio web.
A partir de aquí, una opción es abrir el archivo principal footer.php en un editor de texto o IDE PHP y buscar las referencias al crédito del pie de página. Utiliza la función Buscar en el editor que hayas elegido para escribir y buscar el texto exacto que aparece como mensaje de crédito en el pie de página.
Como en todos los temas, este puede no ser el archivo correcto para eliminar el crédito del pie de página; depende totalmente de cómo se construyó el tema. Si no tienes suerte con el archivo footer.php, sigue buscando en otra parte.
Uno de los lugares más comunes para encontrar el código de información de crédito del pie de página es en la carpeta /template-parts. Encontramos que este era el caso del tema de prueba actual que hemos instalado para este tutorial.
Podemos ir a la carpeta /footer, y luego hacer clic en el archivo site-info.php. Ese archivo site-info.php (o alguna variante del mismo) es un lugar común para almacenar la información de crédito del tema en el pie de página.
Siéntete libre de eliminar los créditos del pie de página o reemplazarlos con algo más. Para esta situación, simplemente eliminaremos el gancho de créditos y el código de créditos do_action en la parte inferior.
Y eso ha eliminado con éxito la totalidad del crédito que se muestra 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 ya se ha mencionado, una forma de ocultar el crédito del pie de página, a la vez que apoyas al desarrollador del tema y recibes características mucho mejores, es actualizar a la versión premium del tema. Busca un botón en tu panel de control para actualizar a una versión Pro, o ve al sitio del desarrollador para realizar el 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 por completo el pie de página de WordPress en determinadas situaciones.
Si encuentras que un pie de página de WordPress causa demasiado desorden (lo cual es común con las páginas de aterrizaje), o si prefieres que el pie de página no sea rastreado por los motores de búsqueda, eliminar el pie de página por completo puede no ser una mala opción.
Teng en cuenta, sin embargo, que no está eliminando el pie de página de tus archivos de WordPress. El archivo footer.php es una parte fundamental de los archivos de WordPress, por lo que debes dejarlo. Sin embargo, podemos usar código CSS para decirle a WordPress que no muestre el pie de página y tu contenido.
Para ocultar completamente el pie de página de WordPress, vaya 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.
En este ejemplo intentamos ocultar todo, desde la información de copyright hasta los créditos de WordPress y del desarrollador del tema. También puedes utilizar este método para ocultar elementos como widgets y menús dentro de tu pie de página.
Adelante, 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 volver a añadir contenido en el futuro.
La vista previa del personalizador de temas debería mostrar ahora un espacio en blanco. Asegúrese de pulsar el botón Publicar para ver los resultados en el front-end.
Aunque ese CSS debería funcionar para la mayoría de los temas, es posible que el desarrollador del tema tenga una configuración de archivos diferente. Otra forma de eliminar potencialmente la mayor parte del contenido del pie de página es utilizando el siguiente código en lugar del código anterior discutido:
.site-info { display:none; }Esta opción es menos probable que funcione, pero no es inaudito que los desarrolladores de temas hagan un archivo llamado site-info.php en la carpeta template-parts de un pie de página.
Resumen
Los pies de página de WordPress tienen muchos propósitos, desde añadir botones de redes sociales hasta mostrar las publicaciones recientes del blog, páginas de soporte y formularios. El objetivo es aprovechar este espacio extra, ya que no es conveniente llenar el menú principal con demasiados enlaces o intentar llenar la barra lateral con una avalancha de contenido.
Has aprendido muchas maneras de editar un pie de página de WordPress. Esperamos que ahora puedas editar y personalizar con éxito los pies de página de cualquier sitio de WordPress.
Haznos saber en los comentarios a continuación si tienes alguna pregunta sobre la edición del pie de página en WordPress.
Deja una respuesta