Los títulos de las entradas tienen un tamaño uniforme, lo que les confiere un aspecto limpio y profesional. Mejoran la legibilidad al facilitar a los visitantes el escaneo y la comprensión del contenido de las entradas de un vistazo.
Dependiendo de su tema de WordPress, es posible que también desee mostrar títulos más cortos para que se ajusten perfectamente a su diseño y no interrumpan su disposición.
En WPBeginner, nos aseguramos de que todos nuestros escritores comprueben la longitud de cada título de entrada como parte de nuestra lista de verificación previa a la publicación. Sin embargo, es posible que prefieras utilizar un código para truncar o acortar automáticamente la longitud de los títulos de las entradas de tu blog en todo tu sitio web.
En este artículo, le mostraremos cómo truncar los títulos de las entradas en WordPress utilizando código PHP.
¿Por qué truncar títulos de entradas en WordPress con PHP?
Truncar títulos de entradas en WordPress con PHP le da más control sobre la longitud de los títulos de sus entradas y cómo se muestran en su sitio web.
Por ejemplo, es posible que desee cortar los títulos de entradas largas en su página de inicio para que no desentonen con el diseño de su blog de WordPress.
Nota: Algunos usuarios simplemente desean utilizar títulos de entradas más cortos para optimizar las entradas de blog para SEO. En este caso, no es necesario truncar los títulos de las entradas. En su lugar, puede simplemente utilizar un plugin de WordPress SEO para hacer su etiqueta de título más corto.
Un plugin de SEO le permitirá crear títulos SEO personalizados para las páginas de resultados de búsqueda, manteniendo al mismo tiempo títulos de entradas más largos para sus visitantes en su sitio.
Para más detalles, consulte nuestra guía definitiva sobre cómo establecer All in One SEO correctamente.
Dicho esto, vamos a mostrarle cómo truncar los títulos de las entradas de WordPress en su sitio web utilizando dos métodos diferentes:
Método 1: Truncar los títulos de las entradas de WordPress con una función de WordPress
La forma más sencilla de truncar los títulos de las entradas en WordPress es añadiendo código PHP a tus archivos de WordPress. Si no ha hecho esto antes, entonces marque / compruebe nuestra guía sobre cómo copiar y pegar código en WordPress.
Muchos tutoriales te dirán que añadas código directamente al archivo functions. php de tu tema. Sin embargo, cualquier error podría causar una serie de errores de WordPress o incluso romper su sitio.
Por eso recomendamos utilizar el plugin gratuito WPCode en su lugar, siguiendo nuestra guía sobre cómo añadir código personalizado en WordPress.
Primero, necesitas instalar y activar el plugin gratuito WPCode. Si necesitas ayuda con esto, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Una vez activado, seleccione Fragmentos de código ” + Añadir frag mento en la barra lateral del administrador. A continuación, pase el cursor por encima de la opción “Añadir su código personalizado (nuevo fragmento)” y haga clic en el botón “Usar fragmento” que aparece.
Se abrirá una nueva página en la que podrá escribir un título para el fragmento de código y, a continuación, añadir el código.
Simplemente copie y pegue el siguiente código en el panel de vista previa de código en WPCode.
function max_title_length( $title ) {
$max = 35;
if( strlen( $title ) > $max ) {
return substr( $title, 0, $max ). " …";
} else {
return $title;
}
}
add_filter( 'the_title', 'max_title_length');
Este código se ejecutará dentro del bucle de entradas de WordPress y acortará los títulos de las entradas de tu blog a ’35’ caracteres. Para cambiar la longitud del título, establezca la variable $max en la longitud que prefiera.
A continuación, seleccione “Fragmento de código PHP” en el menú desplegable Tipo de código.
Por último, tendrá que establecer el ajuste Activo y, a continuación, guardar el fragmento de código haciendo clic en el botón “Guardar fragmento de código”.
Ahora que el fragmento de código está activado, los títulos de las entradas de tu blog se acortarán dondequiera que aparezcan en tu sitio web de WordPress.
Método 2: Truncar los títulos de las entradas de WordPress con PHP cambiando los archivos del tema de WordPress
Otra forma de truncar los títulos de las entradas de WordPress es añadiendo código directamente a los archivos de su tema de WordPress.
Este método le da más control sobre dónde se acortan sus títulos. Por ejemplo, es posible que desee cortar los títulos en su página de inicio solo, pero mostrar el título completo en la entrada del blog.
Para ello, deberá añadir el código PHP directamente a los archivos del tema de WordPress donde desee truncar los títulos de las entradas de su blog.
Por ejemplo, puede añadir el fragmento de código siguiente a su archivo index. php para sustituir la etiqueta the_title existente dentro del bucle de entradas de WordPress y cambiar la longitud del título en todo el sitio:
<a href="<?php the_permalink() ?>">
<?php
$thetitle = $post->post_title; /* or you can use get_the_title() */
$getlength = strlen($thetitle);
$thelength = 25;
echo substr($thetitle, 0, $thelength);
if ($getlength > $thelength) echo "...";
?>
</a>
Este código establece la longitud del título de la entrada en 25 caracteres. Si la longitud del título es superior a 25 caracteres, entonces cortará el título después de 25 caracteres y añadirá una elipsis ‘…’ al final.
Para cambiar la longitud de caracteres de su sitio web, simplemente cambie la variable $thelength al número de caracteres que prefiera.
Una vez añadido el código y guardado el archivo, deberá subirlo al directorio de temas de su cuenta de alojamiento de WordPress.
Puede hacerlo utilizando un cliente FTP o la herramienta de gestión de archivos de su panel de control de alojamiento de WordPress. Si no has usado FTP antes, entonces comprueba nuestra guía sobre cómo usar FTP para subir archivos a WordPress.
Una vez añadido el código, los títulos de tus entradas se truncarán según el número de caracteres que hayas establecido.
Consejo profesional: Si ha utilizado el método 2, perderá estos cambios cuando actualice su tema a una nueva versión. Para evitar esto, consulte nuestra guía sobre cómo actualizar su tema de WordPress sin perder la personalización.
Esperamos que este artículo te haya ayudado a aprender cómo truncar los títulos de las entradas de WordPress con PHP. También puedes consultar nuestra guía sobre cómo escribir una buena entrada de blog y nuestra selección de las mejores herramientas y plugins de marketing de contenidos para WordPress.
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.
Achintha
Hey There is a wordpress function for limit words. Better to use that.
http://codex.wordpress.org/Function_Reference/wp_trim_words
dustinporchia
This is golden!….Thanks wpbeginner!
adm_mnz
If you use mb_substr there is a parameter for encoding.
http://php.net/manual/en/function.mb-substr.php
Junaid
Sweet! was just looking for a clients project
Marco
Does anybody know how the link title of previous_post_link(); could be truncated?
thanks
Brow
Thanks this worked perfectly! I didn’t want to end up using a plugin just to do this and was happy your code cut down the titles properly.
Thanks again!
Joey Figaro
Hey there – thanks for writing this up! I happened to stumble upon another example of how to achieve this and it seemed a lot more simple, so I will share it with you and see what you think.
functions.php:
function new_excerpt_length($length) {
return 100;
}
add_filter(‘excerpt_length’, ‘new_excerpt_length’);
Editorial Staff
These are two entirely different concepts…. The one you recommend is for post excerpts whereas the one we are talking about is for Post Titles.
Administrador
Joey Figaro
Wow, that’s embarrassing.
Lena
Hi!
This doesn’t work if you use other languages than english. My swedish titel looks awful because the code doesn’t translate å ä and ö comparing to the default code. Any suggestions of what I have to do? This is a good trick and i want to use it.
Kindly Lillan
Editorial Staff
Hmm… that does sound like a serious issue. Wondering if you can specify the language via PHP, so it counts characters in that instead of english.
Administrador
Alex
You might wanna try to specify a different charset, check Latin1 or utf8 i think they contain those chars as well.. I had some similar issues recently since my first language is german
Editorial Staff
Thank you for helping out Alex
Ben Kulbertis
Thanks for the Trackback!
Editorial Staff
We appreciate your work for the community. Thanks for the nice snippet
Administrador
Navjot Singh
One Suggestion, this type of code should be included in functions.php and not index.php. You can use conditional tags to restrict the code to any page you want whether its the homepage or any other page where you want.
Editorial Staff
This is just for specific areas… But yes, it can be customized and placed in functions.php
Administrador
Thomas Scholz
Don’t use strlen(). Use mb_strlen() or strlen(utf8_decode($str)) or you risk to truncate the string inside of a multi-byte character. The same applies to mb_substr().
Oh, and an ellipsis is one character: …
snipsley
Thanks!! mb_strlen() a mb_substr solved my encoding problem. I’ve been looking for this for hours!
Lena Backstedt
BIG tnx!
mb_strlen() also seems to work for the swedish language (so far I can see)