Diseño de widgets

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, 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 agregar widgets a su página, consulte Agregar widgets.

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

Recomendación

Muchos widgets tendrán pestañas en las distintas secciones del Editor de diseño dependiendo de la configuración del widget. Por ejemplo, si un widget 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 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 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 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.
  • Fondo. Use un fondo de imagen o un color para este widget 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 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

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 widget) y el espaciado exterior (espaciado fuera de los bordes del widget). 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).