Cómo crear una cartera filtrable en Elementor sin Pro

Una cuadrícula de cartera de Elementor filtrable con pestañas de categorías y tarjetas de proyecto

Conclusiones clave

  • El widget de cartera de Elementor está en la lista Pro. Se extrae de publicaciones o de un tipo de publicación personalizada y crea las pestañas de filtro a partir de sus términos de taxonomía.
  • En una instalación gratuita de Elementor, puede crear la misma cuadrícula a mano, donde cada proyecto es un elemento que completa en lugar de publicar las consultas del widget.
  • La ruta construida a mano le da a cada proyecto un título, un subtítulo, hasta dos botones con sus propias URL y una cinta como Nueva o Popular.
  • No está impulsado por publicaciones, por lo que un nuevo proyecto significa agregar un artículo, no publicar una publicación. Para un estudio de ocho a treinta piezas, suele ser un comercio justo.
  • Decide cómo se almacena el trabajo: si tus proyectos ya son publicaciones con categorías, gana el widget Pro; si viven en una carpeta de imágenes, la cuadrícula manual es más rápida.

Una página de portafolio tiene que mostrar el trabajo, permitir que las personas lo limiten al tipo de trabajo que solicitaron y brindarles una idea detallada. La barra de filtro maneja la parte central, convirtiendo un desplazamiento largo en dos clics.

Elementor tiene un widget para esto y se encuentra detrás de Pro. Esta publicación cubre lo que hace ese widget, luego la ruta manual que funciona en una instalación gratuita, con los límites de cada uno.

Qué hace el widget de la cartera Elementor

Portfolio es un widget Pro y la parte importante es de dónde proviene su contenido: ejecuta una consulta. Lo señala en publicaciones o en un tipo de publicación personalizada, configura Publicaciones por página y el widget crea la cuadrícula a partir de la imagen destacada y el título de cada publicación.

La barra de filtro es una sección separada en el panel con su propio interruptor Mostrar, que está desactivado de forma predeterminada, y un menú desplegable Taxonomía. Elija la taxonomía y sus términos se convertirán en pestañas. Ese es el paso que la gente omite cuando pregunta por qué el widget de su cartera no tiene filtro.

El diseño le brinda columnas responsivas del 1 al 6, comenzando con 3 en el escritorio, 2 en la tableta y 1 en el móvil, un interruptor de mampostería y un control deslizante de proporción de elementos que recorta cada tarjeta a la misma proporción cuando la mampostería está apagada.

Cuando sus proyectos ya existen como publicaciones, esta es una ventaja real: publique un estudio de caso, etiquételo y aparezca en la cuadrícula sin trabajo de diseño. El costo es que la tarjeta muestra lo que contiene la publicación. No hay campos por proyecto y toda la tarjeta enlaza con la publicación.

El otro problema es el obvio. Necesita Pro, y si tu trabajo no se almacena como publicaciones, debes crear una publicación para cada proyecto antes de que el widget tenga algo que mostrar.

La ruta manual en una instalación gratuita

La otra forma es un widget de galería que filtra, donde cada proyecto es una fila que completas. El Galería de imágenes filtrables funciona de esta manera y se ejecuta en una instalación gratuita de Elementor, por lo que los pasos son:

  1. Suelte el widget en la página y agregue un elemento por proyecto en el repetidor de contenido de la galería.
  2. Dale a cada elemento una etiqueta de filtro. Ese texto se convierte en la pestaña, por lo que “Marca”, “Web” y “Fotografía” le brindan tres pestañas más la pestaña Todo.
  3. Complete el título y el subtítulo. Un nombre de proyecto y una línea como “Identidad de marca, 2026” suele ser suficiente.
  4. Agregue uno o dos botones que apunten al sitio en vivo y al estudio de caso.
  5. Establezca columnas y luego decida si recorta las cartas a una altura uniforme con la relación de aspecto de la imagen.
Una cuadrícula de portafolio filtrable en Elementor con pestañas Todos los proyectos, interiores, retratos, detalles y espacios encima de ocho tarjetas de proyecto con títulos y subtítulos
Ocho proyectos, cuatro categorías, títulos y subtítulos activados.

Haga clic en una pestaña y la cuadrícula se reducirá a esa categoría sin recargar la página.

La misma cuadrícula de cartera con la categoría Hospitalidad activa, que muestra dos proyectos coincidentes
Una categoría seleccionada. Los elementos sin esa etiqueta de filtro están ocultos.

Qué pasa con una tarjeta de proyecto

Cada fila repetidora lleva los campos que componen la tarjeta, y esto es lo que obtienes a cambio de rellenarlos a mano.

Un elemento de galería abierta en el panel que muestra la etiqueta de filtro, el selector de imágenes, el título, el subtítulo, la cinta, la ventana emergente o la elección de enlaces y dos campos de botones con URL
Un proyecto: Filtrar etiqueta, imagen, título, subtítulo, cinta y dos botones con enlaces propios.
CampoÚselo para
Etiqueta de filtroLa pestaña de categoría. Coma se separa cuando un proyecto pertenece a dos.
TítuloEl nombre del proyecto.
SubtítuloCliente, disciplina o año. “Identidad de marca, 2026” se lee bien.
CintaUna insignia de esquina. La lista preestablecida incluye Nuevo, Popular, Venta y Actualizado.
Botón uno y botón dosDos enlaces por tarjeta, para que uno pueda ir al sitio en vivo y otro al estudio de caso.
Ventana emergente o enlacesAbra la imagen en una caja de luz en lugar de despedir a la gente.

Vale la pena pensar en las cintas en un portafolio. Una insignia “nueva” en su proyecto más reciente llama la atención sobre el trabajo que más desea ver, y una cuadrícula simple no tiene forma de hacerlo.

¿Qué ruta se adapta a su sitio

Widget de cartera ElementorWidget de galería filtrable
Necesita Elementor ProSíprohibido
Donde viven los proyectosPublicaciones o un tipo de publicación personalizadaElementos que completa en la página
Las pestañas de filtro provienen deTérminos de taxonomía, después de encender la barra de filtroLa etiqueta de filtro en cada artículo
Añadiendo un proyecto más tardePublica una publicación, apareceAgregue un elemento y guarde la página
Por botones de proyectoprohibidoDos, cada uno con su propia URL
Insignia o cintaprohibidoSí
Columnas1 a 6, responsivo1 a 6, un valor para todas las pantallas
AlbañileríaSí, un interruptorUn interruptor, pero la cuadrícula permanece en filas
Caja de luz en la imagenNo, toda la tarjeta enlaza con la publicaciónSí, con la opción emergente
Mejor paraSitios donde ya se publican estudios de casosEstudios con un conjunto fijo de piezas

También hay una línea de volumen en esta decisión. En ocho a treinta proyectos, completar elementos es rápido y obtienes los controles por tarjeta. Más allá de cien, un widget basado en consultas es la opción más sencilla, porque nadie quiere mantener cien filas repetidoras a mano.

Cinco cosas que hacen que una cuadrícula de cartera funcione

  • Mantenga las categorías en cuatro o cinco. Nueve pestañas es un segundo menú de navegación con el nombre de un filtro.
  • Decida recortar temprano. La relación de aspecto de la imagen recorta cada carta a la misma altura; dejarlo apagado mantiene las proporciones propias de cada imagen.
  • Escribe subtítulos que digan algo. “Cliente, año” supera a “Proyecto” en cada tarjeta.
  • Elija un clic en comportamiento por tarjeta. Una caja de luz y un botón de estudio de caso en la misma tarjeta hacen dos promesas diferentes.
  • Verifique el recuento de columnas en un teléfono. El valor Columnas se aplica a cada tamaño de pantalla, por lo que tres columnas en el escritorio también son donde se inicia un teléfono.

Preguntas frecuentes

¿el widget Elementor Portfolio es gratuito?

No, Portfolio es un widget profesional. El complemento gratuito tiene el widget Image Gallery, que es una cuadrícula con una caja de luz y sin barra de filtro.

¿puedo crear una cartera filtrable sin Elementor Pro?

Sí, con un widget complementario que filtra una cuadrícula. Las categorías provienen de una etiqueta que escribe en cada elemento en lugar de la taxonomía posterior.

¿Puede aparecer un proyecto en dos categorías?

Sí. Coloque ambos nombres en el campo Etiqueta de filtro, separados por una coma.

¿puede la cuadrícula extraer mis proyectos de las publicaciones?

No con la ruta manual. La galería es una lista de elementos que completas, por lo que un nuevo proyecto significa agregar un elemento. Si lo que necesita es una cuadrícula basada en publicaciones, ese es el trabajo del widget Pro Portfolio.

¿cuántos proyectos son demasiados para una cuadrícula construida a mano?

No hay límite estricto, pero cada elemento se carga con la página, ya que el widget no tiene carga ni paginación. Alrededor de treinta a cuarenta piezas es un techo cómodo.

Pensamientos finales

Ambas rutas terminan con lo mismo en pantalla: una cuadrícula, una fila de botones de categorías y el trabajo que un visitante puede limitar con un solo clic. Donde viven tus proyectos decide cuál utilizas. Las publicaciones con categorías apuntan al widget Pro. Una carpeta de imágenes y una breve lista de disciplinas apuntan a la cuadrícula manual, que no solicita licencia.

Imagen de Roy Jemee
Roy Jemee
Soy Roy Jemee, especialista en contenido y comercializador de Pixar Labs, y trabajo en complementos maestros para Elementor. Escribo los tutoriales, grabo los videos y mantengo la documentación actualizada, para que siempre sepas cómo usar cada función. También me encargo del soporte, así que si tienes algún problema, soy la persona que te ayuda a solucionarlo. Respuestas reales, de alguien que usa estas herramientas todos los días.

Deja una respuesta

Su dirección de correo electrónico no será publicada. Los campos obligatorios están marcados *