Diseña y publica tus sitios rápidamente

Cómo usar la app de Picture Showcase

Aquí te enseñaremos a usar la app de Picture Showcase para hacer exhibiciones de imágenes, la cual es muy parecida a la app de Tabbed Widget. Ambas te permiten exhibir varios objetos y navegar por ellos. Para ver los objetos en la Tabbed Widget app, se utilizan las pestañas; en la de Picture Showcase, se usan las imágenes en miniatura.

Los siguientes pasos te ayudarán a instalar y utilizar la app de Picture Showcase.

1. Dirígete a la barra inferior de tu sitio y en el menú “Apps”, haz clic en “Picture Showcase”.

From the App menu, click on Picture Showcase

2. Un menú aparecerá a la derecha. Haz clic y desplaza “Install New App Version” a una de las columnas de tu layout.

Drag the Picture Showcase app to a

3. Al colocarlo, debe verse como la siguiente imagen.

The default look of a Picture Showcase

4. Puedes editar los textos que dicen “Click to Edit …” al hacer clic en cada uno de ellos. Los que dicen “picture caption” y “picture title” se refieren al título y un texto de acompañamiento de la primera imagen solamente. Puedes agregar textos para cada una de las imágenes (eso se explicará en el paso 6).

Edit all text to suit your needs

5. Para actualizar una imagen, pasa el cursor sobre la imagen predeterminada y verás que resaltará con un color verde.

When you hover an image, a green overlay is shown on top of it

Haz clic en ella y el editor de imágenes se abrirá. Con él puedes reemplazar una imagen, cortarla, cambiarle el tamaño y agregarle atributos alt. Para reemplazarla, haz clic en el botón de ”Replace”, ubicado en la esquina inferior izquierda. Cuando termines de editarla, haz clic en “Save”. Haz lo mismo con las demás imágenes predeterminadas.

Use the image editor to upload/replace images

6. Una vez que hayas personalizado las 3 imágenes, podrás cambiarles el texto. Para hacerlo debes hacer clic en la imagen que quieras y sostenerlo por 2 segundos aproximadamente. Notarás que el color verde se torna morado, lo cual quiere decir que ya puedes editar el texto de la imagen seleccionada.

Click and hold an image thumbnail to switch between your items

7. También puedes agregar más artículos para tener más de 3 objetos en tu exhibición de imágenes. Para agregar uno, haz clic en el botón de “New Entry” de la barra de herramientas de la app (ubicada arriba a la derecha).

The app toolbar, located at the top right corner of the app

Una nueva imagen se agregará a la derecha de las anteriores. Para editarla, sigue los pasos del 4 al 6.

A new item added on the right

También puedes eliminar una imagen que no necesites. Pasa el cursor sobre ella y notarás que debajo de ella, aparecen dos opciones. Haz clic en “X” de la derecha para eliminar ese objeto (la imagen y su texto de acompañamiento).

Remove item by clicking the X on each item

8. Es posible que quieras cambiar el orden de tus imágenes. Para hacerlo, haz clic en el botón de “Recorder”, a la izquierda de la “X”, que aparece debajo de cualquiera de las imágenes.

Click this button to change the order of your items

Se abrirá una ventana nueva con una lista de las imágenes en tu app. Identifícalas por su título, haz clic y arrástralas hasta que queden en el orden que quieras.

Item-reordering window

Una vez que hayan quedado como deseabas, haz clic en “Close” de la esquina superior derecha. Los cambios se guardarán automáticamente.

¡Y eso es todo! Puedes ver una vista previa de tu Picture Showcase app para que te des cuenta de cómo funciona.

¿Tuviste problemas al instalar la app de Picture Showcase? Háznoslos saber en la sección de comentarios.