Optimización del enlace leer más en Divi.

El tema Divi es una gran herramienta con una interfaz simple y muchas formas de diseñar los módulos para que se adapten al estilo y apariencia de su marca. Dicho esto, hay algunas pequeñas cosas que probablemente podrían agregarse.
Los enlaces “Leer más” en el módulo de blog Divi solo heredan el estilo de los enlaces básicos. Esto puede hacer que sea difícil detectarlos cuando los visitantes navegan por el blog de su sitio, y todos sabemos que la interfaz de usuario (UI) es increíblemente importante.

Llamar la atención del usuario con botones en lugar de enlaces simples alienta a los visitantes a detectar rápidamente dónde necesitan hacer clic para leer sus artículos.
Si usas más enlaces en los post o has configurado Divi para que muestre extractos de publicaciones con el módulo de blog. El enlace Leer más se utilizará para alentar a los visitantes a que sigan leyendo tus publicaciones o artículos.

Esta publicación te muestra cómo optimizar con un pequeño código CSS el botón de “leer más”.

En este tutorial, te mostramos cómo diseñar  “Leer más” en el Módulo de Blog Divi para que parezcan botones.

Puedes agregar el código en  Divi> Opciones de tema> CSS personalizado.

/*** CODIGO PARA CAMBIAR EL BOTON LEER MAS ***/
.nosunelanube_blog a.more-link {
display: inline-block;
background: #E03128;
font-weight: 700;
color: #fff;
width: 150px;
padding: 5px 10px;
text-align: center;
margin: 20px auto;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 10px;
border: solid 2px #fff;
}
.nosunelanube_blog a.more-link:hover {
background: #6ca973;
}

Recuerda poner en el módulo de blog, pestaña Avanzado y clases CSS el nombre nosunelanube_blog

Conclusión:

Agregar mejoras como la etiqueta Leer más ayuda a los usuarios a navegar más fácilmente en el blog.
Tener la información organizada y resumida ayudará a que tu blog sea más legible. Usar la funcionalidad de extractos incorporada en WordPress es una excelente manera de hacer que su contenido sea más digerible. Con un poco de esfuerzo y un poco de estilo, puedes lograr lo que mostramos en este tutorial en muy poco tiempo.

 

Share This