¿Quieres agregar notas a pie de página a las publicaciones de tu blog de WordPress?
Si está escribiendo un artículo que hace referencia a investigaciones o contiene mucha información compleja, es posible que desee utilizar notas a pie de página en su contenido. Son pequeñas marcas numeradas en un texto que proporcionan contexto adicional a una oración o párrafo.
En este artículo, le mostraremos cómo agregar notas a pie de página simples y elegantes a las publicaciones de su blog de WordPress, paso a paso.
Si tiene un blog educativo, publica investigaciones o cubre noticias, las notas a pie de página son una excelente manera de darle más contexto a su contenido. Puede usarlos para agregar comentarios, resaltar hechos importantes o insertar citas de fuentes académicas en su sitio web.
Una nota al pie suele aparecer como un pequeño número en superíndice dentro del cuerpo principal del texto. El contenido real de la nota al pie se coloca en la parte inferior de la página o aparece como información sobre herramientas para distinguirlo del contenido principal.
Aquí hay un ejemplo:
Además de brindar claridad y transparencia a sus lectores, las notas a pie de página pueden hacer que su sitio web de WordPress parezca más profesional y confiable. Demuestran que usted ha investigado y tiene las fuentes para respaldar sus afirmaciones.
El editor de WordPress.org ahora tiene una función de notas al pie incorporada que puede usar fácilmente para insertar contexto adicional.
Esta guía le mostrará cómo agregar notas a pie de página de WordPress a las publicaciones o páginas de su blog utilizando dos métodos. Uno es con el uso del bloque de notas al pie en el editor de Gutenberg y el otro es con un complemento.
Puede utilizar los enlaces siguientes para saltar a un método específico:
Este método es mejor para las personas que desean utilizar notas a pie de página simples y no desean instalar un complemento para este propósito.
Para utilizar el bloque de notas al pie de WordPress, deberá abrir el editor de bloques de Gutenberg para una publicación o página nueva o existente.
Después de eso, simplemente resalte una palabra en su contenido a la que desee agregar la nota al pie. En la barra de herramientas del bloque, haga clic en la flecha desplegable y seleccione «Nota al pie».
Ahora serás redirigido a la parte inferior de la página, donde el bloque de Notas al pie se agregó automáticamente. Aquí puede escribir su información adicional.
Además, puede personalizar el color, la tipografía, las dimensiones y el borde del bloque usando la configuración en el panel de la derecha.
No dude en repetir este paso para incluir tantas notas a pie de página como sea necesario.
Cuando obtenga una vista previa de su sitio de WordPress, debería haber un enlace de nota al pie a la oración que destacó anteriormente.
Si hace clic en el hipervínculo, lo llevará al final de la página con la nota al pie.
Aquí también puede hacer clic en la flecha del hipervínculo para volver a la sección donde está asignada la nota al pie.
Si bien este método es bastante simple para principiantes, no ofrece muchas opciones de personalización. Si está buscando más formas de cambiar la apariencia de las notas al pie, continúe con el siguiente método.
Otro método para crear notas a pie de página es utilizar la herramienta gratuita Notas a pie de página modernas enchufar. A diferencia del bloque de Notas al pie, ofrece muchas más opciones para modificar la apariencia de las notas al pie.
Por ejemplo, puede hacer que la nota al pie aparezca como información sobre herramientas, así como información adicional en la parte inferior de la página.
Lo primero que harás será instalar el complemento Modern Footnotes. Para obtener más información sobre la instalación de complementos, consulte nuestra guía sobre cómo instalar un complemento de WordPress.
Configuración de los ajustes del complemento de notas al pie modernas
Con el complemento instalado, ahora puede ir a Configuración » Notas al pie modernas. Aquí es donde puede configurar los ajustes de las notas al pie según sus preferencias.
Repasemos cada configuración una por una.
El ‘Comportamiento de la nota al pie del escritorio’ le permite seleccionar cómo debe comportarse la nota al pie cuando el sitio web se ve en una computadora de escritorio.
Puede hacer que la nota al pie aparezca cuando el cursor pasa sobre la información sobre herramientas o cuando el usuario hace clic en la información sobre herramientas. Alternativamente, la nota al pie puede expandirse debajo del texto a pie de página.
Cuál elijas depende de tus preferencias. Dicho esto, la nota al pie se expandirá debajo del texto de forma predeterminada en las pantallas de los dispositivos móviles.
Además de eso, también puede marcar la casilla «Hacer que el contenido de la nota al pie aparezca en la información sobre herramientas nativa del navegador web al pasar el cursor sobre el número de la nota al pie» si es necesario. Esto significa que la nota al pie aparecerá en la información sobre herramientas del navegador en lugar de en la del complemento cuando el cursor pasa sobre el texto.
Recomendamos desactivar esta configuración si elige la opción de información sobre herramientas para el comportamiento de las notas al pie del escritorio. De lo contrario, tendrá dos información sobre herramientas para la misma nota al pie, lo que puede resultar molesto para los lectores.
A continuación, también puede optar por mostrar la lista de notas al pie en la parte inferior de las publicaciones. De esta forma, el lector puede ver toda la información adicional en un solo lugar.
Es posible que también desee habilitar esta función cuando la publicación del blog se distribuya a través de canales RSS.
Al desplazarse hacia abajo, puede optar por insertar un encabezado para su lista de notas al pie y elegir una etiqueta de encabezado para él. Esto ayuda a separar el contenido real de la publicación de su blog de las notas a pie de página. Puede escribir algo como referencias, notas a pie de página, citas o información adicional.
Si desea agregar algún CSS personalizado para modificar el texto de la nota al pie, no dude en insertarlo en el cuadro ‘CSS personalizado de nota al pie moderna’.
Por último, pero no menos importante, puede personalizar el código corto de Modern Footnotes si no desea utilizar la versión integrada. Asegúrese de ingresar el código corto sin los corchetes.
Una vez que esté satisfecho con la configuración, simplemente haga clic en «Guardar cambios».
Agregar notas al pie utilizando el complemento de notas al pie modernas
Ahora que ha configurado los ajustes de Notas al pie modernas, insertemos algunas notas al pie en su contenido. Continúe y abra el editor de bloques para una publicación o página nueva o existente.
Hay dos formas de agregar una nota al pie. Uno es con un shortcode, que es lo que recomendamos.
Primero, busque la oración que desea insertar como nota al pie. Luego, justo al lado de esa oración, escribe el siguiente código corto:
[mfn]Insert your footnote here[/mfn]
Asegúrese de reemplazar el texto entre corchetes con su información.
También sugerimos colocar el shortcode dentro del mismo bloque que la oración, justo al lado del texto, sin espacios entre ellos, como en el siguiente ejemplo. De lo contrario, la nota al pie puede parecer desconectada del texto.
El otro método es escribir el texto de la nota al pie junto a la oración a la que desea agregar la nota al pie. Asegúrese de que no haya espacios entre el texto de la nota al pie y la oración.
En el siguiente ejemplo, queremos agregar una nota a pie de página que contenga una cita académica para la oración que comienza con «Los estudios sugieren…»
A continuación, resalte la nota al pie y haga clic en el botón de flecha hacia abajo en la barra de herramientas. Después de eso, seleccione «Agregar una nota al pie».
El inconveniente del segundo método es que puede ser difícil rastrear qué líneas de texto han recibido una nota al pie y cuáles no cuando estás editando el contenido. Por eso recomendamos el método shortcode.
Cuando obtenga una vista previa de la publicación del blog, verá que ahora hay un número al lado de la oración. Si utiliza la opción de información sobre herramientas, así es como se verá la nota al pie:
Por otro lado, la nota al pie aparecerá debajo del texto si utiliza el formato expandible.
Así es como se ve cuando haces clic en el número:
Finalmente, si elige mostrar todo el contenido de la nota al pie en la parte inferior de la publicación, puede desplazarse hacia abajo para encontrarlo todo allí.
Deberían estar en algún lugar encima de la sección de comentarios.
Consejo adicional: utilice campos personalizados de WordPress para agregar más información a su contenido
Además de las notas a pie de página, otra forma de proporcionar información adicional en sus publicaciones y páginas de WordPress es mediante el uso de campos personalizados.
Los campos personalizados de WordPress son metadatos que se utilizan para insertar información adicional en una publicación o página. Por ejemplo, si tiene un blog con varios autores, es posible que desee mostrar los nombres de sus colaboradores en la publicación del blog, no solo el suyo.
Si está interesado en campos personalizados, consulte nuestra guía básica de campos personalizados de WordPress.
Le mostraremos cómo agregar campos personalizados usando el editor de bloques y algunos complementos, incluidos Código WPC. Este complemento ofrece una manera fácil y segura de agregar fragmentos de código a su sitio web de WordPress, incluso si es un principiante.
Esperamos que este artículo le haya ayudado a aprender cómo agregar notas a pie de página en su sitio web de WordPress. Quizás también quieras echar un vistazo a nuestras selecciones de expertos para conocer los mejores complementos de tipografía de WordPress y nuestra guía sobre cómo mostrar y ocultar texto en publicaciones de WordPress con el efecto de alternar.
Si te gustó este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.
Fuente: Cómo agregar notas a pie de página simples y elegantes en WordPress