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

Los extractos de WordPress brindan a los lectores una vista previa rápida de tus publicaciones en las páginas de archivo, los resultados de búsqueda y tu página de inicio.

Cuando funcionan bien, ayudan a las personas a decidir en qué hacer clic. Cuando no, pueden sentirse genéricos, cortados a mitad de frase o perder por completo el sentido de tu contenido.

Por defecto, WordPress genera automáticamente extractos para ti, pero esos resúmenes no siempre son ideales. Es por eso que muchos propietarios de sitios optan por personalizarlos para que sean más claros, intencionales y estén mejor alineados con lo que realmente les importa a los lectores.

En esta guía, te mostraremos varias formas sencillas de personalizar los extractos de WordPress sin tocar ningún código. Aprenderás a escribir tus propios resúmenes, ajustar la longitud del extracto y controlar exactamente qué se muestra en tu sitio.

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

Un extracto de WordPress es un resumen corto de tu publicación que aparece en tu página de inicio, página de blog, archivos y resultados de búsqueda. Ofrece a los visitantes una vista previa de tu contenido para que puedan decidir si hacer clic y leer más.

Por defecto, WordPress muestra el texto completo de cada publicación en estas páginas. Esto puede ralentizar tu sitio y crear problemas de contenido duplicado que perjudican tu SEO.

Cambiar a extractos mantiene tus páginas cargando rápido porque solo se muestra un pequeño fragmento de cada artículo.

Aquí hay algunos lugares donde usar extractos tiene sentido:

• 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 usan extractos en tu página de inicio y en los archivos. Si estás usando un tema premium, incluso podrías tener opciones para alternar entre publicaciones completas y extractos en la configuración del tema.

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, WordPress generará uno automáticamente para ti. Por defecto, WordPress toma las primeras 55 palabras de tu publicación para crear el extracto. Algunos temas anulan esto con su propia configuración o filtros para mostrar una longitud diferente.

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)

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

En el panel Publicación del lado derecho 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í. En nuestros sitios, solemos copiar la oración o dos más atractivas de la introducción y usarla como extracto. Esto ayuda a captar la atención y da a los lectores una idea clara de lo que aprenderá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. Es la forma más fácil de administrar código personalizado en WordPress.

WPCode viene con una útil biblioteca de docenas de fragmentos de código de WordPress comúnmente utilizados que te ayudan a personalizar WordPress sin instalar plugins 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 » Añadir 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', 'wpb_custom_excerpt_length', 999 );

function wpb_custom_excerpt_length( $length ) {
	return 40;
}

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.

En nuestra experiencia, 25-35 palabras funciona bien para la mayoría de los temas y mantiene los extractos legibles sin que se corten de forma extraña.

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, necesitarás añadir un fragmento personalizado y separado en WPCode.

Es muy fácil copiar y pegar fragmentos de código en WordPress, y como estamos usando WPCode, hacerlo sigue muchos de los mismos pasos que los anteriores.

Primero, navega a Fragmentos de código » Agregar fragmento. Simplemente pasa 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', 'wpb_limit_custom_excerpt_length', 10, 2 );
function wpb_limit_custom_excerpt_length( $excerpt, $post ) {
	$excerpt_length = 40; 
	$excerpt_more   = '...ID) . '">Read More »';
	if ( has_excerpt( $post ) ) {
		$excerpt = wp_trim_words( $excerpt, $excerpt_length, $excerpt_more );
	}
	return $excerpt;
}
	
	$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 según 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, puedes usar el fragmento anterior, también puedes usar la biblioteca de fragmentos de WPCode para cambiar el texto ‘Leer más’ que aparece con los extractos en la mayoría de los temas.

Una vez que el plugin se haya activado, puedes ir a Fragmentos de código » Agregar fragmento en tu panel de administración. Desde allí, simplemente busca ‘extracto’ y pasa el cursor 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 incorporado 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 usando un tema de bloques, entonces 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 de sitio completo puede mostrar tus últimas publicaciones usando el bloque Query Loop, que es la forma estándar de mostrar una lista de publicaciones.

Después de agregar el bloque Bucle de consulta, debes 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 usando un tema clásico, entonces puedes agregar un extracto de publicación creando un tema hijo y agregando algo de código.

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.

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 de jerarquía de plantillas de WordPress para averiguar 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(); ?>

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 podría mostrar una advertencia sobre no haber sido probado con versiones más recientes. Sin embargo, probamos el plugin en la última versión de WordPress (6.9) 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.

Preguntas Frecuentes Sobre los Extractos de WordPress

Aquí tienes algunas preguntas comunes que nuestros lectores hacen sobre los extractos de WordPress.

¿Cuál es la longitud predeterminada del extracto de WordPress?

Por defecto, WordPress genera extractos usando las primeras 55 palabras de tu publicación. Algunos temas anulan esta configuración para mostrar una longitud diferente.

¿Necesito un plugin para personalizar los extractos?

No, no necesitas un plugin. WordPress tiene un campo de extracto incorporado en el editor de publicaciones que te permite escribir resúmenes personalizados. Sin embargo, plugins como WPCode o Advanced Excerpt te dan más control sobre la longitud y el formato de los extractos.

¿Cuál es la diferencia entre un extracto y la etiqueta More?

Un extracto es un resumen de texto separado que aparece en las páginas de archivo. La etiqueta More divide el contenido real de tu publicación en un punto específico. Los extractos son solo texto, mientras que la etiqueta More conserva todo tu formato como imágenes, texto en negrita y enlaces.

¿Por qué no se muestran mis extractos personalizados?

Es posible que tu tema no admita extractos o que esté configurado para mostrar publicaciones completas en su lugar. Consulta la configuración del personalizador de tu tema o la documentación. También puedes usar un plugin como Advanced Excerpt para forzar la visualización de extractos.

¿Puedo usar formato HTML en los extractos?

Por defecto, WordPress elimina el HTML de los extractos y solo muestra texto plano. Si deseas conservar el formato, puedes usar un plugin como Advanced Excerpt, que tiene una opción para conservar las etiquetas HTML.

Tutorial en video

Recursos Adicionales para Personalizar WordPress

A continuación, se presentan algunos recursos útiles que podrían ayudarte a personalizar WordPress para una mejor participació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 código. 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 los metadatos de las entradas del blog en temas de WordPress.

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