Sitio web avanzado: Diseño de widgets

Mayoría Los widgets en el editor tienen opciones de diseño que le permiten personalizarlos. La apariencia del widget para tu sitio. Estas opciones pueden ayudarte a crear un... widget que combine perfectamente con el estilo de su sitio web, o que destaque y atraiga la atención del visitante. No todos los widgets tienen las mismas opciones. Por ejemplo, algunos widgets no te permiten editar el espaciado interno, otros no te permiten cambiar el espaciado externo.

Para abrir el Editor de diseño de un widget en su sitio, haga clic derecho en el widget para abrir el menú contextual y luego haga clic Editar diseño. También puedes abrir el Editor de diseño haciendo clic en el widget y luego haga clic Diseño en la parte superior de la ventana del widget.

Para saber cómo agregar widgets a su página, consulte Agregar widgets.

Para más información sobre cómo editar widgets, consulte editar widgets.

Las opciones de diseño suelen ser específicas de ciertos widgets . Para seleccionar entre las opciones de diseño disponibles para ese widget , haga clic en el diseño que aparece en el Editor de Diseño (o haga clic en la flecha pequeña junto a él) para abrir el menú "Seleccionar Diseño" . Para cambiar el diseño seleccionado, haga clic en el diseño que desee usar y se actualizará en el widget .

• Color. Haga clic en el icono de color redondo a la derecha del nombre de la configuración para abrir el selector de color y cambiarlo.
• Borde. Cambie el ancho del borde con el control deslizante o el cuadro de texto. Haga clic en el icono del engranaje para ver más opciones.
• Fondo. Utilice una imagen o color de fondo para esto. Utilizando el cuadro de diálogo Elegir y colocar imágenes o una URL de vídeo.
• Ancho y alto. Utilice el control deslizante o el cuadro de texto para cambiar el número de píxeles.
• Esquinas redondeadas. Aumente o disminuya el redondeo de las esquinas en un widget.
• Sombras. Active o desactive una sombra para esto. widget.
• Texto. Establezca diversos aspectos del texto, como la familia de fuentes, el grosor de la fuente, etc.

Botones

Los widgets que incorporan un botón permiten seleccionar si este hereda el estilo principal o secundario definido en el panel de temas. Además, puedes elegir entre diferentes diseños de botones, editar el estilo (ancho, alto) y el texto (fuente, tamaño) del botón, y ajustar el espaciado interno y externo.

Cualquier cambio que realice en el editor de diseño anulará los estilos establecidos en el 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 realizan cambios en el botón (que anularán los estilos establecidos en el nivel del botón del tema), seguirá habiendo un cuadro indicador presente 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.

Cambia el espaciado interno (dentro de los bordes del widget ) y el espaciado externo (fuera de los bordes del widget ). Cada número en el cuadro externo define el espaciado externo para su lado (superior, inferior, izquierdo o derecho), y cada número en el cuadro interno define el espaciado interno para su lado (superior, inferior, izquierdo o derecho).