Trabajando con widgets

• Editar widgets
• Agrupar widgets
• Tamaño de los widgets
• Distancia entre widgets
• Mover widgets
• Ajustar widgets
• Copiar widgets
  
  

Los proyectos de Readymag son creados con widgets. Este artículo te guiará a través de todas las tareas que puedes realizar con los widgets o grupos de widgets para que el proceso de edición sea más fácil y rápido.

Para añadir un nuevo widget, haz clic en + en la esquina inferior izquierda de la ventana del Editor y selecciona el widget que deseas agregar.

Editar widgets

Para cambiar las propiedades del widget, haz clic en él y los controles aparecerán en la parte derecha de la página.

Al pasar por encima de un widget, se seleccionará con un marco. Arrástralo para cambiar el tamaño del widget o utiliza la tecla X para activar la función ‘Sizes’ (que muestra los tamaños de todos los widgets) e introduce el valor numérico deseado. 

Cuando los widgets están agrupados, puedes seleccionarlos haciendo clic en el grupo y manteniendo pulsada la tecla Cmd (Ctrl).

El marco de selección se oculta si te desplazas entre tus widgets con las flechas del teclado o los redimensionas usando el atajo de teclado Cmd (Ctrl) + flechas del teclado.

Agrupar widgets

Para crear un grupo, abre la barra de widgets, selecciona varios widgets y haz clic en ‘Group’ en sus atributos. Puedes editar todos los widgets de un grupo simultáneamente: animar, alinear, fijar, organizar, bloquear o añadirles una sombra con un solo clic.

Si mantienes pulsada la tecla Cmd (Ctrl para Windows) al pasar por encima de un grupo, se marcarán individualmente los widgets del grupo. Para cambiar entre los diferentes widgets de un grupo, haz clic en ellos manteniendo la tecla Cmd (Ctrl). También puedes seleccionar un widget haciendo doble clic sobre él.

Tamaño de los widgets

Haz clic en la X de tu teclado y se mostrarán los tamaños de todos tus widgets. Hay tres formas de cambiar el tamaño:

• introduciendo el valor deseado después de activar X;
• arrastrando los bordes del marco del widget;
• utilizando el atajo de teclado Cmd (Ctrl) + flechas del teclado.

Shift + Arrastrar cambiará el tamaño de un widget proporcionalmente.

Distancia entre widgets

Abre ‘Grid & Guides’ y activa ‘Snap y Sizes’, o simplemente usa los atajos: S (para Snap) y X (para Sizes). Ahora se mostrará la distancia entre los widgets que estén alineados.

Esta función es extremadamente útil si necesitas colocar varios widgets con una distancia constante entre cada uno de ellos (por ejemplo, para crear una galería de imágenes). Vamos a probarlo con un widget de forma (Shape):

1. Ingresa al panel de Grid & Guides y activa Snap and Sizes.
2. Crea un nuevo widget de forma (Shape) y haz clic en él para seleccionarlo.
3. A continuación, arrastra el widget mientras mantienes pulsada la tecla Opción (Alt) y suéltalo en la posición deseada. El primer widget permanecerá en su lugar original y se creará la copia. La distancia entre el widget original y la copia se mostrará porque has activado la función Sizes.
4. Haz clic en la copia y arrastra el widget de nuevo mientras mantienes pulsada la tecla Opción (Alt). Aparecerá una nueva copia: en cuanto alcance la distancia del paso 2, se ajustará automáticamente.

Mover widgets

Para reubicar un widget, basta con arrastrarlo y soltarlo. También, existen atajos que permiten copiar widgets y moverlos:

• Tecla Option + arrastrar: (Alt + arrastrar para Windows) crea instantáneamente una copia del widget y lo coloca en la página junto al original.
• Shift + arrastrar: mueve el widget en los ejes horizontal y vertical.

Si necesitas mover una sección de tu proyecto, la función ‘Bundle Drag’ te resultará muy útil. Haz clic en el widget y arrastra el triángulo azul que se muestra en el marco del widget y arrástralo hacia abajo.  También puedes:

• Tecla F + arrastrar mueve todos los widgets por debajo del borde superior del widget seleccionado.
• Tecla V + arrastrar mueve todos los widgets por debajo del borde inferior del widget seleccionado.

Ajustar widgets

Activa la función ‘Snap’ en los controles ‘Grid & Guides’ (o utiliza el atajo de teclado S), y el  widget se ajustará a la cuadrícula y a las guías, y también a los widgets cercanos si lo mueves. 

Copiar widgets

La acción de copiar y pegar está disponible en todos los proyectos: copia cualquier widget utilizando el atajo de teclado Cmd+C en Mac (Ctrl+C para PC), abra un proyecto o página diferente y pégalo allí con Cmd+V (Ctrl+V para PC).

El atajo Cmd+Opción+C permite crear copias que se alinean automáticamente con el widget inicial.

Descubre más atajos útiles aquí.