Principaux points à retenir
- Le widget Portfolio d'Elementor est sur la liste Pro. Il tire des publications ou un type de publication personnalisé et construit les onglets de filtre à partir de leurs termes de taxonomie.
- Sur une installation gratuite d'Elementor, vous pouvez créer la même grille à la main, où chaque projet est un élément que vous remplissez plutôt qu'une publication des requêtes du widget.
- L'itinéraire construit à la main donne à chaque projet un titre, un sous-titre, jusqu'à deux boutons avec leurs propres URL et un ruban tel que Nouveau ou Populaire.
- Il n'est pas piloté par la poste, donc un nouveau projet signifie ajouter un article, pas publier un article Pour un studio de huit à trente pièces qui est généralement un commerce équitable.
- Décidez de la façon dont le travail est stocké : si vos projets sont déjà des publications avec des catégories, le widget Pro gagne ; s'ils vivent dans un dossier d'images, la grille manuelle est plus rapide.
Une page de portfolio doit montrer le travail, laisser les gens le restreindre au genre de travail qu'ils sont venus chercher, et leur donner un chemin jusqu'au détail La barre de filtre gère la partie médiane, transformant un long défilement en deux clics.
Elementor a un widget pour cela et il se trouve derrière Pro. Ce message couvre ce que fait ce widget, puis l'itinéraire manuel qui fonctionne sur une installation gratuite, avec les limites de chacun.
Table des matières
Ce que fait le widget Portefeuille Elémenteur
Portfolio est un widget Pro, et la partie importante est d'où vient son contenu : il exécute une requête Vous le pointez sur des messages ou un type de publication personnalisé, définissez Posts Per Page, et le widget construit la grille à partir de l'image présentée et du titre de chaque message.
La barre de filtrage est une section séparée dans le panneau avec son propre commutateur Show, qui est désactivé par défaut, et une liste déroulante Taxonomie Choisissez la taxonomie et ses termes deviennent les onglets C'est la marche que les gens manquent lorsqu'ils demandent pourquoi leur widget Portfolio n'a pas de filtre.
La mise en page vous offre des colonnes réactives de 1 à 6, à partir de 3 sur ordinateur, 2 sur tablette et 1 sur mobile, un commutateur Masonry et un curseur Item Ratio qui recadre chaque carte dans la même proportion lorsque la maçonnerie est éteinte.
Lorsque vos projets existent déjà en tant que messages, c'est un réel avantage : publiez une étude de cas, étiquetez-la, et elle apparaît dans la grille sans travail de mise en page Le coût est que la carte montre ce que la publication ne contient pas par champ de projet, et toute la carte renvoie à la publication.
L'autre attrapé est l'évident Il a besoin de Pro, et si votre travail n'est pas stocké sous forme de publications, vous devez créer une publication pour chaque projet avant que le widget n'ait quelque chose à montrer.
L'itinéraire manuel sur une installation gratuite
L'autre façon est un widget de galerie qui filtre, où chaque projet est une ligne que vous remplissez Le Galerie d'images filtrables fonctionne de cette façon et fonctionne sur une installation gratuite d'Elementor, les étapes sont donc les suivantes
- Lâchez le widget sur la page et ajoutez un élément par projet dans le répéteur Contenu de la galerie.
- Donnez à chaque élément une étiquette de filtre Ce texte devient l'onglet, donc “Branding”, “Web” et “Photography” vous donnent trois onglets plus l'onglet Tout.
- Remplissez le titre et le sous-titre Un nom de projet et une ligne comme “Brand identity, 2026” suffit habituellement.
- Ajoutez un ou deux boutons pointant vers le site en direct et l'étude de cas.
- Définissez Colonnes, puis décidez de recadrer les cartes à une hauteur uniforme avec le rapport d'aspect de l'image.
Cliquez sur un onglet et la grille se rétrécit à cette catégorie sans recharger la page.
Ce qui se passe sur une carte de projet
Chaque rangée de répéteurs porte les champs qui composent la carte, et c'est ce que vous obtenez en échange de leur remplissage manuel.
| Champ de campagne | Utilisez-le pour |
|---|---|
| Étiquette du filtre | L'onglet catégorie. virgule se sépare lorsqu'un projet appartient à deux. |
| Titre | Le nom du projet. |
| Sous-titre | Client, discipline ou année.“L'identité de la marque, 2026” se lit bien. |
| Ruban | Un badge de coin. La liste prédéfinie comprend Nouveau, Populaire, Vente et Mise à jour. |
| Bouton un et bouton deux | Deux liens par carte, pour que l'un puisse aller sur le site en direct et un vers l'étude de cas. |
| Popup ou liens | Ouvrez l'image dans une boîte à lumière au lieu de renvoyer les gens. |
Les rubans valent la peine d'être réfléchis sur un portfolio Un nouveau badge“” sur votre projet le plus récent attire le regard sur le travail que vous souhaitez le plus voir, et une grille simple n'a aucun moyen de le faire.
Quel itinéraire correspond à votre site
| Widget Portefeuille Elementor | Widget de galerie filtrable | |
|---|---|---|
| Besoins d'Elementor Pro | Oui | Non |
| Où vivent les projets | Postes ou un type de publication personnalisé | Articles que vous remplissez sur la page |
| Les onglets de filtrage proviennent de | Termes de taxonomie, après avoir activé la barre de filtre | L'étiquette de filtre sur chaque élément |
| Ajout d'un projet ultérieurement | Publiez un post, il apparaît | Ajouter un élément et enregistrer la page |
| Par boutons de projet | Non | Deux, chacun avec sa propre URL |
| Insigne ou ruban | Non | Oui |
| Colonnes | 1 à 6, réactif | 1 à 6, une valeur pour tous les écrans |
| Maçonnerie | Oui, un interrupteur | Un interrupteur, mais la grille reste en rangées |
| Lightbox sur l'image | Non, toute la carte renvoie au message | Oui, avec l'option popup |
| Meilleur pour | Sites où des études de cas sont déjà postées | Studios avec un ensemble fixe de pièces |
Il y a une ligne de volume dans cette décision aussi Chez huit à trente projets, remplir des éléments est rapide et vous obtenez les contrôles par carte Au-delà d'une centaine, un widget piloté par requête est l'option la plus saine, car personne ne veut maintenir cent lignes de répéteur à la main.
Cinq choses qui font fonctionner une grille de portefeuille
- Gardez les catégories à quatre ou cinq Neuf onglets est un deuxième menu de navigation avec le nom d'un filtre dessus.
- Décidez de recadrer tôt Le rapport d'aspect de l'image recadre chaque carte à la même hauteur ; le laisser éteint conserve les proportions propres de chaque image.
- Écrivez des sous-titres qui disent quelque chose“. (Client), year” bat “Project” sur chaque carte.
- Choisissez un comportement en un clic par carte. Une boîte à lumière et un bouton d'étude de cas sur la même carte font deux promesses différentes.
- Vérifiez le nombre de colonnes sur un téléphone La valeur Columns s'applique à chaque taille d'écran, donc trois colonnes sur le bureau est l'endroit où un téléphone démarre aussi.
Questions fréquemment posées
Le widget Portefeuille Elementor est-il gratuit ?
Non, Portfolio est un widget Pro. Le plugin gratuit a le widget Galerie d'images, qui est une grille avec une lightbox et pas de barre de filtre.
Puis-je construire un portefeuille filtrable sans Elementor Pro ?
Oui, avec un widget addon qui filtre une grille Les catégories proviennent d'une étiquette que vous tapez sur chaque élément plutôt que de la post taxonomie.
Un projet peut-il apparaître sous deux catégories ?
Oui. Mettez les deux noms dans le champ Étiquette de filtre, séparés par une virgule.
La grille peut-elle retirer mes projets des poteaux ?
Pas avec l'itinéraire manuel La galerie est une liste d'éléments que vous remplissez, donc un nouveau projet signifie ajouter un élément Si une grille pilotée par la poste est ce dont vous avez besoin, c'est le travail du widget Pro Portfolio.
Combien de projets est trop pour une grille construite à la main ?
Il n'y a pas de limite dure, mais chaque article se charge avec la page, puisque le widget n'a pas de charge plus ou de pagination Environ trente à quarante pièces est un plafond confortable.
Réflexions finales
Les deux itinéraires se terminent par la même chose à l'écran : une grille, une rangée de boutons de catégorie, et le travail un visiteur peut rétrécir en un clic Où vos projets en direct décide lequel vous utilisez Les messages avec catégories pointent sur le widget Pro Un dossier d'images et une courte liste de disciplines pointent sur la grille manuelle, qui ne demande pas de licence.
Lecture connexe
