Post Top Ad

Your Ad Spot

viernes, 4 de septiembre de 2020

Cómo usar extractos de WordPress

 Cómo usar extractos de WordPress


En este tutorial de WordPress aprenderemos cómo hacer uso de extractos de WordPress en el tema personalizado que hemos estado construyendo juntos. Además del extracto en sí, veremos cómo agregar enlaces de extractos y personalizar el texto 'Leer más' que puede haber visto en varios sitios web con WordPress. Ya vimos un poco sobre cómo usar extractos en nuestras páginas de archivo, pero ¿qué pasa con las publicaciones principales de su blog? Tal vez no desee mostrar todo el contenido de los artículos en su página principal cuando el visitante llega por primera vez a su sitio. Esto es especialmente cierto si tiene publicaciones en blogs con gran cantidad de contenido. Veamos las diversas formas en que puede usar extractos de WordPress para resolver este problema.


Publicaciones de blog sin extracto

Todavía no tenemos ninguna funcionalidad extraída agregada a nuestras publicaciones o tema. Por lo tanto, cuando un visitante visita nuestro sitio, ve todo el contenido de cada publicación a la vez. En este momento, eso no es gran cosa porque nuestras publicaciones de ejemplo son simples y cortas. Sin embargo, considere si normalmente muestra 5 o más publicaciones en su página de inicio. ¿Qué pasa si cada una de esas publicaciones son artículos grandes con 2000 palabras? En ese punto, estaría cargando 10,000 palabras de contenido además de las imágenes y los medios contenidos en esa publicación. Esto no es ideal. Veamos cómo se ve nuestro sitio de tutoriales de wordpress sin los extractos hasta ahora.
sin extracto en la página de inicio de wordpress


Agregar un extracto con 'Editar publicación'

Hay algunas formas de habilitar extractos en su sitio de WordPress, y la primera de ellas es habilitar manualmente el enlace Leer más publicación por publicación. Entonces, para nuestra publicación de blog Tutorial de JavaScript de ejemplo, editaremos esa publicación y habilitaremos el enlace leer más así:

Puede usar el editor de texto
agregando leer más enlace de extracto en el editor de texto de wordpress
o puede usar el editor visual
agregando leer más enlace de extracto en el editor visual de wordpress

Una vez que haya realizado los cambios necesarios en la publicación utilizando el editor de texto o visual, puede hacer clic en 'actualizar' para que los cambios surtan efecto.
haga clic en actualizar para que los cambios surtan efecto

En este punto, nuestro Tutorial de JavaScript tiene un enlace de extracto en su lugar, mientras que todas las demás publicaciones no tienen ningún tipo de extracto. Entonces podemos ver que este enfoque es realmente fácil. Todo lo que tienes que hacer es colocar el cursor donde te gustaría que aparezca el enlace del extracto en tu publicación, luego hacer clic en la etiqueta 'más' en el editor y luego actualizar la publicación. WordPress sabe cómo insertar automáticamente el enlace una vez que visita la página de inicio. Muy agradable.
una publicación tenía un extracto, las otras no


Cómo personalizar el texto de anclaje de un extracto

Podemos ver que, de forma predeterminada, agregar el extracto produce un enlace que tiene el texto de anclaje de '(más ...)'. ¿Hay alguna forma de personalizar este texto? ¡De hecho la hay! Tal vez quieras cambiar el extracto por "¡Compruébalo!". ¿Cómo podríamos hacer eso? Bueno, resulta que podemos pasar un argumento a la función the_content () en nuestro archivo de tema para que esto suceda. Podemos abrir nuestro archivo index.php y realizar la modificación allí.

¡Echale un vistazo!
texto de anclaje de extracto personalizado


Cómo hacer que todas las publicaciones muestren solo un extracto con the_excerpt ()

Ahora vimos que es bastante fácil agregar un enlace de lectura más a sus publicaciones a través del editor de WordPress. Puede que estés pensando, bueno, eso es genial, pero no tengo ganas de tener que hacer eso para todas y cada una de las publicaciones de blog que escribo. Peor aún, quizás ya tenga cientos de publicaciones y ahora le gustaría hacer uso de esta técnica de extractos en todas ellas. No temas, la función_excerpt () está aquí. Para lograr esto, continuaremos e intercambiaremos la función_content () en nuestro index.php por the_excerpt (). Lo que esto hará es limitar el texto a 55 palabras para cada publicación y luego agregar un símbolo de […] para indicar que hay más para tener. Tenga en cuenta que no crea un vínculo de forma predeterminada. Podemos ver esto en acción aquí mismo.
el extracto en la página de inicio


Especificar texto personalizado para usar en el extracto

Cuando hacemos uso de la función the_excerpt (), se utilizarán las primeras 55 palabras de la publicación como extracto. Lo que quizás no sepa es que puede utilizar texto personalizado para el extracto. Es posible que este texto ni siquiera esté en la publicación, pero puede usarlo si lo desea. Lo primero que deberá hacer es activar la opción Extracto en Opciones de pantalla donde edita la publicación.
activar extracto en las opciones de pantalla wordpress

Una vez que esto esté habilitado, verá un mensaje que dice “Los extractos son resúmenes opcionales hechos a mano de su contenido que se pueden usar en su tema. Obtenga más información sobre los extractos del manual ". Seguiremos adelante y estableceremos un texto personalizado para el campo de extracto ahora.
texto de extracto personalizado

Tenga en cuenta que solo la publicación en la que configuramos el extracto personalizado usa el texto personalizado. Las otras publicaciones todavía usan un extracto, pero nuevamente WordPress hace uso de las primeras 55 palabras de la publicación del blog para completar el extracto en este caso. ¡Muy genial!
resultado de extracto personalizado


Agregar single.php a su tema

Con el cambio que hicimos en nuestro archivo index.php, ahora tenemos un pequeño problema. Cuando solo tenemos un archivo index.php, ese archivo se usa para generar html tanto para la página de inicio en sí * como * para cuando hace clic en una publicación de blog para ver solo esa publicación de blog. Ahora, acabamos de hacer un cambio en ese archivo index.php y eliminamos la función_content () y la reemplazamos con la función_excerpt (). ¿Ves el problema ahí? Sí, así es, con las cosas como están ahora, si hace clic en una publicación de blog individual, ¡seguirá viendo solo el extracto! Definitivamente ese no es el comportamiento que estamos buscando. ¿Entonces, cuál es la solución? En este caso, continuaría haciendo que el archivo index.php use la función the_excerpt () mientras crea un nuevo archivo de single.php que usa la función the_content ().

single.php


Añadiendo enlaces "Leer más" a […]

Hacer uso de la función the_excerpt () es bastante útil, pero perdimos el hipervínculo real que se insertó cuando agregamos la etiqueta more manualmente en el editor de wordpress. Si desea incluir enlaces con el símbolo […], entonces podemos utilizar get_the_excerpt () y the_permalink () para configurar enlaces para nosotros. Tenga en cuenta el código resaltado aquí en nuestro archivo index.php.

index.php

Ahora tenemos todas las publicaciones que muestran el extracto, además de incluir un hipervínculo real en el que podemos hacer clic para leer más. Muy agradable.
debes hacer eco de la función get-the-excerpt


Cómo personalizar la longitud del extracto en WordPress

Tal vez el valor predeterminado de 55 palabras no funcione bien con su tema en particular. ¿Cómo podemos personalizar la cantidad de palabras que se utilizan para el extracto? Para esto, necesitaremos agregar una función a nuestro archivo functions.php. Así es como podemos lograr esto.

WordPress hace uso del concepto de ganchos, que casi se puede considerar como eventos. Es una forma de decirle a WordPress, oye, cuando ocurra este evento, en realidad quiero que esto también suceda. Eso es básicamente lo que hemos hecho en este fragmento. Le estamos diciendo a wordpress que cuando ocurra el evento 'excerpt_length', asegúrese de ejecutar mi función personalizada, que es custom_the_excerpt_length (). Ojalá tenga sentido. Pronto tendremos un tutorial completo sobre ganchos. Por ahora, compruébalo, la longitud de nuestro extracto ahora se muestra como solo 30 palabras. ¡Frio!
longitud del extracto de cutom a través de functions-php


Cómo utilizar el resumen de extractos de WordPress

Aprovechar extractos en sus temas de WordPress es una excelente manera de proporcionar información resumida para un gran número de publicaciones, al tiempo que permite al usuario profundizar más según lo desee. En este tutorial, cubrimos la mayoría de las diferentes formas en que puede hacer uso de extractos y personalizarlos en su tema de WordPress. Aprendimos cómo crear manualmente un enlace de lectura más en publicaciones individuales con el editor de texto y visual de WordPress. Luego vimos cómo personalizar el texto de anclaje de los enlaces que genera WordPress a través de una cadena de texto personalizada que se pasa a la función the_content (). Desde allí vimos cómo usar la función the_excerpt () y configurar extractos de texto personalizados en las opciones de pantalla de wordpress. También agregamos enlaces usando las funciones get_the_excerpt () y the_permalink () juntas. Por último, aprendimos cómo cambiar la longitud predeterminada del extracto de 55 palabras a un número de nuestra elección. ¡Creo que casi lo hace por extractos en WordPress! ¡Buen trabajo!

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas