Cómo personalizar los extractos de WordPress (No requiere código)

¿Quieres personalizar tu extracto de WordPress?

Un extracto es un breve fragmento de código de su entrada que puede mostrar en una lista de entradas del blog o en otras páginas clave de su sitio web.

En este artículo, le mostraremos cómo personalizar sus extractos de WordPress sin escribir ningún código.

Tutorial en vídeo

Si prefiere instrucciones escritas, siga leyendo.

Cuándo y por qué utilizar extractos en WordPress

En primer lugar, vamos a hablar de cuándo tiene sentido utilizar extractos y por qué es una buena idea hacerlo.

Por defecto, WordPress muestra entradas completas en su página de inicio/ página de blog y archivos de su sitio.

Esto hace que su sitio web WordPress más lento, y también puede causar problemas con los motores de búsqueda, ya que significa que tendrá contenido duplicado en su sitio.

El uso de extractos hará que sus páginas carguen más rápido porque solo estará cargando una pequeña parte de cada artículo. Puede utilizar extractos en:

• La página de inicio de su sitio web, si muestra entradas de blog.
• Sus distintas páginas de archivo para categorías y etiquetas.
• La página de entrada de tu blog, si tienes una página de inicio estática.

Muchos temas de WordPress están configurados para usar extractos por defecto en lugares como tu página de inicio. Con los temas premium de WordPress, puede tener la opción de elegir si desea mostrar entradas completas o extractos.

Para más detalles, consulte nuestro artículo sobre entradas completas frente a extractos, donde encontrará más razones para utilizar extractos.

Por qué puede querer personalizar sus extractos

Si su tema de WordPress utiliza extractos por defecto, entonces WordPress generará automáticamente un extracto para usted. Por defecto, WordPress utiliza las primeras 55 palabras de su entrada, aunque muchos temas mostrarán un poco más.

¿Qué hay de malo en ello? ¿No puedes ahorrar tiempo dejando que WordPress haga el extracto por ti?

El problema es el siguiente. El extracto generado automáticamente comenzará con el texto que haya al principio de la entrada. Esto puede estar bien en algunos casos, pero no funciona tan bien si tienes algo antes de empezar la introducción de tu entrada.

He aquí un ejemplo de un sitio que utiliza el tema Ribosoma:

Como puede ver, el extracto muestra el texto desde el principio de la entrada. Incluye los créditos de la imagen destacada y una nota acerca de la última actualización de la entrada. Esto no tiene muy buena pinta.

Si su tema no maneja muy bien los extractos, puede personalizarlos para que sean más fáciles de leer y le ayuden a conseguir más clics para las entradas.

Dicho esto, veamos diferentes formas de personalizar extractos en WordPress. Puede utilizar los siguientes enlaces para saltar al método que desee:

1. Cómo añadir un extracto personalizado en WordPress (por defecto)

Añadir un extracto personalizado en WordPress es bastante sencillo. En primer lugar, debe crear una nueva entrada o editar una existente.

En el panel derecho del editor de contenido de WordPress, debería ver el menú desplegable “Extracto”. Haz clic en la flecha hacia abajo situada a su lado.

Se expandirá para mostrar el cuadro de extracto.

Aquí puede personalizar el extracto de su entrada. Nosotros simplemente copiamos el primer párrafo de nuestra entrada.

Nota: Si todavía utiliza el antiguo editor clásico, deberá hacer clic en la pestaña “Opciones de pantalla”, situada en la esquina superior derecha. A continuación, marque / compruebe la casilla “Extracto”. Ahora verás un espacio para tu extracto debajo de la casilla donde escribes tu entrada.

Su tema de WordPress utilizará ahora el extracto personalizado para esta entrada.

Como puede ver, el enlace Leer más no aparece después del extracto. Dependiendo del tema que utilice, es posible que los extractos personalizados no tengan este enlace.

El lector puede seguir haciendo clic en el título de la entrada o en la imagen destacada para leer la entrada completa.

2. Modificación de la longitud del extracto

Si quieres cambiar la longitud de los extractos en tu sitio, puedes usar el plugin gratuito WPCode. No solo es la forma más fácil y segura de añadir código personalizado a tu sitio, sino que también viene con una gran biblioteca de fragmentos de código preconfigurados.

Hoy utilizaremos uno de estos fragmentos de código integrados.

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

Una vez activado, puede ir a Fragmentos de código “ Añadir fragmento en su panel de administrador de WordPress y buscar “extracto”.

Pase el cursor por encima del resultado titulado “Cambiar la longitud del extracto” y haga clic en el botón “Usar fragmento de código”.

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

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

Después, verás la pantalla ‘Editar fragmento de código’. WPCode ya ha preconfigurado todos los ajustes para ti.

Por defecto, este fragmento de código limitará el extracto a 40 palabras. Puedes ajustar el número de la línea 5 a lo que mejor se adapte a tu blog de WordPress.

Una vez que haya establecido la longitud del extracto que desea, sólo tiene que conmutar el interruptor a “Activo” y hacer clic en el botón “Actualizar”.

Ahora, cuando visite su sitio, los extractos acortados estarán donde su tema los muestre.

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

Tenga en cuenta que el fragmento de código de WPCode solo funciona con los extractos por defecto que genera WordPress.

Cambiar la longitud de los extractos personalizados

Si quieres cambiar la longitud de los extractos personalizados, tendrás que añadir un fragmento de código separado y personalizado en WPCode. Es muy fácil copiar y pegar fragmentos de código en WordPress, y ya que estamos utilizando WPCode, hacerlo sigue muchos de los mismos pasos anteriores.

En primer lugar, vaya a Fragmentos de código “ Añadir fragmento. Pase el ratón por encima de “Añada su código personalizado (nuevo fragmento)” y haga clic en el botón “Usar fragmento”.

A continuación, verá la página “Crear fragmento de código personalizado”.

Ahora tendrá que dar un título a su nuevo fragmento de código y, a continuación, 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 );

Puede cambiar el valor de $excerpt_length en la línea 3 para elegir cuántas palabras tendrá su extracto personalizado.

Además, la edición del texto resaltado a continuación en la línea 4 cambiará el texto de anclaje para el enlace Leer más cuando se recorte el extracto.

Cuando haya personalizado el fragmento de código según sus necesidades, asegúrese de que el “Tipo de código” está establecido en “Fragmento de código PHP”.

A continuación, puede cambiar el conmutador a “Activo” y hacer clic en el botón “Guardar fragmento de código”.

Ahora, cuando visite su sitio, verá que sus extractos personalizados se han acortado a la longitud que eligió en la Línea 3.

3. Cambiar Leer más texto por extractos

Además del fragmento de código anterior, también puede utilizar la biblioteca de fragmentos de código WPCode para cambiar el texto “Leer más” que aparece con los extractos en la mayoría de los temas.

Sólo tienes que instalar y activar 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, puede ir a Fragmentos de código ” Añadir fragmento en su panel de administrador. A partir de ahí, sólo tiene que buscar ‘extracto’ y al pasar el cursor sobre el resultado titulado ‘Cambiar Leer más texto para extractos.’

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

No obstante, puede sustituir el texto de la línea 4 por el que desee.

Cuando estés satisfecho con tu nuevo texto, sólo tienes que activar el conmutador y hacer clic en el botón “Actualizar”.

4. Visualización de extractos en su tema

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

Sin embargo, algunos temas pueden no ser compatibles con extractos. Si ese es el caso del suyo, tendrá que modificar manualmente las plantillas de su tema.

Añadir extracto de entradas en temas de bloques

Si está utilizando un tema de bloque, puede ir a la página Apariencia ” Editor para editar su tema en el Editor del sitio.

Esto abrirá el editor del sitio. Haga clic en la plantilla que desea editar desde la barra lateral izquierda o simplemente señale el área donde se muestran sus entradas.

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

Después de añadir el bloque de bucle de consulta, debe hacer clic en el botón “Elegir” para seleccionar un patrón.

WordPress incluye varias disposiciones como patrones para el bucle de consulta, puede elegir entre cuadrícula, tabla, lista, etc.

La plantilla de entradas generada mostrará automáticamente el extracto de la entrada.

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

Añadir extracto de entradas en temas clásicos

Si utilizas un tema clásico, puedes añadir un extracto de entrada creando un tema hijo y añadiendo código.

Esto añade cierta complejidad al proceso, y si no se siente cómodo con ello, puede utilizar el método 3 de este artículo, que no le obliga a añadir ningún código.

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

Los nombres de archivo variarán ligeramente dependiendo de su tema, pero es probable que busque home.php, content.php, archive.php y category.php.

En cada uno de estos archivos, tendrá que encontrar esta línea:

<?php el_contenido(); ?>

A continuación, tendrá que sustituirla por la etiqueta_excerpt de la siguiente manera:

<?php the_excerpt(); ?>

Importante: No recomendamos este método para principiantes. Incluso si tiene bastante experiencia con WordPress, es posible que desee evitar la creación de un tema hijo y la edición de los archivos de plantilla.

Los dos métodos siguientes son excelentes alternativas.

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

Otra forma de crear una versión abreviada de la entrada para la página de inicio y las páginas de archivo de WordPress es utilizar la etiqueta “Más”.

Funciona de forma un poco diferente a un extracto. En lugar de crear un fragmento de código de solo texto, la etiqueta Más permite interrumpir la entrada en un punto determinado.

Esto significa que solo la primera parte de tu entrada (hasta la etiqueta) se mostrará en la lista de entradas de tu página de inicio, página de categorías, etc. La ventaja de la etiqueta Más es que mantiene todo el formato.

En el lugar donde coloque la etiqueta Más, WordPress mostrará un enlace “Leer más”. Los lectores pueden hacer clic en él para ir a toda la entrada. También se les redirigirá automáticamente al punto correcto de la entrada.

Para crear una etiqueta Más, cree una entrada nueva o edite una existente.

A continuación, tienes que añadir un bloque donde quieras que vaya la etiqueta Más. Seleccione el bloque Más en la sección Opciones de disposición o búsquelo con la barra de búsqueda.

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

Si lo desea, puede ocultar el contenido antes de la etiqueta Más en la propia entrada.

Nota: También puedes añadir una etiqueta Más en el antiguo editor clásico. Haga clic donde desee colocar la etiqueta en la propia entrada y, a continuación, haga clic en el botón Más de la barra de herramientas visual.

Prácticamente todos los temas podrán utilizar la etiqueta Más en cualquier lugar donde se muestren entradas. Tenga en cuenta que si su tema muestra extractos, sin embargo, tendrá que personalizar el propio extracto. No puedes cambiarlo añadiendo una etiqueta Más a las entradas.

6. Adición de extractos personalizados de WordPress usando plugins

¿Qué pasa si la funcionalidad de extractos personalizados incorporada en WordPress no hace lo que quieres… y tampoco quieres usar una etiqueta Más?

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

En primer lugar, debe instalar y activar el plugin Advanced Excerpt.

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

Una vez activado, puedes ir a Ajustes ” Extracto para establecer cómo funciona.

Aquí puede cambiar aspectos como el número de caracteres o palabras que mostrará el extracto. También puede decidir si desea que el extracto se corte a mitad de palabra o de frase.

También puede volver a enlazar el enlace “Leer más” que normalmente desaparece del extracto personalizado. Incluso puedes cambiarlo por el texto que quieras y modificar su funcionamiento:

Sugerencia: Para utilizar extractos personalizados con este plugin, desmarque la casilla ‘Generar extractos incluso si una entrada tiene un extracto personalizado adjunto’.

Se parece a esto.

Después de realizar cambios en los ajustes avanzados del extracto, asegúrese de hacer clic en el botón “Guardar” situado en la parte inferior de la pantalla.

Con el plugin Advanced Excerpt, tus extractos conservarán el formato de tus entradas. Aquí tienes un extracto autogenerado con el plugin activado.

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

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

No realiza ningún cambio en su contenido, y si desea desactivarlo, sólo tiene que desactivar el plugin.

Esperamos que este artículo le haya ayudado a personalizar fácilmente los extractos de WordPress sin necesidad de código. También te puede gustar nuestra lista de los plugins que todo sitio de negocios debe tener o nuestra guía sobre cómo obtener un certificado SSL para tu sitio.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.