Cómo mostrar extractos de publicaciones en temas de WordPress

Los extractos ofrecen una vista previa breve de tu contenido, permitiendo a los visitantes entender rápidamente de qué trata cada publicación y animándolos a hacer clic para ver más. Esto es especialmente útil para listados de blogs, archivos y páginas de resultados de búsqueda.

Al mostrar extractos de publicaciones, puedes hacer que el diseño de tu sitio sea visualmente atractivo y reducir su tiempo de carga. Sin embargo, la mayoría de los temas de WordPress no muestran extractos de publicaciones por defecto. Tendrás que configurarlo tú mismo.

En WPBeginner, siempre mostramos extractos de nuestros artículos tanto en la página de inicio como en la del blog. Este enfoque nos permite destacar más publicaciones por adelantado, facilitando a los visitantes la navegación por nuestro contenido. También tenemos mucha experiencia personalizando temas de WordPress y optimizando blogs.

En este artículo, te mostraremos cómo agregar fácilmente extractos de publicaciones a tu tema de WordPress.

¿Por qué mostrar extractos de publicaciones en WordPress?

Por defecto, WordPress mostrará las publicaciones completas en la página de inicio, la página del blog y las páginas de archivo en todo tu sitio web. Sin embargo, esta no es la mejor experiencia para los usuarios que desean navegar rápidamente por las diferentes publicaciones y encontrar la que quieren leer primero.

También puede significar mucho desplazamiento, lo cual es un gran problema para los usuarios de teléfonos inteligentes y tabletas.

A medida que publicas más artículos, WordPress también puede dividir tus blogs en varias páginas usando paginación. A medida que tus artículos más antiguos se empujan a otras páginas, a menudo recibirán muchas menos vistas y menos interacción.

Por esta razón, muchos propietarios de blogs muestran extractos de publicaciones en sus páginas de archivo y de índice del blog en su lugar. Dado que solo se carga una parte de cada artículo, esto puede aumentar la velocidad y el rendimiento de tu WordPress.

WordPress tiene soporte integrado para extractos de publicaciones, pero no todos los temas utilizan esta función.

Dicho esto, te mostraremos cómo mostrar extractos de publicaciones en cualquier tema de WordPress.

Cómo comprobar si tu tema de WordPress admite extractos de publicaciones

La mayoría de los temas populares de WordPress tienen una configuración que te permite mostrar extractos de publicaciones en lugar de la publicación completa.

Para ver si tu tema admite extractos de publicaciones, visita la página Apariencia » Personalizar en el panel de WordPress.

La ubicación de estas configuraciones variará según tu tema de WordPress, pero debes buscar cualquier configuración etiquetada como 'Blog'.

Por ejemplo, si estás utilizando el tema de WordPress Sydney, deberás seleccionar 'Blog' y luego hacer clic en 'Archivos del blog'.

Luego puedes desplazarte hacia abajo hasta la sección 'Elementos de publicación' y expandir la pestaña 'Contenido'. Una vez que lo hagas, selecciona la opción 'Extracto' en el menú desplegable debajo de 'Tipo de contenido'.

Si tu tema tiene una opción de 'Configuración del tema' o 'Configuración general de publicaciones', es posible que también puedas habilitar los extractos de publicaciones en estas secciones.

Una vez que hayas hecho eso, simplemente haz clic en el botón 'Publicar'. Ahora, si visitas el blog, el archivo o la página de inicio, deberías ver una lista de extractos de blog en lugar de publicaciones completas.

Si tu tema no tiene soporte integrado para extractos de publicaciones, entonces necesitarás agregarlo. Simplemente usa los enlaces rápidos a continuación para saltar al método que deseas usar:

• Método 1: Agregar extractos de publicaciones a WordPress usando código (fácil)
• Método 2: Agregar extractos de publicaciones usando el editor de sitio completo (solo temas de bloques)
• Método 3: Agregar extractos de publicaciones a WordPress usando un creador de temas (avanzado)
• Extra: Mostrar extractos para contenido protegido con contraseña

Método 1: Agregar extractos de publicaciones a WordPress usando código (fácil)

Si tu tema de WordPress no admite extractos de publicaciones de forma predeterminada, siempre puedes agregar esta función manualmente.

Puedes editar los archivos de tu tema de WordPress directamente, pero recomendamos crear un tema hijo en su lugar. De esa manera, cuando actualices tu tema de WordPress, no perderás los cambios que hayas realizado.

Para más detalles, consulta nuestra guía para principiantes sobre cómo crear un tema hijo de WordPress.

Después de hacer eso, necesitarás encontrar la plantilla que controla cada página donde quieras mostrar extractos de publicaciones. Para la mayoría de los temas, estos serán home.php, content.php, category.php y archive.php.

Para obtener ayuda para encontrar el archivo correcto, consulta nuestra guía para principiantes sobre la jerarquía de plantillas de WordPress.

Una vez hecho esto, simplemente localiza el siguiente código en cada archivo:

<?php the_content(); ?>

Luego, reemplaza este código con la etiqueta the_excerpt:

<?php the_excerpt(); ?>

Hecho esto, guarda el archivo y luego revisa tu sitio web. Ahora deberías ver extractos de publicaciones donde antes estaba el artículo completo.

Cambiar la longitud predeterminada del extracto de WordPress

Por defecto, WordPress mostrará las primeras 55 palabras de cada publicación y luego agregará puntos suspensivos (...) para indicar que hay más contenido.

Puedes cambiar esto para mostrar más o menos palabras agregando código a tu sitio web de WordPress. Si bien es posible editar los archivos del tema directamente, esto puede ser complicado.

Un error simple también puede causar muchos errores comunes de WordPress e incluso puede dañar completamente tu sitio.

Por esa razón, recomendamos usar WPCode. Facilita la adición de fragmentos de código en WordPress sin tener que editar los archivos de tu tema. De esa manera, puedes actualizar o cambiar tu tema sin perder el código personalizado.

Primero, necesitas instalar y activar el plugin gratuito WPCode. Para más información, puedes ver nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Tras la activación, visita la página Fragmentos de código » + Añadir fragmento desde el panel de WordPress. Luego, haz clic en el botón ‘+ Añadir fragmento personalizado’ bajo la opción ‘Añade tu código personalizado (Nuevo fragmento)’.

A continuación, necesitas seleccionar el tipo de código de las opciones que aparecen en la pantalla.

Para este tutorial, elige ‘Fragmento de PHP’.

En la siguiente pantalla, escribe un título para el fragmento de código. Esto es solo para tu referencia, así que puedes usar lo que quieras.

Hecho esto, simplemente pega lo siguiente en el editor de código:

return 100;
}
add_filter('excerpt_length', 'new_excerpt_length');

// Changing excerpt more
function new_excerpt_more($more) {
return '...';
}
add_filter('excerpt_more', 'new_excerpt_more');

Este código cambia la longitud del extracto de la publicación a 100 caracteres. Puedes cambiar el ‘100’ por el número que desees.

Después de pegar el código, cambia el interruptor de ‘Inactivo’ a ‘Activo’ en la esquina superior derecha y luego haz clic en el botón ‘Guardar fragmento’.

Para más consejos sobre cómo ajustar tus extractos de publicación, por favor consulta nuestra guía sobre cómo personalizar extractos de WordPress sin código.

Método 2: Agregar extractos de publicaciones usando el editor de sitio completo (solo temas de bloques)

Si estás utilizando uno de los temas de bloques de WordPress más recientes, entonces puedes añadir extractos de publicaciones usando el editor de sitio completo.

Para empezar, dirígete a Apariencia » Editor en el panel de WordPress.

Por defecto, el editor de sitio completo muestra la plantilla de inicio de tu tema, pero puedes añadir un extracto a cualquier plantilla.

En el menú del lado izquierdo, simplemente haz clic en ‘Plantillas’.

Ahora verá una lista de todas las plantillas que componen su tema de WordPress. Dependiendo de su tema, es posible que desee agregar extractos al archivo, índice, búsqueda o una plantilla similar.

Simplemente encuentre la plantilla que desea editar y haga clic en ella.

WordPress ahora mostrará una vista previa de esta plantilla.

Para continuar y editar la plantilla, haga clic en el pequeño ícono del lápiz.

Ahora, haga clic en el ícono de '+'.

En el panel de búsqueda que aparece, escriba 'Extracto de publicación'.

Cuando aparezca el bloque correcto, arrástrelo y suéltelo en su diseño.

Puede repetir este proceso para agregar varios extractos de publicación a la plantilla.

Para ajustar cómo se ve el extracto, simplemente haga clic para seleccionar el bloque de Extracto de publicación.

En el menú de la derecha, puedes empezar eligiendo si el enlace ‘Leer más’ aparece en la misma línea que el extracto usando el interruptor ‘Mostrar enlace en nueva línea’.

Hecho esto, selecciona la pestaña ‘Estilos’. Aquí, puedes cambiar el color del texto, añadir un color de fondo, cambiar el tamaño de fuente y más.

A medida que realices cambios, la vista previa en vivo se actualizará automáticamente, para que puedas probar diferentes configuraciones y ver qué se ve mejor.

Cuando estés satisfecho con la configuración del extracto de la publicación, haz clic en el botón ‘Guardar’ para que tus cambios se apliquen en vivo.

¿Quieres mostrar extractos de publicaciones en más páginas y publicaciones? Entonces, simplemente repite los pasos anteriores, pero esta vez elige una nueva plantilla del menú de la izquierda.

Método 3: Agregar extractos de publicaciones a WordPress usando un creador de temas (avanzado)

Si deseas un control total sobre cómo se ven el archivo, la página del blog, la página de inicio y el resto de tu sitio, puedes crear un tema personalizado.

Esto te permite diseñar tus propias páginas y mostrar extractos en cualquier lugar de tu sitio web.

SeedProd es el mejor constructor de temas de WordPress que te permite crear fácilmente un tema personalizado de WordPress sin escribir código. También tiene un bloque de Publicaciones listo para usar que puedes arrastrar y soltar en cualquier página.

Primero, necesitas instalar y activar el plugin SeedProd. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, ve a la página SeedProd » Configuración e introduce la clave de licencia del plugin. Puedes encontrar esta información en tu cuenta en el sitio web de SeedProd.

Después de introducir la clave de licencia, estás listo para crear un tema personalizado de WordPress utilizando el constructor de temas de SeedProd.

Primero, necesitas ir a la página SeedProd » Constructor de Temas .

Aquí, puedes usar uno de los kits de sitio y plantillas de SeedProd listos para usar como punto de partida o crear una plantilla manualmente desde cero.

Recomendamos empezar con un tema existente, ya que crea automáticamente todos los archivos de plantilla necesarios y te da una ventaja.

Dicho esto, haz clic en el botón ‘Kits de plantillas de tema’.

Ahora puedes elegir cualquiera de las plantillas disponibles.

Todos estos temas son completamente personalizables, por lo que puedes ajustarlos para que se adapten perfectamente a tu blog o sitio web de WordPress.

Después de elegir un tema, SeedProd creará automáticamente todas las plantillas de tema que necesites.

Puedes pensar en esto como la versión de borrador de tu tema personalizado de WordPress.

Ahora puedes personalizar cada plantilla usando el editor de arrastrar y soltar de SeedProd.

Como queremos agregar extractos de publicaciones a nuestro sitio web, coloca el cursor sobre la plantilla ‘Índice del blog, Archivos, Búsqueda’ y haz clic en el enlace ‘Editar diseño’ cuando aparezca.

Esto cargará el constructor de arrastrar y soltar de SeedProd.

A la derecha, verás una vista previa de la plantilla. Por defecto, la plantilla de la página del blog mostrará el encabezado, el archivo, el título y todas tus publicaciones.

El lado izquierdo muestra un menú con todos los diferentes bloques que puedes usar.

Puedes agregar nuevos bloques arrastrándolos a la página y luego reorganizarlos arrastrándolos hacia arriba y hacia abajo con el ratón.

Puedes personalizar cualquier bloque haciendo clic en él y luego usando la configuración en el menú de la izquierda. Cuando realices un cambio, la vista previa de SeedProd se actualizará automáticamente para mostrar esos cambios en acción.

Ya que queremos personalizar los extractos de las publicaciones, simplemente haz clic para seleccionar el bloque 'Publicaciones' en la vista previa en vivo.

Después de hacer eso, selecciona el contenido que deseas mostrar en este bloque usando la configuración en el menú de la izquierda.

Por ejemplo, puedes cambiar la disposición de las columnas, mostrar la paginación, mostrar la imagen destacada y cambiar la etiqueta del título.

Para mostrar el extracto de la publicación, simplemente haz clic en el interruptor 'Mostrar extracto' para que se ponga naranja.

Una vez que hayas hecho eso, puedes cambiar cuántos caracteres muestra SeedProd en el extracto escribiendo un nuevo número en 'Longitud del extracto'.

SeedProd también puede agregar un enlace 'Leer más' a cada extracto, lo que animará a los lectores a abrir el artículo completo.

Puedes agregar o quitar este enlace usando el interruptor 'Mostrar leer más'.

También puedes reemplazar el texto 'Leer más' con tu propio mensaje escribiendo en el campo 'Texto de leer más'.

Cuando estés satisfecho con la configuración del extracto de la publicación, haz clic en el botón 'Guardar' en la esquina superior derecha de tu pantalla.

Ahora puedes personalizar las otras plantillas de SeedProd yendo a SeedProd » Theme Builder y siguiendo el mismo proceso descrito anteriormente.

Para mostrar los extractos de las publicaciones a los visitantes, primero debes habilitar tu tema de SeedProd. Para hacer esto, ve a SeedProd » Theme Builder y luego haz clic en el interruptor 'Habilitar tema de SeedProd' para que muestre 'Sí'.

Ahora, si visitas cualquiera de tus páginas de blog, verás los extractos de las publicaciones en vivo.

Extra: Mostrar extractos para contenido protegido con contraseña

Si tienes un sitio de membresía, entonces es posible que tengas contenido que no esté disponible para la audiencia general. Sin embargo, sigue siendo una buena idea mostrar un extracto de tu contenido protegido con contraseña.

Esto puede intrigar a los usuarios y animarlos a comprar tus suscripciones para obtener acceso a contenido exclusivo en tu sitio web.

Puedes hacer esto fácilmente usando Restrict Content Pro, que es un popular plugin de protección de contenido. Tras la activación, simplemente abre una publicación de tu agrado en el editor de bloques de WordPress, donde puedes agregarle un extracto desde el panel de bloques.

Después de eso, puedes configurar su restricción desde el menú desplegable.

Finalmente, publica la entrada y luego visita tu sitio de WordPress.

Aquí, los usuarios podrán ver el extracto y el título de la publicación para el contenido restringido, al igual que cualquier otra publicación. Sin embargo, el contenido en sí estará oculto para la audiencia.

Para obtener instrucciones detalladas, también puedes ver nuestro tutorial sobre cómo mostrar un extracto de una publicación protegida con contraseña en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo mostrar extractos de publicaciones en temas de WordPress. También te puede interesar nuestra guía sobre cómo crear imágenes interactivas en WordPress y nuestras selecciones expertas para los mejores temas de edición de sitio completo 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.