Tutorial Divi: Añadir subtítulos al menú

Si eres usuario de temas de Elegant Themes recordarás que no hace tanto tiempo en todos sus temas podías meter subtítulos en los menús, añadiendo campos personalizados en las páginas que querías que los llevasen. Pero esto no funciona en Divi, una pena.

Pero no te vengas abajo, porque si te gusta lo de poner subtítulos a los menús de tu web con Divi es bastante fácil añadirlos, solo conlleva 2 pasos.

Edita tus menús para añadir los subtítulos

Lo primero es ir a tu escritorio de WordPress y en «Apariencia > Menús» editar los elementos de menú a los que quieras añadir subtítulos y añadirles, pegado al título que ya tengan, tu texto entre las etiquetas <span>.

Vamos, añade un texto tal que así:

Y un ejemplo sería este, el de la captura:

Guarda los cambios, pero aún no hemos terminado, pues si vas a tu web verás que los menús se mostrarán aún bastante feos, tal que así:

No te asustes, viene ¡CSS al rescate!

Añade un poquito de CSS para que se vean bien

Pasado el pequeño susto inicial, ve a «Apariencia > Personalizar» y, una vez abra el Personalizador de WordPress ve a la sección de «CSS adicional» y añade lo siguiente:

Y conseguirás algo mucho más chulo, parecido a esto:

Por supuesto, puedes personalizar a tu gusto los estilos del menú, teniendo en cuenta que la parte que hace que el <span> esté debajo del título del menú es float: left;, el resto a tu gusto.

Si te gusta este contenido prueba tambien a suscribirte al canal en YouTube.
VALORA ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
FlojitoNo está malEstá bienMe ha servidoFantástico (2 votos, promedio: 5,00 de 5)
Cargando…

Al dejar una valoración se recopila la IP para evitar fraudes

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Mi último libro es WordPress - La guía completa. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera. Sigue a @fernandot en Twitter

Comparte esta entrada en
468 ad

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas, si ya estás suscrito a nuestra newsletter, para reconocer el estado de tu sesión si la tuvieses y para servir más rápidos los contenidos.

No se captura IPs ni siquiera para el servicio de Analytics así que tu visita es privada.

JSESSIONID, _cfuid, wpSGCachePypass, mailerlite, gdpr, gawp
mailerlite, _cfuid

Cookies de terceros

Usamos cookies de terceros con servicios, también garantes de tu privacidad, que analizan tus usos de navegación para que podamos mejorar los contenidos, si ya estás suscrito al boletín y los elementos compartidos en redes sociales y el formulario de comentarios.

1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID, disqus_unique, disqusauth
disqus_unique, disqusauth
1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID

Pin It on Pinterest

Share This
Ir al contenido