La mayoría de los s en el editor tienen opciones de diseño que le permiten personalizar la apariencia del para su sitio. Estas opciones pueden ayudarle a crear un que combine perfectamente con el estilo de su sitio o uno que destaque y capte la atención del visitante. No todos los s tienen las mismas opciones. Por ejemplo, algunos s no le permiten editar el espaciado interno, otros no le dejan cambiar el espaciado externo.
Para abrir el Editor de diseño de un en su sitio, haga clic con el botón derecho en el para abrir el menú contextual y luego haga clic en Editar diseño. También puede abrir el Editor de diseño haciendo clic en el y luego haciendo clic en Diseño en la parte superior de la ventana del .
Para aprender cómo agregar s a su página, consulte Agregar widgets.
Para aprender más sobre cómo editar s, vea Editar widgets.
Muchos tendrán pestañas en las distintas secciones del Editor de diseño dependiendo de la configuración del . Por ejemplo, si un tiene la opción de establecer un fondo, puede haber una pestaña para Color y una para Imagen.
Opciones comunes de diseño
Disposición
Las opciones de disposición suelen ser específicas para ciertos s. Para seleccionar entre el conjunto de opciones de disposiciones disponibles para ese , haga clic en la disposición que aparece en el Editor de diseño (o haga clic en la pequeña flecha al lado del mismo) para abrir el menú Seleccionar diseño. Para cambiar el diseño seleccionado, haga clic en el diseño que desea usar en su lugar y este se actualizará en el .
Estilo
- Color. Haga clic en el icono redondo de color a la derecha del nombre de la configuración para abrir el selector de color y cambiar el color.
- Borde. Cambie el ancho del borde usando el control deslizante o el cuadro de texto. Haga clic en el icono de engranaje para ver más opciones.
- Fondo. Use un fondo de imagen o un color para este utilizando el diálogo Elegir y colocar imágenes o la URL de un video.
- Ancho y alto. Use el control deslizante o cuadro de texto para cambiar el número de píxeles.
- Esquinas redondeadas. Aumente o disminuya las esquinas redondeadas en un .
- Sombras. Active o desactive una sombra para este .
- Texto. Establezca varios aspectos del texto, como la familia de fuentes, el peso de la fuente, etc.
Botones
Los widgets que incorporan un botón ofrecerán la posibilidad de seleccionar si el botón hereda el estilo de botón primario o secundario definido en el panel del tema. Además, puede elegir entre las diferentes disposiciones de los botones, editar el estilo (ancho, altura) y el texto (fuente, tamaño de texto) del botón, y ajustar el espaciado interno y externo.
Cualquier cambio que haga dentro del editor de diseño anulará los estilos establecidos en el nivel del botón del tema. Si necesita volver al estilo del botón del tema, haga clic en Restablecer al estilo del tema.
Botones de tema principal y secundario
Si se hacen cambios en el botón (que anularán los estilos establecidos en el nivel del botón del tema), aparecerá un cuadro de indicador en el estilo del botón Principal o Secundario.
Si se hace clic en el estilo del botón que no tiene el cuadro indicador, se restablecerá el botón al estilo establecido en el nivel del botón del tema.
Espaciado
Cambie el espaciado interior (espaciado dentro de los bordes del ) y el espaciado exterior (espaciado fuera de los bordes del ). Cada número en el cuadro exterior establece el espaciado exterior de su propio lado (superior, inferior, izquierdo o derecho) y cada número en el cuadro interior establece el espaciado interior de su propio lado (superior, inferior, izquierdo o derecho).