¿Tienes problemas con cómo editar un pie de página en WordPress?
El pie de página es la parte de tu tema de WordPress que se muestra en la parte inferior de tu sitio, normalmente en cada página.
Editar el pie de página puede ser un tema complicado porque algunos temas hacen las cosas de manera diferente a otros temas. Es decir, es posible que la forma en que editas un pie de página en un tema no sea exactamente la misma que en otro tema.
Afortunadamente, sin embargo, ahora hay muchos puntos en común, y la mayoría de los temas han comenzado a usar métodos similares.
En esta publicación, te mostraremos cómo editar un pie de página en WordPress utilizando esos métodos, que deberían funcionar para casi todos los temas de WordPress modernos.
Y si eso no es suficiente, terminaremos yendo aún más lejos y mostrándole cómo puede crear su propio pie de página 100% personalizado utilizando un editor visual de arrastrar y soltar, así como cómo inyectar fragmentos de código en su pie de página.
Puede hacer clic a continuación para ir directamente a una sección específica:
- Editar un pie de página usando el Personalizador de WordPress
- Crear su propio pie de página personalizado usando el constructor de páginas Elementor
- Inyectar fragmentos de código en su pie de página
Cómo editar un pie de página en WordPress usando el Personalizador
En 2021, la mayoría de los temas usan una función nativa de WordPress llamada Personalizador para administrar personalizaciones de temas, incluida la edición del pie de página.
Dentro del Personalizador, hay varias formas diferentes de administrar el pie de página de su sitio:
- Widgets de WordPress: muchos temas crean áreas de widgets para el pie de página. Puede editar el contenido del pie de página editando o agregando widgets.
- Configuración de temas: muchos temas también ofrecen sus propias opciones para controlar el pie de página. Por lo general, se centran más en la configuración del diseño. Por ejemplo, puede elegir el número de columnas de pie de página y, a continuación, agregar contenido a esas columnas mediante widgets.
- Menús de WordPress-algunos temas utilizan el sistema de menús integrado de WordPress para agregar enlaces al pie de página.
Tu tema puede usar una, dos o las tres opciones para darte control sobre el pie de página. Te mostraremos cómo funcionan todos en esta sección.
Para abrir el Personalizador de WordPress, vaya a Apariencia → Personalizar en su panel de WordPress. Debería ver una vista previa en vivo de su sitio a la derecha, junto con una barra lateral de configuración a la izquierda.
Ahora, te llevaremos a través de los escenarios comunes sobre cómo editar un pie de página en WordPress usando el Personalizador
widgets de WordPress
En 2021 y más allá, muchos temas de WordPress usan el sistema de widgets integrado de WordPress para controlar el contenido del pie de página.
Para ver si esto se aplica a tu tema, elige la opción Widgets en la configuración de la barra lateral. Luego, verás una lista de ubicaciones de widgets en tu tema.
Si tu tema es compatible con widgets de pie de página, deberías ver al menos una entrada para una ubicación de pie de página. También es común ver varias ubicaciones de widgets de pie de página. Si este es el caso, cada ubicación de widget normalmente representa un elemento común en el pie de página.
Por ejemplo, el tema Twenty Twenty incluye dos ubicaciones de widget de pie de página, cada una de las cuales representa una columna de su diseño de pie de página de dos columnas:
Si eliges una de esas áreas, puedes agregar/eliminar/editar widgets de WordPress para controlar el contenido de esa parte del pie de página. A medida que realice cambios, debería ver automáticamente la vista previa en vivo de la actualización del pie de página:
Si desea agregar más opciones de widgets, puede usar un complemento de widgets de WordPress para agregar nuevos tipos de widgets.
Una vez que esté satisfecho con el aspecto de su pie de página, asegúrese de hacer clic en el botón Publicar en la parte superior de la barra lateral para realizar los cambios en vivo.
Configuración del tema
Algunos temas incluyen sus propias opciones especiales para personalizar el pie de página. Por ejemplo, nuestro tema gratuito Neve incluye su propio generador de pie de página de arrastrar y soltar que te permite crear tu propio diseño de pie de página personalizado.
Estos ajustes se ubicarán en algún lugar dentro de las opciones de tu tema en la barra lateral del Personalizador. Con Neve, es muy fácil acceder a las opciones de pie de página, solo tienes que elegir la selección de pie de página de nivel superior. Sin embargo, muchos otros temas colocan la configuración de su pie de página en un submenú de otra sección.
Un buen truco para encontrar rápidamente estos ajustes es pasar el cursor sobre el pie de página en la vista previa en vivo. A continuación, debería ver un icono de lápiz azul – si hace clic en ese icono, debería llevarlo directamente a la configuración del pie de página:
Desde allí, puedes usar la configuración de tu tema para personalizar tu pie de página. Con Neve, obtienes este generador de arrastrar y soltar realmente limpio donde puedes controlar el diseño exacto de tu pie de página:
Es posible que tu tema no te dé una herramienta tan flexible, pero deberías tener al menos algunas opciones.
A medida que realice cambios, la vista previa en vivo de su pie de página se actualizará automáticamente.
Una vez que esté satisfecho con su aspecto, asegúrese de hacer clic en el botón Publicar.
Menú de WordPress
Algunos temas de WordPress utilizan el sistema de menús de WordPress para crear un menú de pie de página. Esto te permite editar los enlaces que aparecen en el pie de página de tu sitio, pero no te permite agregar contenido personalizado como puedes con los widgets.
Dependiendo de cómo se creó el tema, puede usar un menú de pie de página para controlar solo una parte del pie de página. O, es posible que tu tema ni siquiera tenga uno.
Para comprobar si tu tema tiene esta función, abre el área de menús en el Personalizador de WordPress. A continuación, seleccione la opción para Ver Todas las Ubicaciones:
Si tu tema tiene un menú de pie de página, deberías ver una ubicación llamada «Menú de pie de página» o algo similar. Puede elegir un menú existente de su sitio o hacer clic en el enlace para crear un nuevo menú:
Si creas un menú nuevo, podrás agregar elementos de menú allí mismo en el Personalizador. A medida que agregue contenido nuevo, debería ver automáticamente la actualización de vista previa en vivo:
Una vez que hayas terminado, asegúrate de hacer clic en el botón para publicar tu menú.
Cómo crear un pie de página personalizado de WordPress con arrastrar y soltar
Si aprender a editar un pie de página en WordPress no es suficiente para ti, puedes ir un paso más allá y crear tu propio pie de página completamente personalizado.
No se preocupe – no necesita ningún conocimiento técnico especial ni habilidades de código para hacer esto. En su lugar, puedes usar un editor visual de arrastrar y soltar para crear el pie de página perfecto para tu sitio.
Podrás controlar completamente el diseño y los colores, a la vez que agregas tu propio texto, imágenes, formularios, botones, integraciones de redes sociales y mucho más.
Para lograr esto, puede usar dos complementos gratuitos:
- Elementor: este popular creador de páginas le brinda una experiencia visual de edición de arrastrar y soltar. Obtenga más información en nuestra revisión de Elementor.
- Elementor-Encabezado, Pie de página & Plantilla de bloques-este complemento gratuito le permite usar Elementor para diseñar el pie de página de su tema
Para comenzar, asegúrese de instalar y activar ambos complementos. Luego, siga estas instrucciones para editar un pie de página en WordPress usando Elementor
Crear una plantilla de pie de página
Una vez que ambos complementos estén activos, vaya a Apariencia → Encabezado de pie de página & Bloques en su panel de WordPress. A continuación, haz clic en Agregar nuevo para crear una nueva plantilla:
En Tipo de plantilla, elija Pie de página. Luego, puede usar los otros ajustes para controlar dónde mostrar su pie de página y quién debería verlo. Para usar este pie de página para cada página de su sitio, seleccione la opción para mostrar en todo el sitio web.
Una vez que esté satisfecho con las reglas, haga clic en el botón para publicarlo, al igual que una publicación de blog:
Añadir contenido con Elementor
A continuación, haga clic en el botón Editar grande con Elementor para iniciar la interfaz de Elementor. Ahora, puedes usar el editor visual de arrastrar y soltar para personalizar cada parte de tu pie de página.
Para comenzar, agregue una sección con el número de columnas que desea usar:
Luego, puedes agregar diferentes tipos de contenido usando los muchos widgets de Elementor. El complemento Elementor – Header, Footer & Blocks Template también agrega algunos widgets útiles propios, como un widget dedicado de derechos de autor:
Una vez que estés satisfecho con tu diseño, asegúrate de guardarlo. Luego, estará en vivo en su sitio.
Para obtener más información sobre cómo usar Elementor, echa un vistazo a estas publicaciones:
- Revisión de Elementor
- Cómo crear una página de destino con Elementor (esto no es específico para crear un pie de página, pero le enseña a usar la interfaz de Elementor)
Cómo agregar código personalizado al pie de página de WordPress
A veces, es posible que desee agregar código de backend al pie de página de su sitio de WordPress en lugar de cambiar la apariencia de los visitantes. Por lo general, usará este enfoque para rastrear scripts, análisis, herramientas de prueba A/B, etc. Básicamente, cualquier situación en la que necesite agregar algo de JavaScript al pie de página de su sitio.
Para inyectar fácilmente este código sin necesidad de crear un tema secundario y editar manualmente la plantilla de pie de página, puede usar el complemento Insertar encabezados y pies de página gratuito de WordPress.org.
Una vez que lo instale y active, puede ir a Configuración → Insertar encabezados y pies de página y agregar los scripts para incluir en su pie de página de WordPress:
¡Así es como se edita un pie de página en WordPress!
Para recapitular, te hemos mostrado algunos métodos diferentes que puedes usar para editar un pie de página en WordPress.
La mayoría de las personas deben comenzar con el Personalizador de WordPress, ya que ahí es donde tu tema debe tener sus opciones de personalización de pie de página integradas.
Dependiendo del tema, puede usar widgets de WordPress, configuraciones de tema únicas y/o el sistema de menús de WordPress.
Por ejemplo, nuestro tema gratuito Neve incluye su propio generador de pies de página en el Personalizador de WordPress que también incorpora widgets y menús.
Si su tema no le da suficiente control sobre su pie de página, otra opción es construirlo usted mismo utilizando el popular complemento Elementor page builder.
Finalmente, en cuanto a qué incluir en su pie de página, consulte nuestra publicación en tres elementos clave de pie de página para todos los sitios web.