# 27 diseños de portafolio URL: https://canvaswp.com/es/templates/portfolio/ Updated: 2026-11-03 Plantillas Cuadrículas y mosaicos. Estilos de filtrado y carga. Además, los diseños de proyecto individual que las sustentan. [Abrir la vitrina en vivo](https://demos.canvaswp.com/classic/) [Explorar demos de sitios web](https://canvaswp.com/es/demos/) Actualizado el 3 de noviembre de 2026 - Cuadrículas - Masonry - Carga de estilos - Proyecto individual - Diseños ## Cuadrículas 5 Cada cuadrícula de esta página es un bloque Canvas Posts con Layout configurado en Portfolio. Columns decide cuántos proyectos comparten una fila y Portfolio Gutter define el espacio entre ellos, hasta llegar a ninguno. La versión de una sola columna activa Alternating Split Cards, de modo que cada proyecto se muestra junto a su descripción y la imagen cambia de lado en cada segunda tarjeta. - [1 columna (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-1/) - [2 columnas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-2/) - [3 columnas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-3/) - [5 columnas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-5/) - [6 columnas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-6/) ## Masonry 6 Mismo bloque, otro Grid Engine. Elija un modo masonry y las tarjetas conservan su propia altura y se acomodan en columnas sin una línea de filas que respetar. Card Shape es el origen del ritmo: recorte todas las imágenes a una misma forma o deje que cada proyecto conserve la suya. La versión mixta también mueve el título dentro de la superposición al pasar el cursor. - [Columnas mixtas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-mixed-masonry/) - [2 columnas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-2-masonry/) - [3 columnas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-3-masonry/) - [4 columnas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-masonry/) - [5 columnas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-5-masonry/) - [6 columnas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-6-masonry/) ## Estilos de carga 5 Estas opciones determinan cómo llega un visitante al resto de su trabajo. Pagination Style ofrece, entre sus opciones, un paginador del lado del cliente y desplazamiento infinito. Open Projects In-Page carga un proyecto encima de la cuadrícula sin salir de la página, y Open Project In puede mostrarlo en un modal de lightbox. Filter Styles define el diseño del bloque Canvas Grid Filter, la fila de botones de categoría, en cada uno de sus estilos, con o sin botón Shuffle. - [Paginación con jQuery (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-jpagination/) - [Desplazamiento infinito (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-infinity-scroll/) - [AJAX en la página (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-ajax/) - [AJAX en modal (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-ajax-in-modal/) - [Estilos de filtro (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-filter-styles/) ## Proyecto individual 5 Una página de proyecto toma su diseño de una plantilla que elige en el ajuste Plantilla mientras edita el proyecto. Las plantillas cubren cuatro tipos de medios: una imagen grande, un slider de galería, una cuadrícula de miniaturas y un video. Cada una viene con una barra lateral a un lado, a ambos lados, a ancho completo o bajo un hero que ocupa todo el ancho. Las páginas enlazadas aquí son una muestra de ese conjunto. - [Parallax Image (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/projects/portfolio-single-fullwidth/) - [Galería con slider (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/projects/portfolio-single-gallery-full/) - [Video HTML5 (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/projects/portfolio-single-video-fullwidth-left-sidebar/) - [Miniaturas en mosaico (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/projects/portfolio-single-thumbs-right-sidebar/) - [Incrustar video (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/projects/portfolio-single-video-both-sidebar/) ## Diseños 6 Dónde se ubica la cuadrícula en la página. Las versiones con barra lateral colocan el mismo bloque en una columna principal junto a una barra lateral de widgets, como las entradas recientes y un formulario de contacto rápido. Ancho al 100% lleva la cuadrícula de borde a borde, sin separación. Parallax activa Parallax Cards, que convierte cada imagen en una capa de fondo que se mueve al desplazarse la página. - [Predeterminado (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-nomargin/) - [Barra lateral derecha (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-1-alt-right-sidebar/) - [Barra lateral izquierda (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-3-left-sidebar/) - [Ambas barras laterales (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-2-both-sidebar/) - [Ancho al 100 % (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-fullwidth-notitle/) - [Parallax (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/portfolio-parallax/) Cada enlace abre una página real en la vitrina en vivo, creada con el mismo tema y los mismos bloques que usted instala. En su propio sitio ## Cree cualquiera de estos a partir de un solo bloque La vitrina está para que la explore. Los bloques y las plantillas que hay detrás vienen con Canvas, así que cada diseño de arriba puede reconstruirse en su sitio. ### Los proyectos son registros Su trabajo se guarda en el tipo de contenido Portafolio, con una entrada por proyecto y categorías que Grid Filter usa para crear sus botones. Agregue un proyecto y cada cuadrícula del sitio que muestre esa categoría lo recibirá. La página en sí nunca requiere edición. ### La cuadrícula se configura en los ajustes Inserte Canvas Posts, elija el diseño Portfolio y luego recorra los paneles Layout y Pagination usando los nombres de esta página. Para la página del proyecto en sí, Canvas agrega 8 bloques de portafolio, desde el título y la lista de metadatos hasta los proyectos relacionados. ### O importe uno ya terminado 21 de los 88 sitios demo se importan con proyectos de portafolio ya incluidos, diseñados para una agencia, un fotógrafo o un ilustrador. Empiece por uno de ellos y edite los proyectos, no el diseño. - [Demos de portafolio, comparados](https://canvaswp.com/es/wordpress-themes/portfolio/) ### Todos los planes, todos los diseños No existe un complemento de portafolio. Las cuadrículas, el filtro, los estilos de carga y las plantillas de proyecto individual están en el plan Anual igual que en el Vitalicio, porque cada plan incluye todos los bloques. - [Comparar los planes](https://canvaswp.com/es/pricing/) Cómo elegir ## ¿Qué diseño de portafolio se adapta a su trabajo? Empiece por las imágenes, ya que el diseño existe para mostrarlas. Las fotografías tomadas con una sola orientación se ven bien en una cuadrícula ajustada, donde las filas quedan alineadas. Una mezcla de obras en vertical y en horizontal encaja en un diseño masonry, donde cada tarjeta puede conservar la forma de su imagen. Los casos de estudio se leen de forma distinta. Cuando cada proyecto necesita un párrafo de contexto, la cuadrícula de una columna con tarjetas divididas le da espacio, y una versión con barra lateral funciona para una agencia que quiere sus datos de contacto junto a los trabajos. Cuente también sus proyectos. Un conjunto pequeño de trabajos cabe en una pantalla con un filtro encima. Cuando haya más de unas pocas filas, elija un estilo de carga para que la página se abra rápido: el paginador para los visitantes que quieren saber dónde están, o el scroll infinito para quienes navegan. Para un proyecto individual, elija primero la plantilla según sus medios: un slider de galería para una sesión de fotos o un video para una película, y decida al final sobre las barras laterales. Más plantillas ## El resto de la biblioteca - [Plantillas de página 13](https://canvaswp.com/es/templates/page-templates/) - [Shortcodes y elementos 57](https://canvaswp.com/es/templates/shortcodes/) - [Diseños de blog 35](https://canvaswp.com/es/templates/blog/) - [Diseños de tienda 9](https://canvaswp.com/es/templates/shop/)