Añade estilos como filtros, márgenes, bordes y sombras a una imagen. En esta guía, se explica cómo aplicar estilos a una imagen en tu sitio.
En esta guía
¿Tienes alguna pregunta?
Pregunta a nuestro AI AssistantSigue estos pasos para aplicar estilos a una imagen de tu sitio:
- Comienza en el escritorio de WordPress.com.
- Edita la página, entrada o plantilla en la que hayas añadido la imagen.
- Haz clic en la imagen a la que quieras aplicar estilos.
- Para abrir los ajustes de la barra lateral, haz clic en el icono «Ajustes» de la barra de herramientas superior.
Si no ves la barra lateral a la derecha, es posible que tengas que hacer clic en el icono de ajustes situado en la esquina superior derecha para que aparezcan los ajustes. El icono parece un cuadrado con dos columnas desiguales.
- Haz clic en la pestaña «Estilos» (el icono es un círculo en blanco y negro):
- Modifica cualquiera de los siguientes estilos:
- Estilo de la imagen: elige entre por defecto o redondeado. Al redondearse, una imagen cuadrada se convierte en un círculo perfecto, mientras que una imagen rectangular se convierte en un círculo alargado.
- Filtros: añade un efecto de dos tonos con el ajuste del filtro Duotono.
- Dimensiones de la imagen: añade espacio alrededor de la imagen mediante los ajustes de Dimensiones.
- Borde y sombra: configura un borde, un radio y una sombra para tu imagen mediante los ajustes de Borde y sombra.
Puedes crear una clase CSS para personalizar su apariencia con código CSS.
- Comienza en el escritorio de WordPress.com.
- Edita la página, entrada o plantilla en la que hayas añadido la imagen.
- Haz clic en la imagen a la que quieras aplicar estilos.
- Para abrir los ajustes de la barra lateral, haz clic en el icono «Ajustes» de la barra de herramientas superior.
Si no ves la barra lateral a la derecha, es posible que tengas que hacer clic en el icono de ajustes situado en la esquina superior derecha para que aparezcan los ajustes. El icono parece un cuadrado con dos columnas desiguales.
- Abre los ajustes «Avanzados» en la parte inferior de la barra lateral.
- Añade o modifica las clases CSS adicionales.
- Guarda los cambios y previsualiza la página, entrada o plantilla para ver el CSS aplicado.
Los estilos de imagen incluyen filtros, dimensiones, bordes y sombras. Sigue estos pasos para restablecer un único estilo de la imagen o todos los estilos de la imagen.
- Haz clic en la imagen que quieras editar.
- Para abrir los ajustes de la barra lateral, haz clic en el icono «Ajustes» de la barra de herramientas superior.
- Haz clic en el icono «Estilos».
- Abre el menú «Opciones» junto a cada sección de estilo haciendo clic en los tres puntos (⋮) situados a la derecha de la cabecera de la sección.
- Haz clic en «Restablecer» junto a cada ajuste que quieras restablecer. O haz clic en «Restablecer todo» para restablecer todas las personalizaciones de los ajustes.
- Si «Restablecer» no aparece como opción, es que no hay estilos que restablecer.
