Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir extractos a sus páginas en WordPress (paso a paso)

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

Añadir resúmenes concisos de su página puede mejorar significativamente la experiencia del usuario y la visibilidad en los motores de búsqueda.

Los extractos son pequeños fragmentos de tu contenido que sirven como descripción, resumen o pequeños detalles acerca de una entrada o página. Por defecto, los extractos solo están disponibles para entradas en WordPress.

En WPBeginner, hemos escrito cientos de tutoriales a lo largo de los años y entendemos que algunos usuarios también pueden querer mostrar extractos de páginas en sus sitios web para elevar el rendimiento del sitio.

En este artículo, le mostraremos cómo añadir fácilmente extractos a sus páginas en WordPress, paso a paso.

Add Excerpts to Your Pages in WordPress

¿Por qué añadir extractos a las páginas en WordPress?

WordPress viene con entradas y páginas como dos tipos de contenido por defecto. Las entradas se muestran en orden cronológico inverso (de la más reciente a la más antigua) en su blog o página de inicio.

Las páginas, en cambio, son contenidos independientes que no se publican en un pedido / orden específico. Suelen utilizarse para contenidos puntuales, como la página acerca de nosotros o la de contacto.

A veces, puede que necesite mostrar extractos de sus páginas. Por ejemplo, esto puede ser útil si ha construido un sitio web de WordPress utilizando solo páginas.

Los extractos pueden mejorar la experiencia general del usuario al facilitar a los visitantes la navegación por su contenido y ver un resumen de sus páginas.

Dicho esto, veamos cómo añadir extractos a tus páginas en WordPress y mostrarlos en tu sitio web. Puede utilizar los enlaces rápidos de abajo para saltar entre los diferentes métodos:

Cómo añadir extractos a páginas en WordPress

Puede activar extractos de páginas en WordPress añadiendo código personalizado al archivo functions. php de su tema.

Sin embargo, el más mínimo error al escribir el código puede romper tu sitio web. Además, si cambias de tema o lo actualizas, tendrás que añadir el código de nuevo.

Aquí es donde entra WPCode. Es el mejor plugin de fragmentos de código de WordPress del mercado, y hace que sea seguro y fácil añadir código personalizado a su sitio web.

En primer lugar, debe instalar y activar el plugin WPCode. Para obtener instrucciones detalladas, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Nota: WPCode tiene un plan gratuito que puedes utilizar para este tutorial. Sin embargo, la actualización a la versión pro le dará acceso a una biblioteca en la nube de fragmentos de código, lógica condicional inteligente y la opción de bloque personalizado.

Una vez activado, visite la página Fragmentos de código ” + Añadir fragmento desde el escritorio de WordPress. Aquí, haga clic en el botón “Usar fragmento de código” debajo de la opción “Añadir su código personalizado (nuevo fragmento de código)”.

Add new snippet

Esto le llevará a la página “Crear fragmento de código personalizado”, donde puede empezar añadiendo un nombre para el fragmento. Este nombre es solo para su identificación y no se mostrará en el front-end de su sitio web.

A continuación, seleccione la opción “Fragmento de código PHP” en el menú desplegable de la derecha.

Choose the PHP Snippet option for the page excerpts code

Ahora, debe añadir el siguiente código personalizado en el cuadro “Vista previa del código”:

add_post_type_support( 'page', 'excerpt' );

Una vez hecho esto, desplázate hasta la sección “Inserción” y elige el modo “Inserción automática”.

El código personalizado se ejecutará automáticamente en su sitio web una vez que active el fragmento.

Choose insertion method

A continuación, desplázate hasta la parte superior de la página y activa el conmutador “Inactivo”.

Por último, haga clic en el botón “Guardar fragmento de código” para establecer los ajustes.

Click the Save Snippet button for the page excerpts code

Ahora abra la página en la que desea añadir un extracto en el editor de bloques de WordPress.

Una vez hecho esto, notará que hay una pestaña “Extracto” en el panel de bloques, a la derecha de la pantalla.

Aquí puede ampliar fácilmente la pestaña y añadir un extracto para su página de WordPress.

Add page excerpts in the Excerpts tab in the block panel

Una vez hecho esto, no olvide hacer clic en el botón “Actualizar” o “Publicar” para almacenar los cambios.

Ahora, simplemente repita el proceso para todas las páginas de WordPress en las que desee añadir extractos.

Cómo mostrar extractos de páginas en WordPress

Ahora que ha añadido la funcionalidad de extractos a sus páginas, es el momento de mostrar estos extractos en su sitio WordPress.

Para ello, tendrá que añadir un shortcode a su área de widget o página.

Primero, debes instalar y activar el plugin Display Posts. Para más detalles, consulta nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Este plugin activará un shortcode que muestra 10 páginas recientes con su título, extracto y un enlace para continuar leyendo.

Si no ha introducido un extracto personalizado para una página, el plugin generará automáticamente un extracto con una longitud por defecto de 55 palabras.

Método 1: Mostrar extractos de páginas en una página de WordPress

Una vez activado, debe crear una nueva página en la que desee mostrar un anuncio / catálogo / ficha de sus páginas y sus extractos.

Una vez allí, haz clic en el botón “+” para añadir un bloque, abrir el menú de bloques y añadir el bloque Shortcode. A continuación, pegue el siguiente shortcode en el propio bloque:

[display-posts post_type="página" include_excerpt="true" excerpt_more="Seguir leyendo" excerpt_more_link="true"]

Add the page excerpt shortcode in the block editor

Por último, haga clic en el botón “Actualizar” o “Publicar” para almacenar sus ajustes.

Ahora, sólo tiene que visitar su sitio WordPress para ver la lista de los extractos de página.

Preview of page excerpts on a page

Método 2: Mostrar extractos de páginas en la barra lateral de WordPress

Si desea mostrar extractos de páginas en la barra lateral de WordPress, entonces debe visitar la página Apariencia ” Widgets desde el escritorio de WordPress.

Nota: Si no ves la pestaña del menú ‘Widgets’ en tu Escritorio, significa que estás usando un tema de bloques. En ese caso, puede omitir el siguiente método.

Aquí, haz clic en el botón añadir bloque ‘+’ para ampliar el menú de bloques de la izquierda. A continuación, añade el bloque Shortcode a la barra lateral.

Add page excerpts shortcode in a widget area of your choice like the Sidebar

Después, copia y pega el siguiente shortcode en el bloque:

[display-posts post_type="página" include_excerpt="true" excerpt_more="Seguir leyendo" excerpt_more_link="true"]

Por último, haga clic en el botón “Actualizar” para establecer los ajustes.

Ahora, puede visitar su blog de WordPress para ver los extractos de la página.

Preview of page excerpts in the WordPress sidebar

Método 3: Mostrar extractos de páginas en el editor de sitio completo

Si está usando un tema de bloque, entonces debe visitar la página Apariencia ” Editor desde la barra lateral del administrador de WordPress.

Esto abrirá el editor completo del sitio, donde debe elegir la página en la que desea mostrar un listado de extractos de páginas.

Choose a page to edit in the full site editor

A continuación, haga clic en el botón “+” de la pantalla para añadir el bloque shortcode.

A continuación, copie y pegue el siguiente shortcode en él:

[display-posts post_type="página" include_excerpt="true" excerpt_more="Seguir leyendo" excerpt_more_link="true"]

Add page excerpts shortcode in the full site editor

Por último, haz clic en el botón “Guardar” para establecer los ajustes.

Ahora, visite su sitio web para ver la lista de extractos de páginas.

Page excerpts preview in the WordPress block theme

Bonus: Mostrar extractos de entradas en WordPress

Además de páginas, también es una buena idea mostrar extractos de entradas en su blog de WordPress.

Por defecto, WordPress muestra las entradas completas en la página de inicio, en la página de archivos o en la página del blog. Esto implica mucho desplazamiento, lo que puede perjudicar la experiencia de usuario de los visitantes que desean navegar rápidamente por el sitio web.

A medida que su blog crezca, la lista de sus entradas más antiguas también se desplazará a otras páginas y recibirá menos visitas. Por eso deberías considerar la posibilidad de mostrar extractos de entradas en tu blog o en la página de archivos.

An example of post excerpts in a WordPress theme

Si utiliza un tema clásico, puede añadir extractos de entradas visitando la página Apariencia ” Personalizar desde la barra lateral del administrador de WordPress.

Una vez abierto el Personalizador, despliegue la pestaña ‘Blog’ en la columna izquierda de la pantalla. Esto abrirá algunos ajustes nuevos, donde puedes desplazarte hasta la sección ‘Contenido de entradas’ y hacer clic en la opción ‘Extracto’.

Adding post excerpts to your WordPress website

Sin embargo, tenga en cuenta que estos ajustes pueden variar en función del tema que esté utilizando.

Si tu tema no es compatible con extractos, puedes utilizar código personalizado o maquetadores de páginas como SeedProd para añadir extractos de entradas a tu blog.

Adding blog excerpts to a WordPress theme

Para obtener instrucciones detalladas, consulte nuestro tutorial sobre cómo mostrar extractos de entradas en temas de WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo añadir extractos a tus páginas en WordPress. Puede que también quieras ver nuestra guía sobre cómo elegir el mejor maquetador de sitios web o nuestra selección experta del mejor software de chat en directo.

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.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

43 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed says

    easy to follow tutorial for making excerpts for the blog posts.
    I have used excerpts for most of my blog posts but didn’t know the exact length of the excerpts to use.
    is there any minimum or maximum length for post excerpts?
    and does the length of the excerpts make any difference advantage or disadvantage of seo?

  3. marcelo araujo says

    Hi, great tip. Tks a lot! Its possible to use same param to get “tags” in pages?
    add_post_type_support( ‘page’, ‘excerpt’ );
    like:
    add_post_type_support( ‘page’, ‘tags’ );
    its correct? it works?
    Tks!

  4. Adam says

    So, I can’t find the “excerpt” option under “screen options” on the post/page editing page. I added the code to my functions.php file and the option to include the ‘excerpts’ is still not showing up. It’s as if the excerpts function doesn’t even exist on my install of wordpress. I added the following code and nothing changed:
    add_post_type_support( ‘page’, ‘excerpt’ );

    Please help

  5. Juan Manuel Linares says

    Thanks so much, it also worked for me, just when I needed it!

    It would also be advisable that you suggest ppl to check Screen Options (as CTGIRL said), ‘cause in my case it was hidden there ;)

    Thanks anyway!

  6. Steve says

    Is there a way to add an excerpt to an archive category page like with the code for pages? The following code worked great for pages. Wanting to add it to the category archive too.

    add_post_type_support( ‘page’, ‘excerpt’ );

  7. Manoj says

    Thanks for the code .But if i don’t write content in excerpt section , Excerpt is not retrieving from editior .

    • nad ray says

      I would use the same code, but change page to events (line 3). If that does not work you need to find your events custom post type name and enter it instead of pages.

  8. ctgirl says

    The code worked for me. Added it to functions.php, and the Excerpt field became available in Screen options. Thanks so much!

  9. kapil says

    around 15 days ago, same above code work perfectly for me, but now it is not working, what may be the problem, can anyone help me ? above code doesn’t show excerpt place in admin panel for new website that I am developing right now.

  10. João G. says

    That’s amazing! I got a job to change the layout of a website which is running on WP and I would have to search for a function to get the content with “strip_tags” and reduce characters, but after “googling”, found your post. Great !!

  11. Alastair Barnett says

    Hello,

    I posted the above code to my functions php. I now cannot access my website. Here is the message I receive:Parse error: syntax error, unexpected T_FUNCTION in /home/content/94/8738594/html/wp-content/themes/associate/functions.php on line 82

    Please tell me how I can access my website in order to delete this code. Thanks if you can help. I’ve just lost my website and in a bit of a panic. Website address: http://www.thewritingbutler.com
    AB

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.