Guía para actualización de Portfolio

Preparación de imágenes

Las imágenes de portfolio deben tener la proporción 16:9, idealmente 1920x1080px
Cada grupo de imágenes debe tener el mismo tamaño para que el slider funcione correctamente
En el caso de las imágenes de portada, también hay que mantener la proporción 16:9, pero el tamaño en este caso debería ser bastante menor, como 640x360px
Para exportar desde Photoshop, usar "Save for Web" y dentro de las opciones recomiendo usar JPG al 90% de calidad.

Login

http://israelteper.com/wp-admin

Tipear usuario, contraseña. Click en Acceder.

01 Escritorio

Este es el Escritorio del WordPress, acá están las herramientas para administrar el sitio
Para publicar un proyecto nuevo:
Posar el mouse sobre “PORTFOLIO” en el menú de la izquierda. Se despliega y click en “ADD NEW” (sumar nuevo)

02 Ventana Proyecto

Se abre esta pantalla donde se edita toda la información del proyecto.
1) Elegir un nombre
2) Asegurarse de que el “Editor de Backend” esté activo.

03 Ventana Proyecto

3) Este es el Editor de Backend, que nos facilitará un poco las cosas
4) Click en el ícono + para sumar un elemento a la página

04 Ventana Proyecto

5) Click en “Galería de imágenes”. Si no lo encontrás, hay un buscador arriba a la derecha. tipear “Galería”, va a quedar bien visible. Click.

05 Ventana Proyecto

Se abre esta ventana para editar la galería de imágenes.
Puntos a modificar:

  • Tipo de galería: Pase de dispositivas Flex con deslizado
  • Auto rotar: Desactivar
  • Origen de la imagen: Librería de medios (viene por default)
  • Tamaño de imagen: full (siempre en minúsculas)
  • Acción al hacer click: Ninguno

Click en el ícono de imágenes para seleccionarlas

06 Elegir imágenes

Se abre la Biblioteca de Medios con todos los medios subidos hasta el momento en el sitio.
Para subir acá las imágenes nuevas, se pueden arrastrar desde el escritorio y van a quedar primeras, de izquierda a derecha arriba a abajo. Y automáticamente las va a seleccionar.
Se pueden elegir más imágenes o menos simplemente clickeando en su respectivo ícono.
La pestaña “subir archivos” sirve para eso mismo, desde ahí se puede abrir una ventana de sistema para buscar los archivos.

La bibliotecta tiene buscador. Si todas las imágenes del proyecto se llaman, por ejemplo, “proyectox_01.jpg, proyectox_02.jpg, etc etc” con buscar la palabra “proyectox” sólo van a quedar visibles los archivos de este proyecto.

Una vez que se seleccionan todos, click en “Añadir Imágenes”

07 Elegir imágenes

Volvemos a la pantalla anterior, ahora en el lugar de las imágenes aparecen las seleccionadas
El orden está dado de izquierda a derecha, la de la izquierda va a ser la primera y la de la derecha la última.
Se pueden arrastrar los íconos para cambiar el orden, eliminar imágenes con la X roja que tiene cada una.
O sumar imágenes, con el ícono del + verde.

Click en "Guardar cambios"

08 Más ajustes

Se cierra la ventana. Si queremos volver a editar la Galería, pasando el mouse sobre la cajita de la Galería, se habilita el ícono del Lápiz.

09 Más ajustes

Abajo, en Portfolio Meta / Layout, elegir siempre el segundo ícono.
“Featured Image” es la foto de portada.
Click en "Add Image" para elegir una, con el mismo método de las imágenes de la galería, pero sólo con 1 imagen.

10 Más ajustes

Luego de elegir la imagen, volvemos a esta pantalla y en Portfolio Masonry Image Size elegir siempre la opción“2X Width”

11 Más ajustes

Portfolio Meta / Portfolio Information
Acá vamos a sumar la información de cada obra.
Click en "Add New Info", al lado de "Informations"

Portfolio Title: por ejemplo “AÑO” Siempre va en mayúsculas.
Portfolio Info Title: en este caso “2016”

Para sumar otra, por ejemplo “METROS” Click en “Add New Info” y repetir el proceso.

Ustedes usan Año, Ubicación, Metros y Pisos.
Por una cuestión de diseñõ es importante que “Ubicación” quede debajo de “Año”.
Para esto "Año" debería en el lugar 1 y "Ubicación" en el 3. En el 2 iría "Metros" y en el 4 "Pisos" (en caso de tener)

12 Final

Click en “Publicar”

Click en el enlace para ver el resultado

13 Listado de Portfolio y Editar

Click en “All Portfolio” para ver todo el listado de proyectos.
Ahí se puede elegir el proyecto clickear y hacer los cambios que se deseen con lo mismo que vimos en este instructivo.