¿Está buscando una forma de añadir extractos a sus páginas en WordPress?
Los extractos son breves fragmentos de su contenido que pueden añadir una descripción, un 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 este artículo, le mostraremos cómo añadir fácilmente extractos a sus páginas en WordPress, paso a paso.
¿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 su sitio web, y si cambia a un tema diferente o lo actualiza, tendrá que añadir el código de nuevo.
Aquí es donde entra WPCode. Es el mejor plugin de fragmentos de código de WordPress en el mercado que hace que sea seguro y fácil de 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 fragmentos CSS.
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)”.
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.
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.
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.
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.
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 para la página con la 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"]
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.
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.
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.
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.
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"]
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.
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.
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’.
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.
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.
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!
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?
WPBeginner Support says
For these questions we would recommend taking a look at our article below
https://wpbeginner.com/plugins/how-to-customize-wordpress-excerpts-no-coding-required/
Administrador
Moinuddin Waheed says
Thanks wpbeginner for the reply and recommendation of the concerned article.
I have gone through this post and all my queries regarding experts and its usage stands resolved.
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!
WPBeginner Support says
To add tags and categories to pages, we would recommend taking a look at our article below!
https://www.wpbeginner.com/plugins/how-to-add-categories-and-tags-for-wordpress-pages/
Administrador
Jim Kernicky says
Easy as pie – thanks a lot for that!
WPBeginner Support says
You’re welcome
Administrador
Jean-Louis says
It’s very helpful… Thank you so much!
WPBeginner Support says
Glad our article was helpful
Administrador
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
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!
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’ );
Ruth Billheimer says
Thank you so much! This is excellent and just what I was looking for.
Atilla says
Thank you for the code!
Djong Timoer says
I works !!
Thank you
Do you have idea how to use in post types?
Manoj says
Thanks for the code .But if i don’t write content in excerpt section , Excerpt is not retrieving from editior .
Amit kumar says
how to separate post excerpt in box
Sreehari P Raju says
You have to use CSS for that
Toure says
How can it be added to a page template?
nad ray says
You should wrap the code in :
…for it to work and not make your site break/display a blank page.
Reza says
How can I add excerpts to the events? Can anyone please help?
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.
ctgirl says
The code worked for me. Added it to functions.php, and the Excerpt field became available in Screen options. Thanks so much!
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.
Firda says
It’s working for me. Maybe the exceprt was hide by screen options?
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 !!
Real name says
Tank’s
codex.wordpress.org/Function_Reference/add_post_type_support#Example
Julio says
Thanks! worked perfectly
Dave Andrew says
Worked a treat. Thanks for the post.
Owen says
Thanks your sharing
Lins says
Thanks, super-handy & works easily.
syndrael says
Thanks it works..
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
Editorial Staff says
You pasted the code in a wrong place. Here is an article that you should consider before pasting any code from any website:
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-pasting-snippets-from-the-web-into-wordpress/
You will have to use FTP to fix it.
Administrador
WK says
Added the code to my functions.php to enable excerpts on my pages.
Worked perfectly, first time – thanks.
W.
mebhuwan says
Thank you for posting. Great Code.
mattrock says
A very handy function. Thanks for posting!
DanS says
Brilliant, thank you
softboxkid says
no need any plugins… just place this
add_post_type_support( 'page', 'excerpt' );
to your functions.phpEditorial Staff says
Thanks for adding this code. We will update the post soon.
Administrador
ghimeray says
How to get this excerpt into the page?
Tne Excerpt function is working well, but i’m not able to get the excerpt into the front page.
adam says
This didn’t work for me.
Still no excerpts option. Using default 2015 theme.