{"id":11015,"date":"2020-07-03T22:45:21","date_gmt":"2020-07-03T20:45:21","guid":{"rendered":"https:\/\/blog.hostinger.io\/mx-tutoriales\/?p=11015"},"modified":"2023-02-03T16:06:33","modified_gmt":"2023-02-03T15:06:33","slug":"longitud-excerpt-wordpress","status":"publish","type":"post","link":"\/mx\/tutoriales\/longitud-excerpt-wordpress","title":{"rendered":"C\u00f3mo personalizar la longitud de excerpt en WordPress"},"content":{"rendered":"<p>Si eres un usuario de <a href=\"\/mx\/tutoriales\/que-es-wordpress\">WordPress<\/a>, ya sabes que el tema y el n&uacute;cleo de WordPress automatizan muchas de las funciones que dictan c&oacute;mo se muestra tu contenido. Un ejemplo com&uacute;n es c&oacute;mo las p&aacute;ginas muestran excerpt (extractos) de tus art&iacute;culos. &iquest;Pero sab&iacute;as que puedes personalizar la longitud del excerpt de WordPress? &iexcl;Este tutorial te explica c&oacute;mo puedes hacerlo!<\/p><p class=\"has-text-align-center\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Mega-WordPress-Cheat-ES.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Descarga la hoja de trucos de WordPress definitiva<\/a><\/p><h2 class=\"wp-block-heading\" id=\"h-que-es-el-excerpt-en-wordpress\">&iquest;Qu&eacute; es el excerpt en WordPress?<\/h2><p>Un extracto (excerpt) es parte de una publicaci&oacute;n que enlaza con el art&iacute;culo completo. Se utiliza para interesar a los lectores y hacer que quieran leer m&aacute;s. Ayuda a resaltar los puntos clave de tu contenido, ya que a veces un t&iacute;tulo no es suficiente para llamar la atenci&oacute;n de tu audiencia.<\/p><p>Por defecto, WordPress limita los extractos a las primeras 55 palabras de tu publicaci&oacute;n.<\/p><p>Al usar el editor cl&aacute;sico de WordPress, los extractos se pueden agregar autom&aacute;ticamente a tu contenido presionando el bot&oacute;n <strong>Leer m&aacute;s<\/strong>. Agregar&aacute; la etiqueta &nbsp;<strong>&lt;!&ndash;more&ndash;&gt;<\/strong> al HTML, la cual puedes ver en el editor de HTML. Tambi&eacute;n puedes escribir un mensaje personalizado como <strong>&lt;!&ndash;more &iexcl;Continuar Leyendo!&ndash;&gt;<\/strong>..<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"768\" height=\"465\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/read-more-tag-768x465-1.png\" alt=\"Insertar una etiqueta Leer m&aacute;s en una publicaci&oacute;n de WordPress.\" class=\"wp-image-11016\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/read-more-tag-768x465-1.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/read-more-tag-768x465-1-300x182.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/read-more-tag-768x465-1-150x91.png 150w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div><p>Alternativamente, puedes cambiar la longitud de este extracto seg&uacute;n tus necesidades. Proporcionar m&aacute;s texto puede atraer la atenci&oacute;n de los lectores al art&iacute;culo.<\/p><p>Hay diferentes formas de hacer esta tarea. A continuaci&oacute;n encontrar&aacute;s instrucciones que te guiar&aacute;n a trav&eacute;s del proceso.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-cambiar-la-longitud-del-extracto\">&iquest;C&oacute;mo cambiar la longitud del extracto?<\/h2><p>Las dos formas m&aacute;s comunes de cambiar la longitud del extracto son manualmente o utilizando un plugin de WordPress.<\/p><h3 class=\"wp-block-heading\" id=\"h-cambiar-manualmente-la-longitud-del-excerpt-de-wordpress\">Cambiar manualmente la longitud del excerpt de WordPress<\/h3><p>El m&eacute;todo manual implica ajustar el c&oacute;digo. Sin embargo, no necesitas tener un conocimiento profundo de ning&uacute;n lenguaje de programaci&oacute;n para hacerlo.<\/p><p>Estos son los pasos para cambiar manualmente la longitud de un extracto:<\/p><ol class=\"wp-block-list\">\n<li>Despl&aacute;zate sobre la pesta&ntilde;a <strong>Apariencia<\/strong> y selecciona <strong>Editor de temas<\/strong>.<\/li>\n\n\n\n<li>Abre el archivo<strong> functions.php<\/strong> e inserta el c&oacute;digo:\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">function my_excerpt_length($length){\nreturn 80;\n}\nadd_filter(&lsquo;excerpt_length&rsquo;, &lsquo;my_excerpt_length&rsquo;);<\/pre>\n<\/li>\n\n\n\n<li>Cambia el l&iacute;mite de palabras de 80 a cualquier n&uacute;mero que desees y presiona el bot&oacute;n <strong>Actualizar archivo<\/strong>.<\/li>\n<\/ol><p>En algunos temas, como Twenty Sixteen WordPress, tambi&eacute;n deber&aacute;s editar el archivo <strong>content.php<\/strong>. Sigue los siguientes pasos para hacerlo:<\/p><ol class=\"wp-block-list\">\n<li>Estando aun el <strong>Editor de temas<\/strong>, despl&aacute;zate hacia abajo hasta encontrar <strong>template-parts<\/strong>. Debajo del encabezado, haz clic en el archivo <strong>content.php<\/strong>.<\/li>\n\n\n\n<li>Busca las l&iacute;neas:\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;div class=&ldquo;entry-content&rdquo;&gt;\n&lt;?php<\/pre>\n<p>Agrega el siguiente fragmento de c&oacute;digo justo debajo de ellas:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">if ( is_home() || is_category()||is_archive()){\nthe_excerpt(&lsquo;&lsquo;);\n}else{<\/pre>\n<\/li>\n\n\n\n<li>Encuentra las declaraciones:\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">?&gt;\n&lt;\/div&gt;&lt;!-- .entry content --&gt;<\/pre>\n<p>Luego inserta la siguiente l&iacute;nea sobre ellas:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">} \/\/ end of if statements<\/pre>\n<\/li>\n\n\n\n<li>Haz clic en <strong>Actualizar archivo<\/strong>, &iexcl;y listo!<\/li>\n<\/ol><p>El resultado final se ver&aacute; m&aacute;s o menos as&iacute;:<\/p><div class=\"wp-block-image\">\n<figure class=\"alignright\"><img decoding=\"async\" width=\"900\" height=\"318\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/wordpress-excerpt-length.png\" alt=\"Ejemplo de extracto de WordPress.\" class=\"wp-image-11017\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/wordpress-excerpt-length.png 900w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/wordpress-excerpt-length-300x106.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/wordpress-excerpt-length-150x53.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/wordpress-excerpt-length-768x271.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-cambiar-la-longitud-del-extracto-de-wordpress-con-un-plugin\">Cambiar la longitud del extracto de WordPress con un plugin<\/h3><p>Una de las formas m&aacute;s f&aacute;ciles de personalizar la longitud del excerpt de WordPress es cambi&aacute;ndola con un plugin. Una opci&oacute;n recomendada para esta tarea es el plugin <a href=\"https:\/\/es.wordpress.org\/plugins\/advanced-excerpt\/\" target=\"_blank\" rel=\"noopener\">Advanced Excerpt<\/a>. Es gratis y f&aacute;cil de usar.<\/p><p>Al usar el plugin, puedes:<\/p><ul class=\"wp-block-list\">\n<li>Recortar el extracto por n&uacute;mero de palabras o caracteres.<\/li>\n\n\n\n<li>Agregar un enlace &ldquo;Leer m&aacute;s&rdquo; y personalizarlo.<\/li>\n\n\n\n<li>Completar la &uacute;ltima palabra del extracto para que no termine a mitad de camino.<\/li>\n\n\n\n<li>Mantener el marcado HTML y elegir qu&eacute; etiquetas se incluir&aacute;n.<\/li>\n<\/ul><p>Para instalarlo, desplaza el mouse sobre <strong>Plugins<\/strong> en tu Panel de WordPress y presiona <strong>Agregar nuevo<\/strong>. Escribe &ldquo;advanced excerpt plugin&rdquo; en la barra de palabras clave. Haz clic en el bot&oacute;n<strong> Instalar ahora<\/strong>, luego <strong>act&iacute;valo<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"398\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/advanced-excerpt-plugin-1024x398.png\" alt=\"Buscando el complemento Advanced Excerpt.\" class=\"wp-image-11018\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/advanced-excerpt-plugin-1024x398.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/advanced-excerpt-plugin-300x117.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/advanced-excerpt-plugin-150x58.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/advanced-excerpt-plugin-768x298.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/advanced-excerpt-plugin.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Consulta nuestro otro art&iacute;culo sobre <a href=\"\/mx\/tutoriales\/plugins-en-wordpress-gratis\">c&oacute;mo instalar plugins<\/a> para obtener un tutorial completo.<\/p><p>Para usar el plugin, sigue los siguientes pasos:<\/p><ol class=\"wp-block-list\">\n<li>Ve a la pesta&ntilde;a <strong>Plugins<\/strong> y presiona <strong>Settings<\/strong>&nbsp;debajo del plugin.<br><img decoding=\"async\" class=\"size-full wp-image-11019 aligncenter\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/plugin-settings.png\" alt=\"Extracto de WordPress configuraci&oacute;n del complemento.\" width=\"900\" height=\"216\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/plugin-settings.png 900w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/plugin-settings-300x72.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/plugin-settings-150x36.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/plugin-settings-768x184.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/li>\n\n\n\n<li>Personaliza las opciones disponibles a tu gusto.<br><img decoding=\"async\" class=\"size-full wp-image-11020 aligncenter\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/Advanced-excerpt.png\" alt=\"Personalizar la configuraci&oacute;n del complemento Extracto avanzado.\" width=\"900\" height=\"570\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/Advanced-excerpt.png 900w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/Advanced-excerpt-300x190.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/Advanced-excerpt-150x95.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/Advanced-excerpt-768x486.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/li>\n\n\n\n<li>Haz clic en el bot&oacute;n <strong>Guardar cambios<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/mx\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/mx-tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>Uno de los puntos que contribuyen a provocar la curiosidad de un lector hacia un art&iacute;culo es el extracto. Al usar WordPress, puedes cambiar la longitud predeterminada del extracto de dos maneras:<\/p><ol class=\"wp-block-list\">\n<li><strong>Manualmente<\/strong>: insertando unas l&iacute;neas de c&oacute;digo en el archivo <strong>function.php<\/strong> de un tema.<\/li>\n\n\n\n<li><strong>Usando un plugin<\/strong>: instalando el plugin <a href=\"https:\/\/wordpress.org\/plugins\/advanced-excerpt\/\" target=\"_blank\" rel=\"noopener\">Advanced Excerpt<\/a> y configur&aacute;ndolo.<\/li>\n<\/ol><p>Si tienes alguna pregunta, d&eacute;jala en la secci&oacute;n de comentarios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si eres un usuario de WordPress, ya sabes que el tema y el n&uacute;cleo de WordPress automatizan muchas de las funciones que dictan c&oacute;mo se muestra tu contenido. Un ejemplo com&uacute;n es c&oacute;mo las p&aacute;ginas muestran excerpt (extractos) de tus art&iacute;culos. &iquest;Pero sab&iacute;as que puedes personalizar la longitud del excerpt de WordPress? &iexcl;Este tutorial te [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/mx\/tutoriales\/longitud-excerpt-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":138,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"C\u00f3mo Personalizar la Longitud del Excerpt en WordPress %page%","rank_math_description":"En esta gu\u00eda, aprender\u00e1s c\u00f3mo puedes cambiar la longitud del excerpt de WordPress usando dos m\u00e9todos: manualmente o usando un plugin.","rank_math_focus_keyword":"excerpt wordpress","footnotes":""},"categories":[4747],"tags":[13629],"class_list":["post-11015","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-excerpt-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-excerpt-length","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/longitud-excerpt-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/excerpt-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-excerpt-length\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-excerpt-length\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-excerpt-length\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/longitud-excerpt-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/longitud-excerpt-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/longitud-excerpt-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-excerpt-length\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-excerpt-length","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-excerpt-length","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-excerpt-length","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/11015","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/comments?post=11015"}],"version-history":[{"count":5,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/11015\/revisions"}],"predecessor-version":[{"id":28437,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/11015\/revisions\/28437"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/media?parent=11015"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/categories?post=11015"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/tags?post=11015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}