Cómo editar el pie de página en WordPress usando todos los métodos posibles

Dado que un pie de página de WordPress es tan útil, en algún momento, debe 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 del pie de página preestablecido que no es relevante para su marca. Es por eso que queremos mostrarle 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 incluir uno.

Los pies de página de un sitio web tienen un largo historial de contener cualquier información que no se ajuste al menú principal de un sitio 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 sitios web y los sistemas de gestión de contenido ofrecen la posibilidad de incluir un pie de página. Sin embargo, WordPress ofrece su funcionalidad de pie de página única, junto con un diseño de pie de página preestablecido que generalmente viene con el tema que instalas.

Un pie de página de WordPress se encuentra en la base de su sitio web. Es un área de contenido estático que aparece en la parte inferior, independientemente de la página a la que llegue el usuario. Aunque no es tan visitado como el encabezado, 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 crea un sitio web en WordPress, puede esperar ver un pie de página en su diseño de forma predeterminada. WordPress tiene un archivo central integrado en su sistema específicamente para administrar el pie de página (footer.php).

Los pies de página vienen en todas las formas y tamaños, y puede editarlos para incluir diferentes colores, fuentes y fondos. También puede insertar elementos de contenido dentro del pie de página, como listas de publicaciones de blogs, insignias de seguridad e incluso formularios e imágenes.

Pies de página del sitio web: extremadamente útiles, pero potencialmente confusos de editar. 🥴 Aprenda cómo empezar aquí ⬇️Haz clic para tuitear

El pie de página es como la conclusión de todo su sitio web. Muestra enlaces e información esenciales para aquellos interesados ​​y profundizan en su contenido. Finalmente, el pie de página completa el diseño general de su sitio, al igual que la diapositiva final en 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 diseñe. 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 ni se hace clic en él tanto como en el menú principal o en las áreas de contenido principal.

Para darte 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 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 su sitio web, lo que lo hace 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 sus archivos de WordPress. Le dice a WordPress dónde terminar su código e indica a los usuarios cuándo termina el contenido. Sin mencionar que ofrece una interfaz más limpia.
• Muchos usuarios de Internet esperan enlaces y contenido específicos en el pie de página, por lo que irán directamente al pie de página para encontrarlos. Piense en enlaces de soporte y botones de redes sociales.
• El pie de página ofrece más oportunidades de conversión y participación, como una llamada a la acción al final de una publicación de blog. Puede agregar formularios, enlaces a otro contenido o incluso un lema de la empresa.
• Es un lugar para incluir enlaces importantes que pueden no estar 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 son diferentes, pero es común ver un mensaje «Desarrollado por WordPress» en el pie de página después de instalar un tema nuevo.

Otras veces, los desarrolladores de temas pueden incluir sus propios diseños o mensajes prediseñados sobre quién creó el tema.

Nada de eso es malo, pero el objetivo es personalizar el pie de página de WordPress para vincularlo a sus páginas valiosas, incluir contenido relacionado con su marca y eliminar el contenido predeterminado, como mensajes de desarrolladores de temas o WordPress. También es aconsejable ajustar el estilo para que coincida con su marca con fuentes y colores personalizados.

Entonces, ¿cuáles son algunos elementos para poner dentro de su pie de página de WordPress?

• Formularios para que los usuarios se suscriban a los mensajes de su boletín informativo o actualizaciones de blogs.
• Vínculos 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 de publicaciones de blog recientes
• Enlaces a programas de fidelización y afiliados
• Enlaces a páginas informativas, como una página Acerca de nosotros o Carrera
• Insignias e íconos para promover su reputación, premios pasados ​​o seguridad del sitio.
• Iconos de redes sociales que enlazan con las páginas.
• Un mapa del sitio completo para una navegación más sencilla por su sitio web
• Declaraciones legales como reclamos de derechos de autor, políticas de privacidad y términos y condiciones
• Información de contacto como su dirección, ubicaciones, número de teléfono y horario comercial, o un formulario de contacto
• Un cuadro de búsqueda para una navegación mejorada
• Cualquier otra página adicional que no quepa en su menú principal pero que aún necesite un lugar en su sitio.

Cómo editar un pie de página en WordPress (versión autohospedada)

Hay varias tácticas para editar el pie de página de un sitio web de WordPress.org (autohospedado). En las siguientes secciones, hablaremos sobre la edición de un pie de página en WordPress usando el personalizador de temas, los widgets, los complementos y el código. Como beneficio adicional, discutiremos la administración del pie de página de WordPress con un creador de páginas visual como Elementor.

Edite 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 incorporado. La configuración del Personalizador de temas varía según el tema elegido, pero el personalizador en sí siempre se encuentra en la ubicación exacta en el panel de WordPress.

Para comenzar el proceso, vaya al tablero y haga clic en Apariencia y luego Temas.

Luego, haga clic en el Personalizar botón debajo del tema actualmente activo.

Siéntase libre de intercambiar temas para ver cómo cambian los pies de página de un tema a otro.

Como alternativa un poco más rápida, también puede hacer clic en Apariencia> Personalizar, que lo lleva directamente al Personalizador de temas de WordPress para el tema activo.

El Personalizador de temas de WordPress presenta una imagen de su sitio web en el lado derecho y varios elementos del menú a la izquierda que conducen a la configuración y herramientas de personalización. Nuevamente, cada tema tiene diferentes opciones de personalización, por lo que su pantalla puede verse un poco diferente a la de nuestras capturas de pantalla.

Un lugar maravilloso para comenzar con la personalización de su pie de página es con los colores.

Nuestro tema actual tiene un Colores , lo que facilita la identificación de dónde debemos ir.

Selecciona el Colores botón si está disponible en su tema.

Elegir el Seleccionar el color botón debajo del Color de fondo del encabezado y pie de página campo.

Utilice el selector de color para probar todos los tipos de colores y ver cuáles combinan con su marca o se ven bien hacia el final de su página.

Con este tema en particular, cualquier modificación de color también ajusta los colores de la fuente, haciéndolos lucir claros independientemente del color de fondo.

Como puede ver, un color de pie de página de WordPress más oscuro cambia automáticamente los colores de fuente para enlaces, encabezados y texto de párrafo, eliminando la necesidad de hacerlo por su cuenta.

Ahora probemos con 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.

Por lo tanto, su tema dicta cuánto control tiene sobre el pie de página en el Personalizador de WordPress. Algunos temas son mejores que otros a este respecto.

Para el tema Storefront, tenemos un Pie de página pestaña. Haga clic en eso para ver qué hay disponible para personalizar el pie de página.

A diferencia del tema anterior, Storefront no cambia automáticamente el texto y los colores de los enlaces cuando ajusta los colores de fondo. Sin embargo, puede controlar todos estos colores por sí mismos, con campos para el Color de fondo, Color de encabezado, Color de texto, y Color de enlace.

Configuración de color de 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, debe hacer clic en el Publicar para ver los nuevos colores de pie de página en la parte frontal.

Pero, ¿qué pasa con los enlaces y elementos de texto que se presentan de forma predeterminada en el pie de página?

Nuevamente, el método principal para ajustar el contenido del pie de página es el Personalizador de WordPress. En las siguientes secciones, explicaremos cómo agregar y eliminar texto y contenido de enlaces del pie de página utilizando dos métodos: como elementos de menú y como widgets.

Agregar widgets a su pie de página de WordPress

Una forma de editar el contenido del pie de página es agregando widgets. Los widgets de WordPress tienen muchas funciones, junto con varias ubicaciones, incluida la barra lateral y el pie de página, siempre que su tema lo admita.

De vuelta en el Personalizador de WordPress, busque el Widgets pestaña.

Examine la lista de áreas para colocar widgets en su sitio web. Es posible que vea opciones para regiones como la barra lateral, el menú superior y el menú inferior. Con suerte, su tema también incluye el pie de página como un área para colocar widgets. De lo contrario, hay otras formas de editar el pie de página, aunque si prefiere utilizar widgets, considere 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 crear un formato hermoso que se adapta a la mayor cantidad de contenido posible dentro del pie de página.

Haga clic en cualquiera de las ubicaciones de los widgets de pie de página para revelar un área Agregar un widget. Haga 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 vea un conjunto de widgets completamente diferente, considerando que algunos temas incluyen sus propios widgets, o es posible que haya instalado una extensión o complemento para agregar más widgets a su tablero.

Los widgets comunes van desde archivos hasta audio y HTML personalizado hasta filtros de productos.

Todo lo que tiene que hacer es seleccionar los widgets para agregar a esta área de widgets en particular. Aparecerán en el lado izquierdo para que reorganice y configure sus configuraciones individuales.

Después de un trabajo rápido, hemos colocado varios widgets en tres de los módulos de la columna de pie de página, incluido un menú principal, una lista de publicaciones recientes y algunos de los productos de nuestra tienda. También notará que agregamos 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úrese de recorrer esos campos y hacer que se vean exactamente como desea.

Como puede aprender mientras navega por la configuración del tema, no todos los temas tienen formas de agregar menús directamente al área del pie de página utilizando el estándar Agregar menú configuración. Nuestro tema aquí, por ejemplo, tiene espacios para activar menús como menús primarios, secundarios, portátiles 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 agregar un menú con un widget, en caso de que su tema no admita menús de la manera habitual.

Básicamente, todo lo que tiene que hacer es ir a uno de los módulos de pie de página del widget y buscar el widget Menú de navegación. Aquí, puede hacer clic en un campo desplegable para ver todos los menús creados en su sitio web. Siéntase libre de generar un menú específicamente para su pie de página (en el Menús sección del panel) y agréguelo como un widget en esta sección.

Como alternativa, opte por el menú principal o cualquier menú que haya creado. Todos deberían aparecer en el menú desplegable de widgets.

Después de eso, el menú de su elección aparece en el pie de página, siempre que haya agregado el widget Menú de navegación en el área del pie de página derecho y haya hecho clic en el Publicar botón. Incluso puede escribir un título para ese menú si desea 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 de contenido preconfiguradas, como el widget de publicaciones recientes o la barra de búsqueda.

Sin embargo, a veces es posible que desee editar el 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 al Personalizador de temas> Widgets. Luego, elija el área de widgets que refleja dónde desea que vayan los widgets en el pie de página.

Clickea en el Agregar un widget y busque «imagen».

Agregue el widget de imagen y personalice el título. Haga clic en Añadir imagen, considere incluir también un enlace a la imagen. Puede editar el tamaño de la imagen haciendo clic en Editar imagen.

A continuación, busque «texto» en la biblioteca de widgets.

Agregue el widget de texto a su pie de página y escriba lo que desee. También tiene un campo de título junto con un editor visual, muy parecido a lo que recibe cuando hace una publicación 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.

Finalmente, puede encontrar que usar un widget HTML personalizado es el mejor curso de acción, especialmente si desea 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 eso, busque «HTML» en la biblioteca de widgets y elija el widget HTML personalizado.

Pegue o escriba su HTML personalizado y observe la vista previa del lado derecho para asegurarse de que se vea como se supone que debe. Es posible que también deba agregar algunos estilos CSS para que se vea como lo desea.

Como siempre, recuerde hacer clic en el Publicar botón al final.

Agregar menús al pie de página de WordPress

Puede hacer menús en WordPress yendo a Apariencia> Menús. Una vez que haya establecido un menú, estará listo para agregar, al menos, las ubicaciones compatibles con el tema elegido.

También es posible crear su menú dentro del Personalizador de WordPress, por lo que solo depende de dónde se sienta más cómodo agregando nuevas páginas y enlaces a sus 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ú, por lo que deberá verificar si su tema admite menús. Si no es así, consulte la sección anterior para obtener una solución que utiliza un widget para incorporar un menú en el pie de página.

Si usa un tema que permite menús en el pie de página, vaya al Personalizador de WordPress y haga clic en el Menús pestaña.

Lo más probable es que vea una página de menú vacía con varios botones para decidir. Uno de los botones le permite seleccionar qué menús revelar y dónde mostrarlos. los Ver todas las ubicaciones pestañas compartidas donde los menús son compatibles con su tema.

Finalmente, el Crear nuevo menú El botón funciona de manera muy similar al panel de creación de menú estándar en el tablero, excepto que no requiere que salga del Personalizador.

Clickea en el Crear nuevo menú botón. Si ya tiene un menú listo para usar, puede agregarlo al pie de página yendo a Ver todas las ubicaciones.

Nombra tu menú (en este caso usaremos el nombre obvio del pie de página) y marca la casilla llamada Menú de pie de página. Esto le dice a WordPress que desea el Pie de página menú que crea para que aparezca en el Pie de página localización. Son cosas separadas; uno es el menú real y el otro es la región de su sitio web donde va el menú. Eres más que bienvenido a cambiar el nombre de tu menú de pie de página si lo encuentras un poco confuso.

Clickea en el próximo 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ú verdaderamente funcional.

Haga clic en el Agregar elementos para comenzar a colocar enlaces y botones a las páginas de su menú.

Aparece un nuevo panel deslizante con todas las opciones para agregar a su menú. Por ejemplo, puede incluir enlaces personalizados a páginas internas o externas, publicaciones de su blog, páginas de su propio sitio (páginas ya creadas), productos, etiquetas y categorías, junto con cualquier otro tipo de páginas de contenido que pueda tener.

Cada elemento del menú que elija se coloca y se muestra en el panel del menú, donde puede reorganizarlos y hacer clic en cada uno para editar su configuración individual. Para este ejemplo, hemos agregado cinco enlaces a páginas en todo nuestro sitio web, incluido el blog, una página de transmisión en vivo y un Sobre la empresa página.

Consulte nuestra lista al comienzo de este artículo para obtener ideas sobre qué incluir en su pie de página.

Editar pie de página en WordPress con complementos

WordPress ya tiene herramientas integradas para modificar su pie de página, pero la medida en que puede editar el pie de página de su sitio en particular depende de su tema de elección y si quiere o no meterse con algún código.

Como aprenderá más adelante en este artículo, para eliminar el texto predeterminado «Desarrollado por» es necesario que acceda al footer.php archivo y elimine algún código. Por lo tanto, está claro que varios aspectos de la edición de pies de página pueden estar fuera de su alcance si no tiene la experiencia o la voluntad de meterse con el código o encontrar un tema nuevo.

Ahí es donde entran en juego los complementos de WordPress. Muchos complementos ofrecen funciones de expansión y edición de pie de página para eliminar la necesidad de editar el código manualmente y, a veces, realizar cambios rápidos en el pie de página, como con colores y columnas.

Los complementos de pie de página de WordPress que recomendamos incluyen lo siguiente:

• Footer Mega Grid Columns: este complemento soluciona cualquier problema que tenga con un tema en el que el pie de página carece de un formato de cuadrícula con tres columnas. Algunos temas solo ofrecen una o dos columnas, mientras que otras veces un pie de página se elimina por completo del tema. Footer Mega Grid Columns agrega un widget de pie de página para mostrar no solo tres columnas, sino también otras adicionales si es necesario.
• Eliminar crédito de pie de página: use este complemento para eliminar por completo el crédito de pie de página colocado allí por WordPress o el desarrollador de su tema. También tiene la opción de escribir su propio código HTML para crear un crédito en el pie de página o un poco de contenido que sea más adecuado para su sitio.
• Administrador de código de encabezado y pie de página: este complemento tiene una ligera curva de aprendizaje, pero es una solución ideal para usuarios intermedios de WordPress que prefieren tener acceso a las áreas de codificación de encabezado y pie de página en el tablero, en lugar de abrir los archivos del sitio. Puede agregar una cantidad ilimitada de estilos y scripts al pie de página, lo que a menudo es útil para mostrar información después de cada publicación o página de blog.
• Footer Putter: use este complemento para insertar un widget para la información de derechos de autor o para sus marcas comerciales. Esta es una solución bastante útil para colocar detalles sobre su empresa en el área del pie de página, incluidos elementos como enlaces, horarios comerciales, números de teléfono y más.
• Texto de pie de página: como una de las formas más sencillas de modificar su pie de página de WordPress, el complemento de texto de pie de página activa un panel de edición de frontend y backend para cambiar lo que está en su pie de página. Viene con un editor WYSIWYG (Lo que ves es lo que obtienes), por lo que es posible formatear tu texto y potencialmente agregar elementos como imágenes.

En las siguientes secciones, exploraremos cómo usar algunos de estos complementos para tareas como agregar botones de redes sociales o insertar código personalizado en el pie de página de WordPress.

Edite 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 tocar el footer.php archivo y edición de su contenido.

Debe tener experiencia con la codificación, o estar ansioso por aprender, para que este método sea útil para usted, pero hay algunos ajustes menores que todos los principiantes pueden manejar (principalmente simplemente eliminar el texto preestablecido en el pie de página). Eche un vistazo a nuestra guía para agregar código de encabezado y pie de página para obtener la información más detallada.

Para acceder al footer.php archivo, enlace a los archivos de su sitio de WordPress utilizando un cliente FTP. También recomendamos consultar este artículo sobre cómo usar SFTP para vincular a WordPress, ya que SFTP es más seguro que FTP.

Una vez conectado a los archivos de su sitio de WordPress a través de su cliente FTP, ubique el /público carpeta. Haga clic en / wp-content y luego / temas para revelar todos los temas instalados actualmente en su panel de WordPress. Tenga en cuenta qué tema está activo en el sitio y abra la carpeta para ese.

Todos los temas de WordPress tienen una footer.php archivo en algún lugar de la carpeta del tema. Desplácese por el lote de archivos para localizar ese footer.php expediente.

Abra el archivo con el editor de su elección. Una vez allí, puede editar el código actual o agregar contenido nuevo según lo que esté tratando de lograr. los get_template_part La sección a menudo se modifica para insertar nuevos fragmentos de texto, pero eso se lo dejaremos a usted ya que cada pie de página es diferente.

Como alternativa, puede editar el código del pie de página utilizando un complemento que muestra un campo visual para el footer.php expediente. De esta manera, no tiene que instalar un cliente FTP y vincularlo a su sitio web. También es un proceso más intuitivo y fácil de usar para principiantes que permanece disponible en su tablero en todo momento para futuras ediciones.

Para que esto suceda, instale y active el complemento Header Footer Code Manager.

Una vez que se haya instalado, haga clic en el HFCM pestaña que aparece en el panel de WordPress. Luego, asigne un nombre al fragmento, elija dónde desea que se muestre y establezca la ubicación como Pie de página.

La parte más importante es la Fragmento / Código campo, que completará con el código que desee. Algunas personas usan este complemento para cosas como códigos de verificación o seguimiento que no aparecen en la interfaz. Sin embargo, también está disponible para que lo use para escribir texto nuevo y obtener un control casi completo sobre el contenido de su pie de página.

Asegúrese de hacer clic en el Ahorrar botón para ver los resultados.

Usar un generador de páginas con el diseñador de pie de página

Una forma adicional de modificar su pie de página de WordPress, sin la necesidad de código o muchas de las herramientas estándar de pie de página de WordPress, es con un creador de páginas. No todos los creadores de páginas ofrecen editores de pie de página, por lo que es importante realizar una investigación y asegurarse de que el creador de páginas actual lo ofrezca o el que planea comprar tenga funciones de pie de página.

Independientemente, esta es una característica relativamente básica para un creador de páginas, por lo que es una buena idea optar por un creador de páginas solo si planee personalizar todo su sitio con él.

Algunos otros creadores 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, debe tener la versión Pro. Existen algunas soluciones para editar la parte inferior de su 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, haga clic en el Paginas en su panel de control. Desplácese por las páginas que desea editar y seleccione el Editar con Visual Composer enlace en cualquiera de esas páginas.

Eso muestra el diseñador de Visual Composer, con una vista previa en vivo de su página web en el lado derecho y herramientas de diseño de arrastrar y soltar como elementos y plantillas en el lado izquierdo.

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 su sitio, junto con un bonito pie de página que se puede personalizar.

Para ver lo que está disponible, puede hacer clic en el Plantillas pestaña, luego la Obtenga más plantillas botón. Visual Composer ofrece plantillas para todos los aspectos de su sitio, incluidos encabezados, pies de página y barras laterales.

La siguiente ventana muestra una gran biblioteca de plantillas, todas categorizadas bajo filtros para cosas como Elementos, Plantillas, Bloques, y Pies de página.

Elegir el Pies de página pestaña para mostrar todas las plantillas de pie de página prefabricadas.

Una vez más, esta parte de Visual Composer requiere la versión Pro. Una vez activo, puede desplazarse por las docenas de plantillas de pie de página para implementarlas en su sitio web y editarlas como desee.

Uno de los otros creadores de páginas con herramientas de edición de pie de página se llama Elementor. Al igual que Visual Composer, Elementor proporciona un creador de sitios web completo para construir páginas de inicio, páginas de productos, pies de página y más.

Tenga en cuenta que recibe bloques de contenido de pie de página de forma gratuita con este método, pero el creador de pie de página real usa la versión Pro de Elementor. Al igual que Visual Composer, debe actualizar para obtener una funcionalidad completa.

Para comenzar, instale y active los complementos Elementor y Elementor Header Footer y Blocks Template.

Haga clic en Plantillas> Creador de temas para abrir el creador de sitios web completo de Elementor.

Aquí, verá un menú para editar varias partes de su sitio, como el encabezado, el pie de página y las páginas individuales.

Seleccione las partes de su sitio que desea personalizar en el menú del lado izquierdo o con los botones de icono en el medio de la página. Como puede ver, hay un Pie de página enlace en dos lugares.

El editor de pie de página funciona de manera similar a cualquier otro editor en Elementor: puede cambiar el diseño, ajustar el estilo y hacer clic en el bloque para escribir contenido nuevo. Cada aspecto del pie de página se puede personalizar cuando se usa 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 complemento Header Footer and Blocks proporciona módulos de contenido creados específicamente para encabezados y pies de página. En cuanto a los bloques de pie de página, puede elegir entre módulos como información de derechos de autor, imágenes, títulos de sitios y lemas.

Para utilizar estos bloques, vaya a Aspecto> Bloques y pie de página del encabezado en el tablero.

También puede crear un bloque único y elegir editarlo en el generador de páginas de Elementor. Una vez en Elementor, desplácese hacia abajo hasta la colección de bloques para Encabezados Pie de página y bloques, luego arrastre cualquiera de estos elementos a su diseño actual para activar algunos de los elementos de contenido más comunes dentro de un pie de página. Como se mencionó, puede encontrar de todo, desde barras de búsqueda hasta logotipos de sitios e íconos de carritos, hasta texto con derechos de autor 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 con 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 autohospedada de WordPress.org, pero con algunas diferencias.

En primer lugar, la interfaz no se ve exactamente igual.

Debe iniciar sesión en su panel de WordPress.com y administrar su pie de página en el Personalizador de temas. Afortunadamente, muchos de los temas que se ofrecen para WordPress.com son similares o exactamente iguales a los que encontraría para WordPress.org. Sin embargo, eso también significa que la forma en que edita el pie de página en WordPress.com depende del tema que instale.

Para empezar, ve a Apariencia> Personalizar en el tablero.

Mire las pestañas del Personalizador de temas disponibles para ese tema en particular. La mayoría de los temas tienen Widgets pestaña, pero debe averiguar si su tema incluye un área de pie de página para colocar widgets. Clickea en el Widgets pestañas para averiguarlo.

Este tema actual que estamos usando proporciona una Widget de pie de página módulo. Si no ve una opción para colocar widgets en el pie de página, considere probar un tema nuevo o use menús en lugar de widgets.

Para este ejemplo (con un área de widget de pie de página), haga clic en el Agregar un widget botón.

Aparece un menú deslizable con una colección de widgets. Puede seleccionar los widgets que tengan más sentido para su empresa.

Nuevamente, el tema dicta cuántos widgets puede caber en el pie de página sin que parezca demasiado desordenado. Parece que este tema en particular permite aproximadamente tres columnas de widgets antes de que el diseño comience a verse desordenado.

Para nuestro ejemplo, elegiremos un widget de información de contacto y mapa, junto con un widget de blog de seguimiento, que solicita 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 pasar por el panel de configuración de cada widget para configurar elementos individuales como el texto de visualización y elegir qué campos desea mostrar en cada widget.

Asegúrese de hacer clic en el Guardar cambios para que los widgets aparezcan en la parte frontal de su sitio web.

También puede notar que WordPress.com agrega automáticamente el título de su sitio y un crédito de WordPress en la parte inferior de su pie de página. Por lo general, puede deshacerse del título del sitio si lo desea, pero la eliminación del crédito de WordPress requiere que pague el plan de negocios.

Para modificar ambos elementos, haga clic en el Identidad del sitio botón.

En primer lugar, vaya a la parte inferior de la configuración para encontrar el Crédito de pie de página campo. Haga clic en ese menú desplegable para revelar 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 un gran problema si está ejecutando un blog personal o un diario en línea, pero le sugerimos que actualice al plan de negocios y elimine el crédito si su sitio es para un negocio legítimo.

Después de eso, puede hacer clic en el menú desplegable y elegir el Esconder opción para deshacerse del crédito por completo.

El crédito luego desaparece en la vista previa, dejando los widgets que agregó al pie de página junto con el título del sitio.

Algunos temas también tienen la capacidad de eliminar el título del sitio del pie de página. La forma más sencilla es desmarcar la Mostrar título y lema del sitio caja. Eso elimina el título del sitio en el pie de página y potencialmente el encabezado. Para el encabezado, recomendamos cargar un logotipo de todos modos.

Otros temas tienen diferentes formas de eliminar el título y el eslogan del sitio. A veces no es posible en absoluto, mientras que otras veces el título del sitio no está incluido en el pie de página, para empezar. En caso de duda, intente eliminar lo que hay dentro del Título del sitio campo si no tiene el Mostrar título y lema del sitio casilla de verificación.

Otra forma de insertar contenido en su pie de página de WordPress es utilizando el Menús panel. No todos los temas permiten menús en el pie de página, pero es una buena idea comprobar al menos.

Clickea en el Menús pestaña para continuar.

Seleccione Ver todas las ubicaciones. Esto muestra una lista de dónde puede colocar menús en este tema en particular.

Para nuestro tema de ejemplo, tenemos bastantes opciones de ubicación de menú, 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 tu pie de página.

Con temas que admiten menús de pie de página, haga clic en el Pie de página campo desplegable.

Elegimos un prefabricado Social menú para el pie de página. Siéntase libre de seleccionar el Crear nuevo menú enlace si aún no tiene un menú adecuado.

El resultado es un menú de texto / enlace simple que aparece encima de los widgets que ya agregó al pie de página. Es posible que no pueda agregar widgets a su tema, por lo que es posible que no vea exactamente el mismo formato.

Tenga en cuenta que todos los menús son simplemente listas de texto y enlaces, por lo que no podrá incorporar algo como un menú de íconos de redes sociales a menos que considere un complemento separado que lo admita.

Cómo agregar íconos de redes sociales al pie de página de WordPress

Un pilar del área del pie de página es la lista clásica de botones de redes sociales. Muchos sitios web los agregan en sus menús principales, pero también es una idea maravillosa tenerlos en la parte inferior de su sitio web, o como una alternativa a colocar los botones sociales en la parte superior de su sitio. En general, si cree que el encabezado ya está desordenado, opte por la colocación del pie de página.

Muchos complementos proporcionan widgets para agregar íconos de redes sociales y enlaces a su pie de página y encabezado. Por lo tanto, sugerimos que se desvíe de cualquier codificación personalizada aquí.

Aunque existen muchos complementos de íconos sociales, el objetivo para nuestros propósitos es encontrar uno que proporcione específicamente un widget rápido para agregar sus enlaces y personalizar los botones.

Una solución popular y altamente calificada se llama Social Icons Widget & Block de WPZoom. Tiene más de 400 íconos para redes sociales y otras plataformas, junto con un widget para colocar sus íconos directamente en su pie de página. No solo eso, sino que puede cargar sus propios iconos personalizados y cambiar la configuración de colores y tamaños.

Después de instalar el complemento, puede ir a la Ajustes página y deshabilite ciertos paquetes de fuentes si no los desea. Sin embargo, todos ellos ya están activos, así que omita la configuración si prefiere tener todo a su disposición.

Para agregar íconos sociales a su pie de página de WordPress, vaya a Apariencia> Personalizar.

Esto lo lleva al Personalizador de temas de WordPress, donde puede agregar widgets al pie de página (siempre que su 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 un código personalizado en el pie de página usted mismo.

Busque y haga clic en el Widgets pestaña para continuar.

Este tema tiene dos áreas para agregar widgets al pie de página. Ese no es el caso con todos los temas, por lo que es posible que su tema no tenga áreas de widgets de pie de página. Por otro lado, es posible que tenga suerte y tenga cuatro o cinco lugares para colocar widgets en su pie de página. Todo depende del tema que instales.

Haga clic en uno de los Pie de página pestañas.

Es posible agregar una gran cantidad de widgets, o al menos los widgets que haya instalado, al pie de página.

Clickea en el Agregar un widget para mostrar el menú de widgets disponibles.

El menú deslizable proporciona una barra de búsqueda y una lista de posibles widgets. Desplácese hacia abajo para ubicar el widget llamado Social Icons By WPZOOM.

Ahora debería ver los iconos y botones de redes sociales predeterminados en la vista previa de su sitio web.

Sin embargo, aún necesitará personalizar la configuración de estos botones para establecer el tamaño de esos botones, el color y los enlaces a los que desea que conduzcan.

Comience escribiendo un título para el widget, que aparece en el pie de página (también puede dejarlo en blanco si lo desea). Continúe especificando configuraciones como si desea etiquetas de iconos, enlaces nofollow y alineaciones de iconos específicas.

Continúe con la configuración para especificar el estilo del icono, el estilo del fondo y el relleno. También puede elegir un tamaño y color de icono. Tenga en cuenta que debe hacer clic en el Ahorrar en la parte inferior del módulo de personalización del widget para ver los resultados de sus cambios en la vista previa.

los Iconos El campo ya tiene algunos íconos sociales predeterminados para usted. Haga una lista de los sitios de redes sociales que administra para su empresa y copie y pegue los enlaces en los campos respectivos. Elimine los íconos que no tengan sentido para su negocio.

Para abrir la biblioteca de iconos y agregar más iconos, haga clic en el Añadir más en la parte inferior de la lista de campos.

El complemento ofrece una gran colección de iconos, con opciones para establecer colores de iconos, colores de desplazamiento y la fuente del kit de iconos. El kit principal se llama Socicons, pero varios otros kits vienen con el complemento de forma gratuita. Clickea en el Seleccione el kit de iconos menú desplegable para ver sus opciones.

Por último, navegue por los iconos que se proporcionan con cada kit. Es posible que muchos de ellos ni siquiera los reconozca, por lo que debe limitarse a los que ejecuta activamente y que proporcionarán valor a sus clientes.

En nuestro ejemplo, también elegiremos el ícono de YouTube para agregarlo a nuestro pie de página.

Clickea en el Ahorrar para colocarlo en la lista, luego haga clic en el siguiente Ahorrar en la parte inferior del cuadro de widgets para ver los cambios.

Como puede ver, hemos realizado cambios en el tamaño y la forma de los íconos, además de agregar un ícono social adicional. Si sus alteraciones no parecen del todo correctas, vuelva a la configuración del widget para resolver los problemas.

Recuerde siempre golpear el Publicar para que el widget surta efecto en la parte frontal de su sitio web. También recomendamos que revise la interfaz usted mismo para asegurarse de que los íconos sociales aparezcan correctamente.

Cómo agregar un fondo a su Pie de página de WordPress

Los fondos de pie de página son posibles con la ayuda de algunos complementos de pie de página y creadores de páginas. Sin embargo, también tiene la capacidad de colocar una imagen o un fondo de color detrás de su pie de página utilizando la configuración básica que viene con su tema.

En caso de que todo lo demás falle, le mostraremos cómo insertar código CSS para agregar un fondo al pie de página de WordPress.

Antes que nada, verifique la configuración de su tema para ver si las capacidades de fondo de pie de página son estándar. El tema Abletone, por ejemplo, ofrece una Imagen de fondo de pie de página pestaña dentro del Personalizador de temas.

Todo lo que se requiere es que haga clic en el Seleccionar imagen y busque una imagen en su Biblioteca de medios, cargue una nueva desde su computadora o busque una foto de archivo que se adapte a sus necesidades.

Una vez cargada, la imagen aparece como fondo de su pie de página de WordPress. Algunos temas ofrecen configuraciones adicionales para estirar o colocar en mosaico la imagen, pero sin editar el CSS usted mismo, se quedará atascado con las configuraciones que vienen con el tema.

Sin embargo, si no tiene un tema, generador de páginas o complemento que haga el truco para agregar un fondo de pie de página, agregar código CSS maneja esta tarea independientemente de su tema o generador de páginas.

Vaya al Personalizador de temas en WordPress, luego haga clic en el CSS adicional opción del menú.

Pegue este código CSS en el campo, pero reemplace YOURIMAGEURL con la URL de su imagen deseada:

footer { background: url(YOURIMAGEURL) repeat; }

Puede encontrar la URL de cualquier imagen en su vista de detalles después de que se haya cargado a su Biblioteca de medios.

Asegúrese de hacer clic en el Publicar botón para verlo en la parte delantera.

También puede insertar otros bits de código para cambiar elementos como el tamaño y el tamaño de extensión del fondo o la repetición. Como puede imaginar, agregar el código CSS es un poco menos simple que hacer clic en los botones del complemento, pero una búsqueda rápida en línea puede ayudarlo a encontrar el código adecuado para sus necesidades.

Eliminación de 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 engañoso en un sitio de WordPress autohospedado, 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, debemos buscar otras formas de eliminar el texto «Powered by WordPress» en el pie de página.

Para abordar este proceso, lea nuestra guía detallada sobre cómo eliminar la etiqueta «Desarrollado por WordPress» en su pie de página. Este artículo de la base de conocimientos cubre todos los temas siguientes:

• Por qué es posible que desee eliminar el mensaje «Desarrollado por WordPress»
• Cuando es posible que no desee eliminarlo
• Métodos a evitar al intentar retirar el crédito
• Cómo eliminar el crédito con un complemento
• Cómo eliminar manualmente el crédito «Desarrollado por WordPress»
• Reemplazo del crédito del pie de página con su propio código

Editar el crédito del pie de página con un complemento es significativamente más fácil para el usuario promedio de WordPress. Sin embargo, seguir la ruta manual garantiza que tenga un control total sobre el pie de página y elimina la necesidad de tener otro complemento instalado en su tablero.

¿Es legal eliminar «Orgullosamente impulsado por WordPress»?

Teniendo en cuenta que WordPress hace que sea un poco complicado eliminar el texto «Orgullosamente impulsado por WordPress» de su pie de página, es posible que se pregunte si es kosher deshacerse del mensaje.

La respuesta es que eres más que bienvenido a eliminar el texto «Desarrollado por WordPress» en tu pie de página sin tener que preocuparte por las repercusiones legales o violaciones de los Términos de servicio de WordPress. Esto se debe a que el uso de WordPress está sujeto a una GPL (Licencia Pública General), lo que significa que cualquiera puede redistribuir y alterar WordPress de la forma que crea conveniente.

En general, recomendamos encarecidamente eliminar el texto «Orgullosamente impulsado por WordPress», ya que no tiene nada que ver con su marca y simplemente promueve otra organización. Sí, es bueno correr la voz sobre WordPress, pero no a expensas de su propia marca y valioso espacio en el sitio web.

Ahora, los mensajes de pie de página mostrados por el desarrollador de su tema son una historia diferente. Hablaremos de eso 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á problemas con la ley o con WordPress cuando elimine el mensaje de pie de página «Proudly Powered by WordPress». Pero, ¿qué pasa con algunos de los desarrolladores de temas que pusieron «Powered by XYZ Theme» en el pie de página?

Afortunadamente, la gran mayoría de los temas de WordPress también se encuentran bajo una Licencia Pública General, por lo que es totalmente aceptable cortar ese texto y reemplazarlo con algo más adecuado para su negocio. Sin embargo, es prudente verificar dos veces con el desarrollador de su tema para asegurarse de que no tenga un requisito en sus términos y condiciones que estipule que usted mantenga el crédito de desarrollo en el pie de página.

Puede hacer esto simplemente preguntando al desarrollador si el tema se encuentra bajo una Licencia Pública General. Y si no es así, o sus términos y condiciones hacen que sea un requisito dejar el crédito, le sugerimos que busque otro tema, ya que no es exactamente un elemento deseable para tener en su sitio web.

Entonces, ¿cómo se puede eliminar el texto «Powered by XYZ Theme» en su pie de página?

Algunos complementos que eliminan el mensaje «Powered by WordPress» también pueden eliminar cualquier mensaje insertado por el desarrollador del tema. Sin embargo, esto no es seguro.

Por ello, te sugerimos optar por uno de los siguientes métodos:

• Edite los archivos del sitio de pie de página directamente para eliminar el mensaje de crédito.
• Pídale al desarrollador que lo elimine por usted.
• Actualiza a la versión premium del tema.

Editar los archivos del sitio de pie de página requiere un poco de conocimiento técnico, pero a menudo puede hacerlo en cuestión de minutos. Pedirle al desarrollador que elimine el crédito del desarrollador del tema podría terminar funcionando, pero básicamente espera que obtenga un desarrollador amigable que esté dispuesto a guiarlo a través del proceso. Por lo general, no ofrecerán esto si solo está utilizando la versión gratuita de su tema.

La opción más sencilla 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 actualice para obtener funciones mejoradas y un mayor control.

Dado que la actualización a un tema premium y hablar con el desarrollador se puede hacer por su cuenta, hablaremos principalmente sobre cómo editar los archivos del sitio del tema para deshacernos de ese mensaje de crédito.

Para comenzar, consulte el pie de página de su tema para confirmar si tiene crédito de desarrollador en la parte inferior. Si es así, tome nota del texto exacto que se muestra, ya que esto podría ayudar a buscar el mensaje en los archivos de su sitio.

Conéctese a los archivos de su sitio mediante un cliente FTP, como se discutió anteriormente en este artículo. Cada desarrollador de tema difiere en el lugar donde coloca el crédito del pie de página, pero un buen lugar para comenzar es / public / wp-content / themes.

Elija el tema que ha activado en su sitio web.

Desde aquí, una opción es abrir la footer.php archivo en un editor de texto o PHP IDE y busque referencias al crédito del pie de página. Utilizar el Encontrar funciona en el editor de tu elección para escribir y buscar el texto exacto que aparece como mensaje de crédito en tu pie de página.

Como ocurre con todos los temas, es posible que este no sea el archivo adecuado para eliminar el crédito del pie de página; depende enteramente de cómo se construyó el tema. Si no tienes suerte con el footer.php archivo, continúe buscando en otra parte.

Uno de los lugares más comunes para encontrar el código de información crediticia del pie de página es en el / template-parts carpeta. Descubrimos que este era el caso del tema de prueba actual que hemos instalado para este tutorial.

Podemos ir a la /pie de página carpeta, luego haga clic en el site-info.php expediente. Ese site-info.php file (o alguna variante de eso) es un lugar común para almacenar la información de crédito del pie de página del tema.

Siéntase libre de eliminar los créditos del pie de página o reemplazarlos por otra cosa. Para esta situación, simplemente eliminaremos el gancho de créditos y el do_action código de créditos en la parte inferior.

Y eso eliminó 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 se mencionó anteriormente, una forma de ocultar el crédito del pie de página, al mismo tiempo que apoya al desarrollador del tema y recibe características mucho mejores, es actualizar a la versión premium del tema. Esté atento a un botón en su panel de control para actualizar a una versión Pro, o vaya al sitio del desarrollador para realizar un pago.

Cómo quitar 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 encuentra que un pie de página de WordPress causa demasiado desorden (lo cual es común en las páginas de destino), o si en cambio el pie de página no fue rastreado por los motores de búsqueda, eliminar el pie de página de la ecuación por completo puede no ser malo. opción.

Sin embargo, tenga en cuenta que no eliminará el pie de página de sus archivos de WordPress. los footer.php El archivo es una parte fundamental de los archivos de WordPress, por lo que debe 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, vaya a la Personalizador de temas y haga clic en el CSS adicional pestaña.

El objetivo es pegar CSS para decirle a WordPress que no queremos ver el pie de página en nuestro sitio web.

Estamos tratando de ocultar todo en este ejemplo, desde la información de derechos de autor hasta los créditos de desarrollador de temas y WordPress. También puede utilizar este método para ocultar elementos como widgets y menús dentro de su pie de página.

Continúe y pegue el siguiente código en el CSS caja:

footer{

display:none;

}

Esto le dice a WordPress que oculte todo dentro del footer.php expediente. El archivo permanece dentro de su directorio de archivos, en caso de que desee volver a agregar contenido en el futuro.

La vista previa del Personalizador de temas ahora debería mostrar un espacio en blanco. Asegúrate de presionar el Publicar para ver los resultados en la parte frontal.

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 archivo 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; }

Es menos probable que esta opción funcione, pero no es extraño que los desarrolladores de temas creen un archivo llamado site-info.php en un pie de página plantillas-partes carpeta.

Desde enlaces a documentos de apoyo y páginas de redes sociales, el pie de página de su sitio web contiene mucha información importante. 💪 Aprenda cómo funciona en esta guía ⤵️Haz clic para tuitear

Resumen

Los pies de página de WordPress tienen muchos propósitos, desde agregar botones de redes sociales hasta mostrar publicaciones de blog recientes, páginas de soporte y formularios. El objetivo es aprovechar este espacio adicional, ya que no es aconsejable llenar su menú principal con demasiados enlaces o intentar llenar su barra lateral con una avalancha de contenido.

Ha aprendido muchas formas de editar un pie de página de WordPress. ¡Esperamos que ahora pueda editar y personalizar con éxito los pies de página en cualquier sitio de WordPress!

¡Háganos saber en los comentarios a continuación si tiene alguna pregunta sobre cómo editar el pie de página en WordPress!