M谩s

    C贸mo agregar notas a pie de p谩gina simples y elegantes en WordPress

    - Advertisement -

    驴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.

    Agregar notas a pie de p谩gina en las publicaciones del blog de WordPress

    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:

    Ejemplo de nota a pie de p谩gina en el sitio web de McKinseyEjemplo de nota a pie de p谩gina en el sitio web de McKinsey

    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禄.

    Agregar una nota a pie de p谩gina a un texto en el editor de bloques de WordPressAgregar una nota a pie de p谩gina a un texto en el editor de bloques de WordPress

    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.

    Personalizando el bloque de notas al pie en el editor de bloques de WordPressPersonalizando el bloque de notas al pie en el editor de bloques de WordPress

    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.

    Ejemplo de nota a pie de p谩gina realizada en WordPressEjemplo de nota a pie de p谩gina realizada en WordPress

    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.

    Un ejemplo del contenido de la nota al pie en la parte inferior de la p谩gina, creado con WordPressUn ejemplo del contenido de la nota al pie en la parte inferior de la p谩gina, creado con WordPress

    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.

    Seleccionar un comportamiento de nota al pie de escritorio usando el complemento Notas al pie modernasSeleccionar un comportamiento de nota al pie de escritorio usando el complemento Notas al pie modernas

    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.

    Configuraci贸n de visualizaci贸n de notas al pie del complemento Modern FootnoteConfiguraci贸n de visualizaci贸n de notas al pie del complemento Modern Footnote

    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禄.

    Guardar cambios en el complemento Modern FootnotesGuardar cambios en el complemento Modern Footnotes

    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.

    Un ejemplo de c贸mo agregar un c贸digo corto de nota al pie usando el complemento Modern FootnotesUn ejemplo de c贸mo agregar un c贸digo corto de nota al pie usando el complemento Modern Footnotes

    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禄.

    Al hacer clic en el bot贸n Agregar una nota al pie del complemento Notas al pie modernasAl hacer clic en el bot贸n Agregar una nota al pie del complemento Notas al pie modernas

    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:

    C贸mo se ve la informaci贸n sobre herramientas de notas al pie modernasC贸mo se ve la informaci贸n sobre herramientas de notas al pie modernas

    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:

    C贸mo se ve el formato expandible de las notas al pie con el complemento Modern FootnotesC贸mo se ve el formato expandible de las notas al pie con el complemento Modern Footnotes

    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.

    El contenido de la nota al pie en la parte inferior de la p谩gina, creado con el complemento Modern FootnotesEl contenido de la nota al pie en la parte inferior de la p谩gina, creado con el complemento Modern Footnotes

    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.

    WPCode: el mejor complemento de fragmentos de c贸digo de WordPressWPCode: el mejor complemento de fragmentos de c贸digo de WordPress

    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

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

    Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.