WordPress permite agregar código CSS fácilmente para mejorar nuestro contenido, en este articulo vamos a ver como dar mejor vista a las imágenes específicamente como personalizar el estilo de la leyenda de imágenes de WordPress, anteriormente comentamos como agregar la leyenda a las imágenes y ejemplos de cuando debemos utilizarla, ahora veamos como dar formato a esta leyenda.
Tabla de contenido:
Ejemplos de estilos CSS para personalizar la leyenda de las imágenes
Estos estilos solo se muestran cuando la imagen tiene leyenda, veamos estos ejemplos que he aplicado a mis sitios.
Estilo CSS – Marco Gris – toma el alineado de la imagen
La imagen puede presentar doble marco ya que en el sitio aplico marco con sombra para dar mejor vista a estas
Estilo CSS – Marco sin relleno
La imagen puede presentar doble marco ya que en el sitio aplico marco con sombra para dar mejor vista a estas
Estilo CSS – Aumenta el tamaño del texto y agrega formato de fondo a la leyenda de la imagen
La imagen puede presentar doble marco ya que en el sitio aplico marco con sombra para dar mejor vista a estas
Estos son algunos ejemplos, los códigos CSS son completamente personalizables, también existen sitios que ofrecen herramientas que apoyan con el código CSS en linea como Enjoycss no es especifico para imágenes pero podemos obtener el código y adaptarlo a la imagen.
Como agregar el código CSS personalizado en WordPress
Contamos con a un articulo de apoyo donde mostramos distintas formas de añadir código personalizado fácilmente.