La mayoría de los widgets en el editor tienen opciones de diseño que le permiten personalizar la apariencia del widget para su sitio. Estas opciones pueden ayudarle a crear un widget que combine perfectamente con el estilo de su sitio o uno que destaque y capte la atención del visitante. No todos los widgets tienen las mismas opciones. Por ejemplo, algunos widgets no le permiten editar el espaciado interno, otros no le dejan cambiar el espaciado externo.

Para abrir el Editor de diseño de un widget en su sitio web, haga clic con el botón derecho en el widget 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 widget y luego haciendo clic en Diseño en la parte superior de la ventana del widget.

Para aprender cómo añadir widgets a su página, consulte Añadir widgets.

Para aprender más sobre cómo editar widgets, consulte Editar widgets.

Opciones comunes de diseño

Disposición

Las opciones de disposición suelen ser específicas para ciertos widgets. Para seleccionar entre el conjunto de opciones de disposiciones disponibles para ese widget, 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 disposición. Para cambiar la disposición seleccionada, haga clic en la disposición que desea usar en su lugar y esta se actualizará en el widget.

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.
• Antecedentes . Emplee una imagen o un color de fondo para este widget empleando el cuadro de diálogo Elegir y colocar imágenes o una URL de 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 widget.
• Sombras. Active o desactive una sombra para este widget.
• Texto. Establezca varios aspectos del texto, como la familia de fuentes, el peso de la fuente, etc.

Botones

widget que incorporen 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 de temas. Además, puede elegir entre los distintos diseños de botón, realizar modificaciones en el estilo del botón (anchura, altura) y en el texto del botón (fuente, tamaño del texto), y ajustar el espaciado interior y exterior.

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 interno (espaciado dentro de los bordes del widget) y el espaciado externo (espaciado fuera de los bordes del widget). Cada número en el cuadro externo establece el espaciado externo de su propio lado (superior, inferior, izquierdo o derecho) y cada número en el cuadro interno establece el espaciado interno de su propio lado (superior, inferior, izquierdo o derecho).