Cuando lanzamos nuestro primer sitio de WordPress con mucho contenido, nunca pensamos que los títulos de las entradas del blog serían un problema. Algunos de nuestros títulos más largos estaban rompiendo nuestro hermoso diseño, mientras que otros simplemente se veían desordenados en dispositivos móviles.
A través de años de gestión de múltiples sitios de WordPress y ayuda a propietarios de sitios web, hemos descubierto que recortar los títulos de las entradas ayuda a garantizar un aspecto consistente y refinado que mantiene la atención de su audiencia.
En esta guía, compartiremos técnicas efectivas para acortar automáticamente sus títulos de blog de WordPress con PHP, ayudándole a mantener todo con un aspecto nítido.
¿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 sus títulos de entradas y cómo se muestran en su sitio web.
Por ejemplo, es posible que desee cortar los títulos de entradas largos en su página de inicio para que no arruinen el diseño de su blog de WordPress.
Hacerlo también ayuda a mantener su blog visualmente agradable y fácil de navegar para sus lectores.
Nota: Si su objetivo es optimizar sus entradas de blog para SEO utilizando títulos más cortos, es posible que el truncamiento no sea necesario. En su lugar, un plugin de SEO para WordPress puede simplificar la creación de etiquetas de título SEO cortas y efectivas.
Recomendamos All in One SEO (AIOSEO) porque te permite crear títulos SEO personalizados para las páginas de resultados de búsqueda, manteniendo al mismo tiempo títulos de publicación más largos para tus visitantes en tu sitio.
Para más detalles, consulta nuestra guía definitiva sobre cómo configurar AIOSEO correctamente.
Ahora, exploremos dos formas de truncar los títulos de las publicaciones de WordPress en tu sitio usando PHP:
- Método 1: Truncar títulos de publicaciones de WordPress con una función de WordPress
- Método 2: Truncar títulos de publicaciones de WordPress con PHP modificando archivos del tema de WordPress
Método 1: Truncar títulos de publicaciones de WordPress con una función de WordPress
La forma más fácil de truncar títulos de publicaciones de WordPress en WordPress es agregando código PHP a tus archivos de WordPress. Si no has hecho esto antes, consulta nuestra guía sobre cómo copiar y pegar código en WordPress.
Muchos tutoriales te dirán que agregues código directamente al archivo functions.php de tu tema. Sin embargo, cualquier error podría causar problemas o incluso dañar tu sitio.
Es por eso que recomendamos usar el plugin gratuito WPCode en su lugar. Es una herramienta útil que facilita la adición y gestión de código personalizado en tu sitio de WordPress, sin modificar directamente los archivos del tema.
En WPBeginner, confiamos en el plugin para agregar y administrar nuestros fragmentos de código personalizados. Puedes consultar nuestra reseña completa de WPCode para obtener más información.
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.
Al activarlo, selecciona Fragmentos de código » + Agregar fragmento desde la barra lateral de tu administrador. Luego, pasa el cursor sobre la opción 'Agregar tu código personalizado (Nuevo fragmento)' y haz clic en el botón 'Agregar fragmento personalizado' que aparece.
Esto abrirá una nueva página donde puedes escribir un título para el fragmento y luego agregar el código.
Simplemente copia y pega 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');
Así es como debería verse una vez que hayas agregado el código.
Este código se ejecutará dentro del bucle de tus publicaciones de WordPress y acortará los títulos de tus entradas de blog a 35 caracteres. Para cambiar la longitud de tu título, simplemente establece la variable $max a la longitud de título que prefieras.
Si necesitas ayuda, consulta nuestro artículo sobre cómo agregar código personalizado en WordPress.
A continuación, deberás elegir 'Fragmento de PHP' en el menú desplegable Tipo de código.
Finalmente, deberás activar la configuración Activo y luego guardar el fragmento haciendo clic en el botón 'Guardar fragmento'.
Ahora que el fragmento de código está activo, los títulos de tus entradas de blog se acortarán dondequiera que aparezcan en tu sitio web de WordPress.
Como se muestra en la captura de pantalla a continuación, el título se detiene en 35 caracteres y se le agregan puntos suspensivos '…' al final.
Método 2: Truncar títulos de publicaciones de WordPress con PHP modificando archivos del tema de WordPress
Otra forma de truncar los títulos de las entradas de WordPress es agregando código directamente a los archivos de tu tema de WordPress.
Este método te da más control sobre dónde se acortan tus títulos. Por ejemplo, es posible que desees acortar los títulos solo en tu página de inicio, pero mostrar el título completo en la entrada del blog.
⚠️ Consejo profesional: Antes de continuar con el Método 2, recuerda que actualizar tu tema puede sobrescribir los cambios personalizados.
Para mantener tu sitio actualizado sin perder tus personalizaciones, consulta nuestra guía sobre cómo actualizar tu tema de WordPress sin perder personalizaciones.
Para hacer eso, necesitarás agregar el código PHP directamente a los archivos del tema de WordPress donde deseas truncar los títulos de tus entradas de blog.
Por ejemplo, puedes agregar el fragmento de código a continuación a tu archivo index.php para reemplazar la etiqueta the_title existente dentro de tu loop de publicaciones 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 publicación en 25 caracteres. Si la longitud del título es mayor a 25 caracteres, entonces cortará el título después de 25 caracteres y agregará puntos suspensivos '…' al final.
Para cambiar la longitud de caracteres de tu sitio web, simplemente cambia la variable $thelength a tu conteo de caracteres preferido.
Una vez que hayas agregado el código y guardado tu archivo, necesitas subirlo al directorio de tu tema en tu cuenta de hosting de WordPress.
Puedes hacer esto usando un cliente FTP o la herramienta de administrador de archivos en el panel de control de tu hosting de WordPress. Si nunca has usado FTP, consulta nuestra guía sobre cómo usar FTP para subir archivos a WordPress.
Después de agregar el código, los títulos de tus publicaciones se truncarán al conteo de caracteres que estableciste.
Esperamos que este artículo te haya ayudado a aprender cómo truncar títulos de publicaciones de WordPress con PHP. También te puede interesar nuestra guía sobre cómo escribir una gran publicación de blog y nuestras selecciones expertas de las mejores herramientas y plugins de marketing de contenidos para 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.
kzain
¡Una gran solución para limpiar esos títulos largos!
Especialmente con titulares pegadizos, a veces pueden salirse un poco de control. Esta función personalizada parece sencilla de implementar, aunque podría necesitar un amigo que me ayude con la parte de PHP.
Achintha
Hola, hay una función de WordPress para limitar palabras. Es mejor usarla.
http://codex.wordpress.org/Function_Reference/wp_trim_words
dustinporchia
¡Esto es oro!…. ¡Gracias wpbeginner!
adm_mnz
Si usas mb_substr, hay un parámetro para la codificación.
http://php.net/manual/en/function.mb-substr.php
Junaid
¡Genial! Justo estaba buscando algo para el proyecto de un cliente
Marco
¿Alguien sabe cómo se puede truncar el título del enlace de previous_post_link();?
gracias
Navegar
¡Gracias, esto funcionó perfectamente! No quería terminar usando un plugin solo para hacer esto y me alegré de que tu código recortara los títulos correctamente.
¡Gracias de nuevo!
Joey Figaro
¡Hola! Gracias por escribir esto. Me encontré con otro ejemplo de cómo lograr esto y parecía mucho más simple, así que lo compartiré contigo y veré qué piensas.
functions.php:
function new_excerpt_length($length) { return 100; } add_filter(‘excerpt_length’, ‘new_excerpt_length’);
Personal editorial
Estos son dos conceptos completamente diferentes... El que recomiendas es para extractos de publicaciones, mientras que el que estamos discutiendo es para títulos de publicaciones.
Administrador
Joey Figaro
Wow, that’s embarrassing.
Lena
¡Hola!
Esto no funciona si usas otros idiomas que no sean inglés. Mi título en sueco se ve horrible porque el código no traduce å ä y ö en comparación con el código predeterminado. ¿Alguna sugerencia de lo que tengo que hacer? Este es un buen truco y quiero usarlo.
Atentamente Lillan
Personal editorial
Hmm... eso sí suena como un problema serio. Me pregunto si puedes especificar el idioma a través de PHP, para que cuente los caracteres en ese idioma en lugar de en inglés.
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
Personal editorial
Thank you for helping out Alex
Ben Kulbertis
¡Gracias por el Trackback!
Personal editorial
We appreciate your work for the community. Thanks for the nice snippet
Administrador
Navjot Singh
Una sugerencia, este tipo de código debería incluirse en functions.php y no en index.php. Puedes usar etiquetas condicionales para restringir el código a cualquier página que desees, ya sea la página de inicio o cualquier otra página donde lo desees.
Personal editorial
Esto es solo para áreas específicas... Pero sí, se puede personalizar y colocar en functions.php
Administrador
Thomas Scholz
No uses strlen(). Usa mb_strlen() o strlen(utf8_decode($str)) o te arriesgas a truncar la cadena dentro de un carácter multibyte. Lo mismo aplica para mb_substr().
Oh, and an ellipsis is one character: …
snipsley
¡¡Gracias!! mb_strlen() y mb_substr() resolvieron mi problema de codificación. ¡¡He estado buscando esto durante horas!!
Lena Backstedt
¡Muchas gracias!
mb_strlen() también parece funcionar para el idioma sueco (hasta donde puedo ver)