Páginas de portafolio

Crea un portafolio compuesto por diferentes subpáginas donde puedas organizar y mostrar tus proyectos.

Última actualización: 7 de agosto de 2024

Usa páginas de portafolio para crear una página de aterrizaje con estilo que vincula a los visitan el sitio con las subpáginas conocidas como proyectos. Es una gran forma de organizar y mostrar galerías, proyectos, destacados del portafolio y otros contenidos en un solo lugar.

Cómo acceder a esta función

Esta guía se refiere a la versión 7.1. Para obtener un efecto similar en la versión 7.0, usa una plantilla con una página de índice en cuadrícula o crea una navegación con imágenes destacadas. En la aplicación de Squarespace, no puedes agregar nuevas páginas de portafolio ni editar proyectos. 

Mira el video

Añadir una Página de portafolio

Para añadir una Página de portafolio, sigue estos pasos:

  1. Abre el panel Páginas y haz clic en + junto a la sección de navegación donde quieres agregar la página.
  2. En el menú, haz clic en Portafolio para elegir un diseño. Puedes cambiarlo después.
  3. Ingresa el título de la página y presiona Enter.
  4. Haz clic en Editar y luego haz clic en el icono del lápiz para darle estilo a la sección.
  5. Haz clic en + para agregar un proyecto o haz clic en un proyecto existente y, a continuación, en Editar para agregar tu propio contenido.
  6. Añade y edita más proyectos hasta que tu página de portafolio esté terminada.

No es posible agregar bloques a la sección de portafolio de una página de portafolio, pero puedes agregar secciones de bloques arriba o debajo de la sección.

Diseños de las páginas de portafolio

Elige uno de los siguientes diseños para la Página de portafolio:

  • Cuadrícula: Simple: organiza las imágenes destacadas en un diseño de cuadrícula. El texto del título de cada proyecto aparece debajo de las imágenes.
  • Cuadrícula: Superposición: organiza las imágenes destacadas en un diseño de cuadrícula. El texto del título de cada proyecto se superpone a las imágenes.
  • Desplazamiento: Fondo: muestra los títulos de los proyectos en un diseño apilado o en línea. Al desplazar el cursor sobre un título, la imagen destacada del proyecto reemplaza el fondo de la sección.
  • Desplazamiento: Fijo: muestra los títulos de los proyectos en un diseño apilado o en línea. Al desplazar el cursor sobre un título, la imagen destacada del proyecto se muestra más pequeña en una posición fija en la sección.
  • Desplazamiento: Seguir cursor: muestra los títulos de los proyectos en un diseño apilado o en línea. Al desplazar el cursor sobre un título, la imagen destacada del proyecto se muestra más pequeña y sigue el cursor a medida que este se mueve.

Para cambiar el diseño, sigue estos pasos:

  1. Presiona Editar en la Página de portafolio.
  2. Posiciona el cursor sobre la sección de portafolio y haz clic en el icono del lápiz.
  3. En la pestaña Formato, usa el menú desplegable Diseño para seleccionar el diseño que quieras. Cada diseño tiene sus propias opciones de estilo.
  4. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

Agregar un proyecto

Los proyectos son donde agregas el contenido de tu portafolio. Los proyectos se muestran como imágenes o enlaces en tu página de portafolio, en los que los visitantes pueden hacer clic para abrir los proyectos.

Usa proyectos para organizar tu trabajo o tus proyectos anteriores. Por ejemplo, si eres fotógrafo, puedes usar proyectos para categorizar tus imágenes. Si eres diseñador gráfico, puedes emplearlos para mostrar el trabajo que hayas hecho para distintos clientes.

Para agregar un proyecto:

  1. En el panel de Páginas, haz clic en tu Página de portafolio y, luego, en +.
  2.  Elige un diseño o haz clic en Agregar un proyecto en blanco.
  3. En la pestaña General de la configuración del proyecto, agrega una imagen destacada y un título, y edita el slug de la URL. Titula los proyectos para darles a quienes visitan el sitio una idea del contenido del proyecto.
  4. Haz clic en SEO para agregar un título de SEO y una descripción de SEO.
  5. Haz clic en Imagen social para agregar una imagen alternativa para compartir en redes sociales.
  6. Haz clic en Guardar para crear el proyecto.
  7. Haz clic en Editar en el proyecto para agregar contenido.
  8. Haz clic en Guardar para publicar los cambios.

Ten en cuenta lo siguiente:

  • Puedes agregar hasta 60 proyectos a una página de portafolio.
  • Actualmente, no es posible trasladar proyectos entre distintas páginas de portafolio.
  • No es posible convertir los proyectos en páginas independientes fuera del portafolio. Los proyectos son elementos de la colección, que dependen de la página principal de colección del portafolio, de forma similar a las entradas de blog en una página de blog.
  • Los proyectos de portafolio no se pueden proteger, deshabilitar u ocultar de los resultados de los motores de búsqueda. Para ocultarlos temporalmente, protege con contraseña todas las páginas de portafolio o deshabilítalas.

Añadir contenido a los proyectos

Los proyectos de portafolio se crean a partir de secciones de página, lo que significa que cualquier tipo de contenido que puedas agregar a una página de diseño también puedes agregarlo a un proyecto de portafolio. Para agregar y editar contenidos a un proyecto de portafolio:

  1. Haz clic en el proyecto y luego en Editar.
  2. Edita el contenido de las secciones existentes o haz clic en Añadir sección para agregar una nueva.

Puedes agregar los siguientes tipos de sección, cada uno de los cuales tiene su propio método para agregar contenido:

  • Bloquear secciones: agrega bloques de contenido, incluyendo texto, imágenes, productos, mapas, formularios, integraciones de terceros y más. Esta sección de página tiene la selección de contenido más versátil.
  • Secciones de galería: agrega galerías de imágenes con leyendas opcionales en una variedad de diseños. Estos son ideales para exponer fotografías, proyectos de diseño gráfico u otras artes visuales. Después de hacer clic en Añadir sección, haz clic en Imágenes para buscar secciones de galería.
  • Diseños inteligentes: agrega conjuntos de imágenes, texto y enlaces de botones. Después de hacer clic en Añadir sección, haz clic en diseños con un icono i en la esquina superior derecha para agregar diseños inteligentes. Estos son ideales para mostrar imágenes con más texto o enlaces a otros proyectos.

Agrega varias secciones y tipos de sección a cada proyecto según sea necesario.

Paginación

Los proyectos de portafolio muestran enlaces de paginación a las subpáginas siguientes y anteriores de portafolio en la parte inferior de la página. No es posible ocultarlos. Para darle estilo a la fuente y al color de la paginación, visita Modificar estilo de las páginas de portafolio.

Agregar, editar o eliminar una imagen destacada

Puedes cambiar la imagen destacada de un proyecto en cualquier momento. Para reemplazar una imagen de muestra o agregar una imagen a un proyecto en blanco, sigue estos pasos:

  1. En el panel de Páginas, haz clic en tu Página de portafolio.
  2. En el panel izquierdo, desplaza el cursor sobre el proyecto, haz clic en ... y luego en Configuración.
  3. Si vas a eliminar una imagen de muestra o una imagen agregada anteriormente, haz clic en Eliminar imagen primero.
  4. Para añadir una imagen desde la computadora, haz clic en Imagen.
  5. Para editar la imagen, haz clic en Editor de imágenes.
  6. Después de hacer los cambios, haz clic en Guardar.

Reorganizar proyectos

Para reorganizar el orden de una página de portafolio, haz clic y arrastra los proyectos en el panel lateral.

Editar configuración del proyecto

Para editar la configuración general, de SEO y de redes sociales de los proyectos, haz lo siguiente:

  1. En el panel de Páginas, haz clic en tu Página de portafolio.
  2. Desplaza el cursor sobre un proyecto en el panel lateral.
  3. Presiona ... y, a continuación, haz clic en Configuración.
  4. Haz clic en Guardar para publicar los cambios.

Borrar proyectos

Para eliminar un proyecto:

  1. En el panel de Páginas, haz clic en tu Página de portafolio.
  2. Desplaza el cursor sobre un proyecto en el panel lateral
  3. Haz clic en ..., en Borrar y, a continuación, en Confirmar. Esta acción no se puede deshacer.

No es posible borrar toda la sección portafolio de la página. Para informarte mejor, visita Secciones de páginas de colección.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.