Cómo personalizar extractos de WordPress (sin necesidad de codificación)

Como profesional experimentado del marketing o blogger, ya sabes cómo las primeras líneas de un artículo pueden captar instantáneamente la atención de los lectores. Pero, ¿cómo te aseguras de que tu sitio web de WordPress muestre los ganchos más interesantes en los extractos de todo tu sitio?

Los extractos de WordPress actúan como resúmenes de tus publicaciones, apareciendo en tu página de inicio, archivos y resultados de búsqueda. Ofrecen a los lectores una idea de qué trata tu contenido, ayudándoles a decidir si hacer clic.

En esta guía, te mostraremos cómo personalizar los extractos de WordPress sin escribir ningún código. Aprenderás a hacer que tus extractos trabajen más para ti en solo unos pocos pasos.

¿Cuándo y por qué deberías usar extractos en WordPress?

Hemos notado que el uso de extractos puede marcar una gran diferencia en el rendimiento de tu sitio de WordPress. Es una forma sencilla de acelerar tu sitio y evitar problemas de contenido duplicado.

Por defecto, WordPress muestra las publicaciones completas en tu página de inicio, página de blog y archivos. Si bien esto puede parecer conveniente, puede ralentizar tu sitio y crear contenido duplicado, lo cual no agrada a los motores de búsqueda.

Cambiar a extractos significa que tus páginas cargarán más rápido porque solo se carga un fragmento de cada artículo. Aquí hay algunos lugares donde tiene sentido usar extractos:

• Tu página de inicio, si muestra publicaciones de blog
• Tus páginas de archivo para categorías y etiquetas
• Tu página de blog, especialmente si usas una página de inicio estática

La mayoría de los temas de WordPress ya están configurados para usar extractos en tu página de inicio y archivos. Si estás usando un tema premium, es posible que incluso obtengas opciones para alternar entre publicaciones completas y extractos.

Para más información, consulta nuestra guía sobre publicaciones completas vs. extractos. Explica aún más razones por las que los extractos son una excelente opción.

Por qué podrías querer personalizar tus extractos

Si tu tema de WordPress usa extractos por defecto, entonces WordPress generará automáticamente un extracto para ti.

Por defecto, WordPress usa las primeras 55 palabras de tu publicación, aunque muchos temas mostrarán un poco más.

Entonces, ¿qué tiene de malo? ¿No puedes simplemente ahorrar tiempo dejando que WordPress cree el extracto por ti?

En nuestra experiencia, esto no funciona bien para la mayoría de los sitios web.

El extracto autogenerado comenzará con cualquier texto que esté al principio de tu publicación. Esto puede estar bien en algunos casos, pero no funciona tan bien si tienes algo *antes* de comenzar la introducción de tu publicación.

Aquí tienes un ejemplo de un sitio que usa el tema Ribosome:

Como puedes ver, el extracto muestra el texto desde el principio de la publicación. Esto incluye el crédito de la imagen destacada más una nota sobre cuándo se actualizó por última vez la publicación. Esto no se ve muy bien.

Si tu tema no maneja bien los extractos, es posible que desees personalizarlos para que sean más fáciles de leer y te ayuden a obtener más clics en las publicaciones.

Dicho esto, veamos diferentes formas de personalizar extractos en WordPress. Puedes usar los siguientes enlaces para saltar al método que desees:

1. Cómo agregar un extracto personalizado en WordPress (por defecto)
2. Cambiar la longitud del extracto
3. Cambiar el texto de "Leer más" para los extractos
4. Mostrar extractos en tu tema
5. Mostrar el inicio de tus publicaciones con la etiqueta "Más"
6. Agregar extractos personalizados de WordPress usando un plugin
7. Tutorial en video
8. Recursos adicionales

1. Cómo agregar un extracto personalizado en WordPress (por defecto)

Agregar un extracto personalizado en WordPress es bastante simple. Primero, necesitas crear una nueva publicación o editar una existente.

En el panel derecho de ‘Publicación’ del editor de contenido de WordPress, deberías ver el enlace ‘Editar extracto’ justo debajo del título de la publicación y la imagen destacada.

Al hacer clic en él, se mostrará el cuadro de extracto donde puedes escribir el resumen de tu publicación.

Puedes escribir tu extracto de publicación personalizado aquí. Nosotros simplemente copiamos el primer párrafo de nuestra publicación.

Tu tema de WordPress ahora usará el extracto personalizado para esta publicación.

Como puedes ver, el enlace Leer más no se muestra después del extracto. Dependiendo del tema que uses, los extractos personalizados pueden no tener este enlace.

El lector aún puede hacer clic en el título de la publicación o en la imagen destacada de la publicación para leer tu publicación completa.

2. Cambiar la longitud del extracto

Si deseas cambiar la longitud de los extractos en tu sitio, puedes usar el plugin gratuito WPCode.

En nuestra opinión, WPCode es la forma más fácil de administrar código personalizado en WordPress. Viene con una útil biblioteca de docenas de fragmentos de código de WordPress de uso común que te ayudan a personalizar WordPress sin instalar complementos adicionales.

Para más detalles, consulta nuestra reseña completa de WPCode.

En esta sección, utilizaremos uno de los fragmentos de código integrados de WPCode.

Para empezar, necesitas instalar y activar WPCode. Para más detalles, puedes consultar nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, puedes ir a Fragmentos de código » Agregar fragmento en tu panel de administración de WordPress y buscar 'excerpt'.

Pasa el cursor del ratón sobre el resultado titulado 'Cambiar longitud del extracto' y haz clic en el botón 'Usar fragmento'.

El plugin insertará el siguiente fragmento de código por ti:

add_filter(
	'excerpt_length',
	function ( $length ) {
		// Number of words to display in the excerpt.
		return 40;
	},
	500
);

Después de eso, verás la pantalla 'Editar fragmento'. WPCode ya ha preconfigurado todos los ajustes para ti.

Por defecto, este fragmento limitará el extracto a 40 palabras. Puedes ajustar el número en la Línea 5 a lo que mejor funcione para tu blog de WordPress.

Una vez que hayas establecido la longitud del extracto que deseas, solo tienes que activar el interruptor a 'Activo' y hacer clic en el botón 'Actualizar'.

Ahora, cuando visites tu sitio, los extractos acortados aparecerán donde sea que tu tema los muestre.

A continuación, se muestra un ejemplo de cómo se vería usando el tema Twenty Twenty-Two y configurando el fragmento de WPCode para mostrar 5 palabras.

Ten en cuenta que el fragmento de WPCode solo funciona con los extractos predeterminados que genera WordPress.

Cambiar la longitud de los extractos personalizados

Si deseas cambiar la longitud de los extractos personalizados, deberás agregar un fragmento personalizado y separado en WPCode. Es muy fácil copiar y pegar fragmentos de código en WordPress, y dado que estamos usando WPCode, hacerlo sigue muchos de los mismos pasos que los anteriores.

Primero, navega a Fragmentos de código » Agregar fragmento. Simplemente coloca el cursor sobre ‘Agregar tu código personalizado (Nuevo fragmento)’ y haz clic en el botón ‘+ Agregar fragmento personalizado’.

A continuación, verás la página ‘Crear fragmento personalizado’.

Ahora deberás darle un título a tu nuevo fragmento y luego pegar el siguiente código en el campo ‘Vista previa del código’:

add_filter( 'get_the_excerpt', function( $excerpt, $post ) {
	
	$excerpt_length = 40; // Change excerpt length 
	$excerpt_more   = '...<br><br><a href="' . get_permalink($post->ID) . '">Read More »</a>'; // Add ellipsis and 'Read More' permalink text when trimmed
	
    if ( has_excerpt( $post ) ) {
        $excerpt = wp_trim_words( $excerpt, $excerpt_length, $excerpt_more );
    }
	
    return $excerpt;
	
}, 10, 2 );

Puedes cambiar el valor de $excerpt_length en la Línea 3 para elegir cuántas palabras tendrá tu extracto personalizado.

Adicionalmente, editar el texto resaltado a continuación en la Línea 4 cambiará el texto del ancla para el enlace Leer más cuando el extracto se recorte.

Cuando hayas personalizado el fragmento a tus necesidades, asegúrate de que el ‘Tipo de código’ esté configurado como ‘Fragmento de PHP’.

Luego, puedes proceder a activar el interruptor a ‘Activo’ y hacer clic en el botón ‘Guardar fragmento’.

Ahora, cuando visites tu sitio, verás que tus extractos personalizados se acortan a la longitud que elegiste en la Línea 3.

3. Cambiar el texto de ‘Leer más’ para los extractos

Además del fragmento anterior, también puedes usar la biblioteca de fragmentos de WPCode para cambiar el texto de ‘Leer más’ que aparece con los extractos en la mayoría de los temas.

Simplemente instala y activa el plugin gratuito WPCode. Para más información, puedes seguir nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, puedes ir a Fragmentos de código » Añadir fragmento en tu panel de administración. Desde allí, simplemente busca ‘excerpt’ y pasa el ratón sobre el resultado titulado ‘Cambiar texto de Leer más para extractos’.

Puedes hacer clic en el botón ‘Usar fragmento’ para ir a la página ‘Editar fragmento’. WPCode ya ha preconfigurado el fragmento de código para ti y, por defecto, está configurado para decir ‘Leer la publicación completa’.

Sin embargo, puedes reemplazar el texto en la Línea 4 con lo que quieras.

Cuando estés contento con tu nuevo texto, simplemente activa el interruptor a ‘Activo’ y haz clic en el botón ‘Actualizar’.

4. Mostrar extractos en tu tema

La mayoría de los temas populares de WordPress vienen con soporte integrado para mostrar extractos personalizados en tus publicaciones.

Sin embargo, algunos temas pueden no tener soporte para extractos. Si ese es el caso del tuyo, entonces necesitarás modificar manualmente las plantillas de tu tema.

Agregar extractos de publicaciones en temas de bloques

Si estás utilizando un tema de bloques, puedes ir a la página Apariencia » Editor para editar tu tema en el Editor del Sitio.

Esto abrirá el editor del sitio. Haz clic en la plantilla que deseas editar desde la barra lateral izquierda o simplemente señala el área donde se muestran tus publicaciones.

El editor completo del sitio puede mostrar tus últimas publicaciones utilizando el bloque Bucle de consulta, que es la forma estándar de mostrar una lista de publicaciones.

Después de agregar el bloque Bucle de consulta, necesitas hacer clic en el botón 'Elegir' para seleccionar un patrón.

WordPress incluye varios diseños como patrones para el Bucle de consulta, puedes elegir entre cuadrícula, tabla, lista y más.

La plantilla de publicación generada ahora mostrará automáticamente el extracto de tu publicación.

Sin embargo, lo único que puedes cambiar aquí es el texto de 'leer más'.

Agregar extractos de publicaciones en temas clásicos

Si estás utilizando un tema clásico, puedes agregar un extracto de publicación creando un tema hijo y agregando algo de código.

Esto agrega cierta complejidad al proceso, y si no te sientes cómodo con eso, puedes usar el método 3 en este artículo, que no requiere que agregues ningún código.

En tu tema hijo, necesitarás la plantilla utilizada para mostrar las páginas que deseas modificar. Consulta nuestra guía sobre la jerarquía de plantillas de WordPress para determinar qué plantilla necesitas editar.

Los nombres de archivo diferirán ligeramente según tu tema, pero es probable que busques home.php, content.php, archive.php y category.php.

En cada uno de estos archivos, deberás encontrar esta línea:

<?php the_content(); ?>

A continuación, deberás reemplazarla con la etiqueta the_excerpt de esta manera:

<?php the_excerpt(); ?>

Importante: No recomendamos este método para principiantes. Incluso si tienes bastante experiencia con WordPress, es posible que desees evitar crear un tema hijo y editar los archivos de tu plantilla.

Los siguientes dos métodos son excelentes alternativas.

5. Mostrar el inicio de tus publicaciones con la etiqueta Más

Otra forma de crear una versión corta de tu publicación para tu página de inicio de WordPress y páginas de archivo es usando la etiqueta 'Más'.

Esto funciona un poco diferente a un extracto. En lugar de crear un fragmento de texto de tu publicación, la etiqueta Más te permite cortar tu publicación en un punto determinado.

Esto significa que solo la primera parte de tu publicación (hasta la etiqueta) se mostrará en la lista de publicaciones en tu página de inicio, página de categorías, etc. El beneficio de la etiqueta Más es que conserva todo tu formato.

En el punto donde coloques la etiqueta Más, WordPress mostrará un enlace de 'Leer más'. Los lectores pueden hacer clic en él para ir a tu publicación completa. También se les saltará automáticamente al punto correcto en la publicación.

Para crear una etiqueta Más, crea una nueva publicación o edita una existente.

A continuación, necesitas agregar un bloque donde quieras que vaya la etiqueta Más. Selecciona el bloque Más de la sección Opciones de diseño o búscalo usando la barra de búsqueda.

Así es como aparecerá la etiqueta Más dentro del editor de contenido.

Opcionalmente, puedes elegir ocultar el contenido antes de la etiqueta Más en la publicación real.

Nota: También puedes agregar una etiqueta Más en el editor clásico antiguo. Haz clic donde quieras colocar la etiqueta en tu publicación, luego haz clic en el botón Más en la barra de herramientas visual.

Prácticamente todos los temas podrán usar la etiqueta Más en cualquier lugar donde se muestren las publicaciones. Ten en cuenta que si tu tema muestra extractos, necesitarás personalizar el extracto en sí. No puedes cambiarlo agregando una etiqueta Más a las publicaciones.

6. Agregar extractos personalizados de WordPress usando un plugin

¿Qué pasa si la funcionalidad de extractos personalizados integrada de WordPress no hace lo que quieres... y tampoco quieres usar una etiqueta More?

Hay una solución fácil. Puedes usar un plugin para crear y mostrar extractos personalizados.

Primero, necesitas instalar y activar el plugin Advanced Excerpt.

Nota: La página del plugin puede mostrar una advertencia sobre no haber sido probado con versiones más recientes. Sin embargo, probamos el plugin y funcionó como se esperaba. Para más información, lee nuestra explicación sobre cómo instalar plugins de WordPress no probados.

Si no has instalado un plugin antes, echa un vistazo a nuestras instrucciones paso a paso sobre cómo instalar un plugin de WordPress.

Una vez que lo hayas activado, puedes ir a Ajustes » Extracto para configurar cómo funciona.

Aquí, puedes cambiar cosas como cuántos caracteres o palabras mostrará el extracto. También puedes decidir si permitir que el extracto se corte a mitad de palabra o a mitad de oración.

También puedes restaurar el enlace 'Leer más' que normalmente desaparece del extracto personalizado. Incluso puedes cambiarlo por el texto que quieras y modificar cómo funciona:

Consejo: Para usar extractos personalizados con este plugin, desmarca la casilla 'Generar extractos incluso si una entrada tiene un extracto personalizado adjunto'.

Se ve así.

Después de hacer cambios en la configuración de Advanced Excerpt, asegúrate de hacer clic en el botón 'Guardar' en la parte inferior de la pantalla.

Con el plugin Advanced Excerpt, tus extractos conservarán el formato de tu publicación. Aquí tienes un extracto generado automáticamente con el plugin activado.

Como puedes ver, se han conservado el salto de línea y el texto en cursiva.

Por defecto, el plugin Advanced Excerpt utilizará extractos en tu página de inicio, feed RSS y otras páginas de archivo.

No realiza ningún cambio en tu contenido y, si deseas desactivarlo, simplemente puedes desinstalar el plugin.

Tutorial en video

Recursos adicionales

A continuación, se presentan algunos recursos útiles que podrían ayudarte a personalizar WordPress para una mejor interacción del usuario.

• Cómo agregar palabras clave y meta descripciones en WordPress
• Mejores prácticas de llamada a la acción (CTA) para conversiones garantizadas en páginas de destino
• Cómo agregar metadatos de Facebook Open Graph en temas de WordPress
• Cómo agregar campos meta personalizados a taxonomías personalizadas en WordPress

Esperamos que este artículo te haya ayudado a personalizar fácilmente los extractos de WordPress sin necesidad de codificación. También te puede interesar nuestra lista de los plugins que todo sitio de negocios debe tener o nuestra guía sobre cómo mostrar metadatos de las entradas del blog en temas de WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.