En Divi 4 el módulo Blog no trae una opción nativa para cambiar ese texto, así que hay que hacerlo con un pequeño código. Te doy las opciones de más fácil a más «limpia»:
Opción 1: JavaScript (la más rápida)
- Ve a Divi → Opciones del tema → Integración y pega esto en «Agregar código al head de tu blog» (o en un módulo de Código dentro de la misma página):
<script>
jQuery(function ($) {
$(‘.more-link’).html(‘Leer tutorial <span class=»flecha-mas»>→</span>’);
});
</script>
2. Si quieres cambiarlo solo en ese módulo (y no en toda la web), ve al módulo Blog → pestaña Avanzado → CSS ID y Clases y añade una clase, por ejemplo blog-tutoriales. Luego el código queda así:
<script>
jQuery(function ($) {
$(‘.blog-tutoriales .more-link’).html(‘Leer tutorial <span class=»flecha-mas»>→</span>’);
});
</script>
- (Opcional) Ajusta color y espaciado en Divi → Personalizar → CSS adicional:
.more-link { color: #2ea3f2; }
.flecha-mas { margin-left: 6px; }
Opción 2: Con functions.php (tema hijo, sin JavaScript)
Si usas tema hijo, esto cambia el texto «de fábrica» en todos los módulos Blog:
add_filter( ‘gettext’, ‘cambiar_leer_mas_divi’, 20, 3 );
function cambiar_leer_mas_divi( $traduccion, $texto, $dominio ) {
if ( ‘read more’ === $texto ) {
return ‘Leer tutorial →’;
}
return $traduccion;
}
Opción 3: Sin código (plugin Loco Translate)
Instala Loco Translate, edita la traducción de Divi al español, busca la cadena «read more» («Leer más») y cámbiala por «Leer tutorial →». Cambia el texto en toda la web.
Recomendación: para un solo módulo, la Opción 1 es la más simple y te permite añadir la flecha tal como la tienes en la imagen.
