Diseño de widgets

Descripción general

Most widgets in the website builder have design options that enable you to customize the widget's appearance for your website. These options can help you create a widget that perfectly matches the style of your site or one that stands out and attracts visitor's attention. 

Guía 

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.widgetdesign1_en-US.png

A continuación, presentamos algunas opciones de personalización que encontrará en el Editor 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 disposición 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.

widgetdesign2_en-US.png

Estilo

  • Color - haga clic en el icono redondo de color a la derecha del nombre de la sección para abrir el selector de color y cambiar el color.
  • Estilo de borde - cambie la anchura del borde usando el deslizador o el cuadro de texto.
  • Estilo de fondo - use una imagen o video de fondo para este widget usando el cuadro de diálogo Elegir y colocar imágenes o el URL de un video.
  • Anchura y altura - use el deslizador o cuadro de texto para cambiar el número de píxeles.
  • Esquinas redondeadas - aumente o disminuya la redondez de las esquinas de un widget.
  • Sombras - active o desactive una sombra para este widget.

widgetdesign3_en-US.png

Espaciado

Change the padding (spacing inside the widget edges) and margins (spacing outside the widget edges). Each number in the outer box sets the margins for its own side (top, bottom, left, or right), and each number in the inner box sets the padding for its own side (top, bottom, left, or right).

widgetdesign4_en-US.png

Consideraciones

Not all widgets have the same options. For example, some widgets do not allow you to edit padding, others don't let you change margins.

Recursos

  • Para aprender cómo agregar widgets a su página, consulte nuestra guía sobre Adición de widgets.
  • Para aprender más sobre cómo editar widgets, revise nuestra guía sobre Edición de widgets.