Muchos bloques del editor de WordPress contienen ajustes de borde para añadir una línea de borde alrededor de tu contenido. En esta guía, te explicaremos cómo usar estos ajustes de borde.
Los ajustes de borde y sombreado se pueden aplicar a todo el sitio, a elementos concretos de este o a un solo bloque de contenido. La opción de aplicar bordes y sombreado solo aparece para los bloques que son compatibles con los bordes.
Para editar los ajustes de estilo de todo tu sitio, sigue estos pasos:
- Dirígete al escritorio de tu sitio.
- Ve a Apariencia → Editor.
- Elige Estilos en el menú de la izquierda.
Obtén más información sobre cómo editar los estilos de tu sitio.
Para cambiar los ajustes de estilo de un solo bloque, sigue estos pasos:
- Dirígete al escritorio de tu sitio.
- Desplázate a la página, entrada o plantilla que quieras editar.
- Elige el bloque al que quieres aplicar el estilo.
- Localiza la barra lateral de ajustes del bloque.
En la mayoría de los casos, los ajustes de estilo estarán en la barra lateral de ajustes del bloque principal. Algunas veces, verás una pestaña independiente para los estilos que está representada por un círculo blanco y negro.
Configura la apariencia del texto del bloque con los siguientes ajustes.
Si no ves un ajuste, haz clic en los tres puntos a la derecha de la sección Borde y sombreado (tal como se muestra a la derecha). A continuación, podrás elegir la opción a la que quieras acceder:
- Borde
- Radio
- Sombra
El ajuste de borde te permite añadir una línea que rodee un bloque. Puedes elegir el grosor, el color y el radio del borde.
Para añadir un borde a un bloque, haz lo siguiente:
- Elige el bloque y abre la barra lateral de los ajustes de bloques.
- Localiza la sección Borde y sombreado en la barra lateral.
- Introduce un valor exacto o arrastra el control deslizante para dibujar el borde.
- Opcional: cambia el color del borde haciendo clic en el círculo que hay a la izquierda del campo de tamaño. Selecciona un color del tema, un color por defecto o establece el tuyo propio con el selector de color.
Por defecto, los valores del borde se calculan en píxeles. Haz clic en «px» al lado del campo para cambiar a una de las otras unidades (%, em, rem, vw y vh). Obtén más información sobre las diferentes unidades de ajuste de las dimensiones.
El ajuste de radio le da a los bordes de tu bloque una apariencia redondeada. Si configuras el radio como 0, el bloque tendrá bordes angulares, mientras que un radio de 100 supone bordes redondeados tal y como se muestra a continuación:
Puedes dar rienda suelta a tu creatividad con los ajustes de borde y radio. Al usar la opción «Desvincular lados», puedes establecer el borde y el radio de cada lado del bloque.
Para establecer un borde o radio personalizado para cada lado, haz lo siguiente:
- Haz clic en el icono de desvincular lados que hay a la derecha de Borde o Radio.
- Configura dimensiones personalizadas para cada lado.
También puedes establecer diferentes colores y estilos para el borde haciendo clic en el selector de color y estilo del borde.
Disponible en determinados bloques (incluidos Botón, Imageny Columnas), la opción de sombreado le da a tu bloque una sombra paralela.
Elige uno de los siguientes efectos de sombreado para tu elemento:
- Natural
- Profundo
- Afilado
- Con contorno
- Nítido
Puedes personalizar los efectos de sombreado por defecto o crear los tuyos propios a través del editor de estilos.
- Dirígete al escritorio de tu sitio.
- Ve a Apariencia → Editor.
- Elige «Estilos» en el menú de la izquierda.
- En el editor, también puedes seleccionar el icono Estilos en la esquina superior derecha (el botón es un círculo en blanco y negro).
- Haz clic en la opción «Sombreado».
- Haz clic en el nombre del sombreado que quieras personalizar. Para crear un sombreado personalizado, haz clic en el icono de signo más situado junto al encabezado «Personalizado» y, a continuación, haz clic en el nombre del sombreado personalizado nuevo.
- En los ajustes de sombreado, verás una vista previa de cómo se ve el sombreado y su nombre a continuación. Haz clic en el nombre del sombreado para modificar los siguientes ajustes:
- Color: mediante el selector de color, elige el color del sombreado.
- Exterior o interior: selecciona si el sombreado aparece fuera o dentro del elemento.
- Posición X y posición Y: ajusta la distancia del objeto que debe mostrar el sombreado.
- Desenfoque: el grado de desenfoque que debe tener el sombreado.
- Extensión: la amplitud con la que debería aparecer el sombreado.
- Cuando termines, haz clic en el botón «Guardar» para guardar los cambios.
Puedes restablecer las personalizaciones de los bordes y el sombreado del bloque y empezar de nuevo. Para restablecer los estilos, haz lo siguiente:
- Haz clic en las opciones Borde y Sombreado (los tres puntos verticales a la derecha de la cabecera de la sección).
- Desmarca un ajuste individual para restablecer ese ajuste en concreto o haz clic en «Restablecer todo» para restablecer todos los ajustes.
Si no hay ninguna opción que restablecer, significa que no hay personalizaciones que eliminar.
