Sitio web avanzado: Diseño de widgets

La mayoría de 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 tu 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 tu sitio, haz clic derecho en el widget para abrir el menú contextual y luego haz clic en Editar diseño. También puedes 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 saber cómo agregar widgets a tu página, consulta Agregar widgets.

Para más información sobre cómo editar widgets, consulta 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 , haz clic en el diseño que aparece en el Editor de Diseño (o haz clic en la flecha pequeña junto a él) para abrir el menú "Seleccionar Diseño" . Para cambiar el diseño seleccionado, haz clic en el diseño que desees usar y se actualizará en el widget .

• Color. Haz 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 Cambia el ancho del borde con el control deslizante o el cuadro de texto. Haz clic en el icono del engranaje para ver más opciones.
• Fondo Utiliza una imagen o color de fondo para este widget mediante el cuadro de diálogo Elegir y colocar imágenes o una URL de vídeo.
• Ancho y alto. Utiliza el control deslizante o el cuadro de texto para cambiar el número de píxeles.
• Esquinas redondeadas. Aumenta o disminuye el redondeo de las esquinas en un widget.
• Sombras. Activa o desactiva una sombra para este widget.
• Texto. Establece 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 realices en el editor de diseño anulará los estilos establecidos en el botón del tema. Si necesitas volver al estilo del botón del tema, haz clic en Restablecer al estilo del tema.

Botones de tema primario 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).