Diseño
Cambia el estilo general del sitio, incluyendo el fondo, el texto y los bloques. Puedes aplicar un tema para modificar todo el diseño a la vez, o ajustar la configuración de cada elemento individualmente. El diseño se refleja en tiempo real y es visible de inmediato para los visitantes.
Cambiar el estilo de todo el sitio
En el modo de edición , seleccione el tema y la paleta que desea aplicar a todo el sitio desde la pestaña Diseño > Color en el panel derecho .
Al seleccionar un tema y una paleta de colores, se modifican varios colores y ajustes predeterminados. Al modificar el diseño de un sitio público, recomendamos crear un sitio de prueba para comprobar los cambios antes de realizar cualquier modificación.
Tema del sitio
Los temas son opciones predefinidas para fondos, texto, colores de botones, redondeo de esquinas, bordes, sombras y más. Haz clic en el área de Temas en la parte superior del menú Diseño para seleccionar y aplicar el tema que desees; los colores y la configuración predeterminados de todos los elementos se modificarán automáticamente.
Paleta de colores
Las paletas son combinaciones predefinidas de colores que coinciden. Si hace clic en el área de la paleta en la pestaña Color para seleccionar y aplicar la opción deseada, los colores predeterminados de todos los elementos cambiarán automáticamente a los colores de esa paleta.
Puedes cambiar el color haciendo clic en cada color de la paleta. Si el color modificado también se aplicó a los elementos individuales que se encuentran debajo de la paleta, el color de esos elementos también cambiará.
Al hacer clic en Claro y Oscuro , puede especificar colores de paleta diferentes que aparecerán de forma distinta según el modo de pantalla del visitante.
¿Desea que su sitio web permanezca en modo claro u oscuro independientemente del modo de navegación del visitante?
Con la opción Claro u Oscuro seleccionada, haga clic en el icono circular para desactivar la función de coincidencia de color del sistema .
Cambiar el estilo predeterminado para cada elemento
Cambie el estilo predeterminado para cada elemento en las pestañas Diseño > Color , Fuente y Forma del panel derecho en el modo Edición .
¿Qué ocurre si hay bloques en los que el estilo no se aplica incluso después de cambiarlo en el menú Diseño?
Dado que el color, el tamaño, el grosor, etc., del bloque correspondiente se han personalizado individualmente, haga clic en el icono de deshacer en la configuración del bloque.
Fondo del sitio, estilo del encabezado
Cambia los colores de fondo y del encabezado del sitio en toda el área del sitio de la pestaña Color .
Estilo de texto
Cambiar el color del texto
En la pestaña Color , cambia el título general del sitio y los colores de texto predeterminados .
Cambiar el tamaño del texto, el grosor, el interlineado y el tipo de fuente.
En la pestaña Fuente , seleccione la fuente predeterminada que se aplicará a todo el sitio y la fuente del título que se aplicará a los títulos, respectivamente.
Haga clic en Título de página, Cuerpo de página y Títulos 1 a 3 para modificar sus respectivos valores de grosor, tamaño y espaciado entre líneas.
Si desea especificar un estilo diferente para las publicaciones del canal, active la opción "Publicación" y modifique el valor.
Consulte la Guía de texto (haga clic aquí) para obtener información sobre cómo configurar los estilos individualmente para cada texto .
Estilo de botón
Cambiar el color de fondo y del texto del botón.
Cambia los colores de fondo y de texto en el área de botones de la pestaña Color .
Ajusta el tamaño, el grosor y el interlineado del texto de los botones.
Haz clic en el botón del área de configuración predeterminada de la pestaña Fuente para modificar los valores de grosor, tamaño y espaciado entre líneas.
Relleno de botones, ajuste de redondeo de esquinas
Ajusta los valores de relleno y esquinas redondeadas en el área de botones de la pestaña Forma .
Agregar borde y sombra al botón
En la sección Botón de la pestaña Forma, active Borde y Sombra para ajustar el grosor del borde, el desenfoque de la sombra y la posición. Vaya a la pestaña Color y cambie los colores del borde y la sombra en la sección Botón.
Haz clic en la guía que aparece a continuación para ver cómo configurar estilos individuales para cada botón.
Estilo de medios (imagen, vídeo)
Ajustar el redondeo de las esquinas de los medios
Ajusta los valores de las esquinas redondeadas en las áreas de imagen y vídeo de la pestaña Forma , respectivamente.
Agregar bordes y sombras a los medios
En las secciones Imagen y Vídeo de la pestaña Formas, active Bordes y Sombras para ajustar el grosor del borde, el desenfoque de la sombra y la posición. Vaya a la pestaña Color y cambie los colores de los bordes y las sombras en la sección Multimedia.
Estilos de tarjeta (fondo, columna)
Cambiar el color de fondo y del texto de la tarjeta.
Cambia los colores de fondo, título y texto en el área de la tarjeta de la pestaña Color .
Ajustar el redondeo de las esquinas de la tarjeta
Ajusta el valor de las esquinas redondeadas en el área de la tarjeta de la pestaña Forma .
Agregar borde y sombra a la tarjeta
En la sección Tarjeta de la pestaña Forma, active Borde y Sombra para ajustar el grosor del borde, el desenfoque de la sombra y la posición. Vaya a la pestaña Color y cambie los colores del borde y la sombra en la sección Tarjeta.
Haz clic en la guía que aparece a continuación para ver cómo configurar estilos individuales para cada bloque de tarjetas.
Estilo de vista previa del canal
Cambiar el color de fondo y del texto de la vista previa del canal.
Cambia los colores de fondo y de texto en el área Canales de la pestaña Color .
Ajustar el redondeo de las esquinas de la vista previa del canal
Ajusta el valor de las esquinas redondeadas en el área Canal de la pestaña Forma .
Agregar borde y sombra a la vista previa del canal
En la sección Canales de la pestaña Forma, active Borde y Sombra para ajustar el grosor del borde, el desenfoque de la sombra y la posición. Vaya a la pestaña Color y cambie los colores del borde y la sombra en la sección Canales.