Modal Portfolio, plugin WordPress de galeries photos avec filtres et description…

Mathieu Chartier CMS (WordPress...) 60 commentaires

Modal Portfolio est le nom que j'ai attribué à ma 6e extension WordPress. J'admets que je n'ai pas été très imaginatif sur ce coup-là, mais c'est ainsi. :-)

Modal Portfolio est une extension qui permet de gérer des portfolios (ou galeries photos) différenciés grâce à un système de shortcodes. Qui plus, les galeries permettent d'afficher des filtres par catégorie ainsi que des fenêtres modales pour afficher les photos (ou vidéos depuis la version 1.3) mais aussi des contenus additionnels. Le thème de base est crée en responsive web design mais vous avez la possibilité de paramétrer de nombreux options voire d'opter pour votre propre CSS si vous voulez aller plus loin (détails plus bas dans l'article ou dans la documentation de l'extension).

Télécharger “Modal Portfolio v1.5.1”modal-portfolio.zip – Téléchargé 357 fois – 893 KB

Modal Portfolio : plugin WordPress de galeries d'images avec description et filtres

Pourquoi créer une énième extension de portfolio pour WordPress ?

Loin de moi l'idée de dire que les autres extensions de portfolios ou de galeries sont mauvaises, surtout quand on sait que certaines sont géniales. En fait, la raison est beaucoup plus simple que cela et m'a obligé à créer Modal Portfolio pour répondre à des besoins que je n'ai pas trouvés ailleurs (mais qui doivent sûrement exister parmi la multitude de plugins de ce type...).

En réalité, un client m'a demandé d'afficher des galeries photos filtrées qui ouvraient sur des modales (ou pop-in si vous préférez) contenant un titre, une image et du texte. Jusque là, tout va bien, j'ai trouvé 2 ou 3 extensions de portfolio qui offraient globalement ce type de possibilités. Le souci de mon client, c'est qu'il avait besoin de plusieurs sous-catégories de galeries et donc de plusieurs portfolios. Et là, je n'ai pas trouvé une seule extension répondant à tous les critères en presque six heures de recherches et de tests, même parmi les extensions payantes trouvées grâce à notre ami Google...

Par conséquent, je n'ai pas eu d'autres choix que de créer Modal Portfolio pour répondre à ce manque sur WordPress, bien que cela doive certainement existé en réalité (mais que je ne l'ai pas trouvé...). L'avantage de cette extension est de pouvoir gérer de multiples shortcodes pour afficher plusieurs galeries différentes.

Spécificités de Modal Portfolio

L'intérêt de Modal Portfolio réside en trois points principaux :

  1. Possibilité de gérer des catégories parentes et enfants afin d'afficher des galeries différentes selon les options du shortcode (voir plus bas). Ainsi, une même extension permet de créer plusieurs portfolios, mais tous de même type à ce jour (avec les mêmes blocs affichés, etc.).
  2. Possibilité d'afficher des contenus variés au sein de la modale et pas uniquement des photos comme dans la majorité des extensions de portfolios ou de galeries photos.
  3. Personnalisation des blocs à afficher et des effets de style. Même si ce n'est pas parfait, c'est toujours mieux que la plupart des plugins qui n'offrent aucune option de personnalisation...

Options de Modal Portfolio 1.1 : extension WordPress (shortcode, filtres, description, modale...)

L'extension offre de multiples options de réglages pour personnaliser les blocs à afficher (filtres, description, titre...) mais aussi pour adapter les effets de style en jQuery appliqués à la fenêtre modale et aux effets de texte.

Côté style graphique, le plugin ne dispose actuellement que d'une seule feuille de style simple qui doit encore être améliorée. J'ai donc ajouté un champ dans les options pour ajouter l'URL d'une feuille de style personnelle (qui remplace celle par défaut dans ce cas). Il est même possible de vider ce champ pour qu'aucune feuille de style additionnelle ne soit rajoutée si vous préférez placer vos styles CSS directement dans la feuille principale du thème.

Depuis la version 1.3 de Modal-Portfolio, il est possible d'éditer la feuille de style par défaut avec quelques options de personnalisation (couleurs, marges, effets de survol, etc.). Le nombre d'options devrait s'élargir au fil des versions...

N.B. : toutes les classes CSS sont présentées dans la documentation du plugin (sous les options, tout en bas de la page) afin que vous ne perdiez pas trop de temps à tout chercher manuellement.

Utilisation de Modal Portfolio avec WordPress

L'utilisation de l'extension est relativement simple et se fait en plusieurs étapes :

  1. Création des catégories (et sous-catégories si nécessaire) des portfolios. Le seul inconvénient réside dans le fait qu'il peut y avoir des problèmes de gestion si vous allez trop en profondeur dans les sous-catégories, je n'ai pas encore trouvé de solutions adéquates (dans ce cas, certains filtres sautent parfois ainsi que des catégories parentes).
  2. Création des références en ajoutant les informations nécessaires, à savoir le titre, la description, la catégorie (ou les catégories), le titre de la vignette ainsi que l'image à la Une.
  3. Utilisation des shortcodes adaptés (voir plus bas) dans les publications pour afficher les galeries.

Ajout d'une référence dans Modal Portfolio sur WordPress

Le système de shortcode offre deux options à ce jour pour personnaliser l'affichage, et peut s'utiliser ainsi :

  • [modal-portfolio] pour tout afficher (catégories parentes et enfants, etc.)
  • [modal-portfolio parents=1] pour afficher tout mais aussi les filtres correspondants aux catégories parents (masqués par défaut).
  • [modal-portfolio categorie_parente="nom_categorie"] ou [modal-portfolio parent_cat="nom_categorie"] pour afficher uniquement les références associées à la catégories parentes et ses sous-catégories.

Il est possible de combiner les deux options bien entendu mais faites attention si vous utilisez des sous-niveaux trop profonds dans les catégories, je ne garantis pas que tous les bons filtres s'afficheront.

Exemple en live avec des photos et des vidéos (ici, avec le shortcode [modal-portfolio parents=1]) :

L'avantage des shortcodes est de pouvoir créer plusieurs catégories parentes pour obtenir des galeries ou des portfolios différenciés, puis l'option "categorie_parente" (ou "parent_cat") permet de cibler les références souhaitées selon la publication créée...

Idées d'améliorations du plugin

Comme toute extension, Modal Portfolio n'est pas parfaite, et j'ai déjà quelques idées en tête pour améliorer l'ensemble (quand je trouverai le temps de le faire prochainement...) :

  • Rajouter d'autres types de modales pour laisser le choix aux utilisateurs. Il faut cependant trouver des fenêtres jQuery qui permettent d'afficher les contenus et pas uniquement des images...
  • Penser à un système manuel pour sélectionner les filtres à afficher.
  • Ajouter des options supplémentaires dans les shortcodes pour pouvoir différencier quelque peu les affichages définitifs selon les publications et le shortcode utilisé.
  • Ajouter des thèmes graphiques pour éviter aux utilisateurs de forcément reprendre le CSS de base ou de devoir éditer leur propre style CSS.

60 commentaires

  • Roberto dit :

    Bounjour, Mathieu:

    J'ai téléchargé et installé le plugin et c'est juste ce que j'en ai besoin mais je n'arrive pas a le faire fonctionner correctement. Je vous met le lien d'un site web dans leque j'ai fait des épréuves.

    J'ai contruit deux catégories, chacune avec trois catégories "enfantes".

    En premier moment, l'option "parents=0" ou "parents=1" semble ne faire aucun effet sur la page.

    Quand j'utilise l'option "categorie_parente" quelques sous-catégories ne sont pas présentes à la page, même s'il y en a des références.

    Je crois que vous pourrez voir tout dans la page:

    http://lurgis.hol.es/

    D'autre part, le plugin est génial. Très simple et utile. Comme vous Je n'ai pas trouvé un autre qui fasse la gestion des catégories enfantes de la même façon.

    Merci et j'espère que mon français soit assez bon pour me faire comprendre

    Roberto

    • Bonjour,
      C'est très bizarre ce qui vous arrive car vous utilisez parfaitement le plugin en concevant des catégories parentes et "enfants".
      L'option parents=0 masque les filtres des parents alors que parents=1 les affiche, c'est la seule différence. Si vous n'en voyez aucune, peut-être y a-t-il un problème avec la création ou la gestion des catégories. :(
      Cela pourrait également expliquer le fait que certaines références ne s'affichent pas quand tout semble bien réglé. Dans tous les cas, testez en cochant la catégorie parente et la catégorie "enfant" pour chaque référence, vous verrez peut-être une différence.

  • Roberto dit :

    Merci, Mathieu par votre réponse.

    Ja vais faire des autre essis car je crois que votre plugin doit être très util pour moi.

    Je vous remercie votre travail et votre attention.

  • Bruno dit :

    Bonjour,
    je suis un peu novice et j'ai un question toute simple. Je suis en train de créer une site/blog internet sous wordpress sur le thème de la photo et je souhaite bien entendu y intégrer une galerie photo. Ton plugin devrait répondre à mes besoins.
    J'ai bien créer mes catégories (paysage, noir et blanc) et une référence (montagne qui a pour parent paysage). Tout ça apparait bien sur mon site mais ma question est de savoir comment je crée maintenant ma galerie (une page Galerie) pour qu'elle apparaisse, seuls les boutons paysage et noir et blanc apparaissent sur mon site mais inactif.
    Faut il créer un diaporama, ajouter les photos sur la référence montagne créée, une nouvelle page ???
    Je suis un peu bloqué, merci pour ton aide .
    Bruno

    • Bonjour,
      Ne t'en fais pas, cela arrive d'être perdu, surtout avec ce type de plugin. Le mien n'étant pas le plus "simpliste" du marché.
      En fait, en général, il faut créer une page (si elle n'existe pas déjà) et insérer dans le contenu le shortcode correspondant, à savoir [modal-portfolio] pour tout afficher, ou après avec des options (elles sont inscrites dans la documentation du plugin). Cela permet donc d'afficher les images et les filtres.
      Ensuite, il faut que tu ajoutes dans l'onglet "Portfolio" de l'extension des catégories de photos (par exemple Noir et blanc, et Paysages), puis quand tu ajoutes une photo, tu l'associes à la catégorie correspondante. Normalement, tes photos devraient alors apparaître dans la page qui contient le shortcode (uniquement côté client, pas dans le backoffice bien sûr).

      • Bruno dit :

        bonjour Mathieu,
        bien qu'ayant suivi pas à pas ta démarche je n'arrive toujours pas à voir mes photos.
        Je reprend ce que j'ai fait :
        j'ai créé une une page Galerie et j'ai inséré le shortcode [modal-portfolio] pour tout afficher
        Ensuite dans l’onglet “Portfolio” je crée 2 catégories de photos (Noir et blanc et Paysage)
        J'ajoute une référence que je nomme Montagne, je lui associe la catégorie Paysage
        J'ajoute une photo (insérer un média) à cette référence Montagne qui est donc associer à la catégorie Paysage
        Si je reviens dans l'onglet Portfolio de l'extension, lorsque je clique sur "Toutes les références" je retrouve bien ma référence "Montagne" avec la catégorie paysage avec la photo ajoutée .
        Mais toujours rien sur le site.
        Qu'ai je bien pu louper ?
        Bruno

      • Bonjour,
        Cela arrive en effet. Il faudrait tenter avec le shortcode [modal-portfolio parents=1] ou [modal-portfolio categorie_parente="paysage"] pour voir, ou même avec l'assemblage des deux [modal-portfolio categorie_parente="paysage" parents=1]. Par défaut, les catégories parentes (c'est le cas pour les vôtres) sont masquées, et donc les photos aussi. Testez avec ça et si rien ne s'affiche après ça, c'est certainement un conflit de Javascript entre votre thème et le plugin... :(

    • Marion dit :

      Bonjour,

      J'avais le même problème sur mon site et en fait, je me suis rendue compte que je n'avais pas choisi d' "image à la une" (en bas à droite lorsqu'on crée une référence). Une fois que j'en ai choisie une, les images apparaissaient !
      Par contre, j'ai beau mettre en lien les photos vers des contenus de mon site, ça ne fonctionne pas.
      Le plugin semblait bien correspondre à ce que je recherchais mais finalement je crois que je ne vais pas l'utiliser... :( Merci en tous cas pour le plugin et toutes vos explications !

      • Bonjour,
        Je ne comprends pas trop pour la mise en lien des photos vers des contenus ? Le plugin ne fait pas ça à l'origine donc c'est normal que ça ne fonctionne. Il s'agit juste d'une "galerie d'images à la Une" en quelque sorte, qui sont filtrées et reprises dans des lightbox avec un contenu parallèle. Si vous mettez un lien dans le texte, ça fonctionnera, mais les images ne sont jamais reliées en revanche.

      • Marion dit :

        Ah d'accord j'avais mal compris alors... Parce que lorsqu'on crée une référence, que l'on clique sur l'image pour "insérer/modifier un lien", il propose "faites un lien vers l'un des contenus de votre site"...
        C'est cette fonction qui m'intéressait aussi, donc tant pis :(
        Bonne journée !

      • Oui ce sont les fonctions par défaut de WordPress, mais je ne récupère pas le lien dans le plugin (mais je prends note pour l'avenir en revanche. :D).

  • Bruno dit :

    toujours rien :-(

    Par contre le fait d'utiliser un thème "enfant" peut il être à l'origine d'un conflit Javascript entre le plugin et le thème (parent ou enfant) ?

    • Si malgré tous les tests, ce n'est pas concluant, je crains que ce ne soit un conflit de Javascript. C'est assez étonnant car j'ai testé le plugin dans des cas assez "conflictuels", notamment avec des thèmes achetés via ThemeForest (qui use et abuse de plugins, et pas toujours les plus propres techniquement), et je n'ai plus de conflits (j'en avais au début car cela peut arriver, d'où mon doute ici). :(

    • J'ai mis un exemple en live du plugin dans l'article pour montrer qu'il fonctionne avec des photos et des vidéos. Je n'ai pas de conflits Javascript malgré plusieurs scripts dans mes pages ici. Il faut bien penser à mettre les photos dans les images à la Une, et pas dans le contenu d'une référence, ce qui peut arriver par inadvertance et empêchera l'affichage d'une vignette.
      Je crois que le mieux serait que je prévois le cas où une image n'est pas mise pour afficher une image de remplacement. Je viens juste de penser à ça, ce serait peut-être pas mal comme "sécurité". :D

      • Chevron dit :

        Bonjour Mathieu,
        suite à mes premières difficultés je relance mon projet avec ton plugin sur un wordpress réinstallé donc sans conflit d'extension, j'ai bien mes vignettes (photo à la une) avec mes différentes catégories mais toujours pas d'images affichées.
        J'ai bien attaché (joint) mes photos aux catégorie créées qui apparaissent dans l'onglet média de wordpress mais les photos n'apparaissent pas dans la fenêtre modale.
        Tu dis qu'il faut bien penser à mettre les photos dans les images à la Une, et pas dans le contenu d'une référence, et la je ne comprends pas puisqu'on ne peut mettre qu'un image à la une :-(
        Bruno

      • Bonjour,
        J'ai mis à jour le plugin il y a deux semaines pour le rendre compatible avec les dernières versions de jQuery utilisées par les récentes versions de WordPress. J'ai donc pu résoudre quelques bugs qui commençaient à voir le jour. Toutefois, personne n'a ce problème d'affichage d'image.
        En gros, il faut créer une "référence" pour chaque photo, donc il faut mettre un titre ainsi qu'une image à la Une pour chaque référence créée. Si tu veux afficher 10 images, il faut donc créer 10 références, chacune composée d'un titre, d'une éventuelle description (affichée dans la modale) et d'une image à la une (ou vidéo). Il faut rattacher ces références aux bonnes catégories et il ne reste plus qu'à voir si tout fonctionne bien.
        Normalement il n'y a pas de raison que ça ne s'affiche pas, surtout si la miniature s'affiche bien. Le chemin vers l'image étant le même, ça devrait fonctionner. ;-)

  • sandrine dit :

    Juste 2 mots : Merci beaucoup !

  • Pivert dit :

    Bonjour Mathieu,

    Merci beaucoup pour votre plugin il est vraiment très très utile. J'ai juste un petit soucis sur mon site, http://4lp-prod.com quand je clic sur une de mes vignette dans "Gallery" la fenêtre de lecture est hors cadre... Savez-vous comment je peux résoudre ce problème ? Dernière question, il y a t'il un moyen pour que la vidéo se retrouve plus un peu plus grande dans la fenêtre modal ?

    Merci de votre aide.

    • Bonjour,
      Ce n'est pas normal que la fenêtre soit hors cadre en effet car il y a une option d'auto-centrage automatique. C'est peut-être dû à un conflit avec un autre Javascript, mais ça m'étonne honnêtement.
      Concernant la taille des éléments, il faut que vous passiez en style personnalisé, et que vous agrandissiez la taille de la fenêtre complète, ou la taille de la colonne de gauche contenant la vidéo. C'est ainsi qu'elle grossira car elle s'adapte au bloc qui la contient. :D

  • Romain dit :

    Bonjour, Mathieu,

    J'utilise actuellement votre plugin, il est génial ! Je rencontre toutefois un petit souci. J'utilise le plugin Recent Post extended pour afficher les derniers posts sur ma page d'accueil et notamment les références portfolios. Les thumbmails et textes du portfolio s'affichent, en revanche lorsque l'on clique sur un lien censé renvoyé vers les références portfolio ils renvoient vers ma page d'accueil. Je pense que cela est dû à ce que mes références portfolio s'affichent en mode "lightbox" et pas vers une réelle page. La solution serait de remplacer le lien des références du type http://www.monsite/portfolio/nom-de-la-reference/ par l'url de la page dans laquelle j'ai intégré le shortcode [modal-portfolio parents=1].
    Sauriez-vous comment procéder ? Merci pour votre travail.

    • Bonjour,
      C'est certainement dû aux lightbox en effet, il n'y a pas de liens particuliers sur les références, d'où le retour à l'accueil comme vous le suggérez.
      C'est difficile de répondre comme ça mais je pense qu'il doit être possible d'intégrer dans la "boucle" qui affiche les références un lien vers la page qui contient le shortcode. Je ne peux pas en dire beaucoup plus comme ça car je n'ai pas eu d'exemples du genre, mais en général, tout est possible, il faut juste trouver la bonne solution ! :D

  • Carophta dit :

    Bonjour,
    Merci beaucoup pour votre plugin.
    J'ai un petit souci cependant avec les titres. Sur les petites vignettes, cela n'affiche pas le titre que j'ai choisi lorsque j'ai rentré ma référence. Visiblement, il va chercher le titre ailleurs. Peut-être du au fait que j'ai installé et désinstallé une 10aine de plugins avant de trouver le votre ??
    Autre souci : comment empêcher l'effet sur l'image, mais garder l'effet sur la vignette ? Le choix des effets ne semble pas fonctionner du tout...
    Merci d'avance de votre aide ! et encore bravo pour ce plugin simple et efficace.

    • Bonjour,
      Il se peut en effet que le fait d'installer plusieurs plugins soit en cause dans la gestion des données car si nous utilisons le même type de "meta" données, alors la base s'enrichit ainsi. Il m'est arrivé d'avoir des titres provenant d'autres plugins, j'avais changé le nom dans mon portfolio pour limiter ça mais ça peut arriver si vous en avez testé beaucoup.
      En revanche, je ne comprends pas ce que vous désirez en termes d'effet ? Vous pouvez masquer chaque élément dans la page d'options (colonne de gauche), que ce soit que le titre de l'effet de survol, etc. Pour les effets, je distingue 2 effets dans le plugin :
      1. Celui d'ouverture de la fenêtre modale (c'est l'effet de l'overlay en réalité, qui ne peut être désactivé mais que j'ai tout de même souhaité adapter un peu).
      2. L'effet de survol sur la vignette (montant et descendant), qui peut être désactivé complètement, ou modifier un petit peu (effet de haut en bas ou de bas en haut, type d'animations, etc.).

      • Carophta dit :

        Merci pour votre réponse.
        Comment puis-je faire alors pour que votre plugin prenne en compte que le titre renseigné, et pas des titres que j'ai mis dans des plugins supprimés ??
        Et pour ce qui est des effets, j'aurai aimé que la vignette passe par dessus la photo, sans que la photo ne bouge du tout. Actuellement lorsque la vignette remonte, elle fait remonter la photo. j'ai essayé de changer cela dans les options, mais je n'ai pas trouvé...
        Ceci étant dit, c'est vraiment pas le plus embêtant. Le plus important pour moi, c'est vraiment cette histoire de titre...
        Si vous avez un peu de temps pour m'aider...

      • Bonjour,
        Malheureusement, pour les titres qui traînent, il n'y a qu'en allant dans la base de données que vous pourrez les supprimer manuellement. Ce sont des "meta" qui se sont glissées dedans, il faut faire une recherche dans les valeurs avec un truc comme %portfolio% directement depuis PhpMyAdmin. Si les plugins n'ont pas prévu de les supprimer, c'est vrai que traîne après (c'est souvent le cas).
        Pour ce qui est des effets, c'est vrai que je n'avais rien prévu pour l'image en effet, il faudra que je fasse ça à l'occasion ! ^^

  • Carophta dit :

    Re,
    Le problème, c'est que même quand j'ajoute de nouvelles photos (qui n'ont donc jamais été utilisées sur aucun autre porfolio), la vignette n'affiche aucun titre. La catégorie oui, mais pas le titre. Là c'est plus un problème de conflit avec d'autres plugins ou de choses qui trainent dans la base de données ?

    • Oui en effet dans ce cas ça peut être un conflit, ou une option modifiée sans faire attention. Le titre est récupéré en PHP au niveau des "meta" info du type de données (modal-portfolio ici). Si le type n'est pas le problème, alors le plugin récupère bien les infos, et PHP ne peut pas planter ou entrer en conflit en théorie. Donc je pense que ça peut plutôt être un problème de paramétrage du plugin. Avez-vous bien vérifié toutes les options, le CSS, etc. (peut-être une classe CSS en display:none qui fait conflit, ça c'est possible).

  • Carophta dit :

    OMG ! Je n'avais pas vu le champ "titre de la vignette". C'était planqué sous Yoast SEO...
    Toutes mes excuses pour t'avoir pris du temps pour rien.
    Et merci pour ce super plugin !!

  • Le_Magyar dit :

    Bonjour à vous
    et tout d'abord merci pour ce plugin qui correspond également parfaitement bien à ce que je cherchais.
    Mais cependant, je rencontre un petit souci que je n'explique pas... En effet aucun pb de paramétrage et mise en œuvre du portfolio avec les différents filtres. Par contre je viens de changer de thème wordpress (Morning Monday Lite) et depuis lorsque je clique sur une image, la fenêtre modal ne s'affiche pas au premier plan mais à l'arrière-plan du portfolio.. Conflit entre le thème et le plugin ou bien un petit paramétrage à modifier ?
    Merci du retour

    • Bonjour,
      Je n'ai pas ce problème dans plusieurs thèmes testés, mais vous est le 2e à me faire remonter ce problème. Je suppose effectivement qu'il s'agit d'un conflit entre plusieurs éléments, mais il m'est malheureusement difficile de déterminer la source du problème (jQuery sûrement...). :(

  • alarza dit :

    C'est exactement ce que je recherche, il marche parfaitement ! Merci beaucoup pour ce super plugin !! :)

  • Usul dit :

    Bonjour Mathieu,
    j'ai découvert votre super extension qui devrait me convenir, si seulement je savais comment faire. ;)

    Mon principal problème est comment, où, quand ajouter les photos ?
    Je ne vois nul par "Ajouter les photos."
    Si vous vouliez m'aider, merci.

    Mes questions sont :
    Quel est la différence entre "Ajouter" et "Catégories" ?
    Où faut-il créer mes thèmes, en cliquant sur "Ajouter" ou dans "Catégories" ou les deux ?
    Quand, où faut-il ajouter les photos ?
    Où mettre le shortcode ?

    Voici ce que j'ai fait :
    J'ai créer 5 catégories dans l'onglet "Catégories." (sans sous catégories ou enfant.)
    Puis j'ai cliquez sur "Modifier" de chacune de mes catégories et j'ai coller le shortcode :
    [modal-portfolio parents=1] dans le grand champ blanc.

    Mais il ne se passe rien.
    Merci de votre aide.

    Petite suggestion : Cela serait bien de votre part de faire un tuto clair, étape par étape, mais je me
    doute que vous avez sûrement autre chose à faire.
    En tous les cas, merci pour votre travail.

    • Bonjour,
      J'ai fait une documentation dans le plugin qui explique tout, donc j'ai fait un tuto, c'est donc écrit ! ^^
      Je résume rapidement :

      1. Les catégories servent à créer plusieurs portfolios ou "sous-portfolios" (sous-catégories). Leur rôle est donc de classer les images en gros. Ensuite, il faut appeler le shortcode modal-portfolio avec le paramètre "categorie_parente", pas avec parents = 1 !
      2. Le bouton "Ajouter" sert à ajouter des images dans les catégories justement. Là, rien de compliqué, il y a un champ pour le titre, un pour la description. Et ensuite, soit vous ajoutez une vidéo (champ de texte sous la description), soit vous ajoutez une photo (via l'image à la une à droite).

      Bon courage !

  • Usul dit :

    Bonjour Mathieu et merci pour votre retour.
    J'aimerais encore votre aide, s'il vous plaît.

    J'ai réussi certaine chose.
    Voilà le résultat : http://www.planete-cafe-57.fr/coups-de-coeur-librairie/

    Les catégories sont bien présente et j'ai mis une image à la une.
    J'ai opté pour le code : [modal-portfolio categorie_parente="nom_categorie"]
    j'ai remplacé "nom_categorie" par le nom de la catégorie.
    Je suis vraiment désolé, mais j'insère les images où ?

    J'ai cliqué sur "Ajouter" donné un titre, et insérer les images de la catégorie, dans la partie
    blanche, là où on écrit.
    Coché la case à droite de la catégorie
    Les images n’apparaissent pas.
    En image le travail : https://framapic.org/I5zVxqX7C0fs/xwBW7LNFFfDy.png

    Vraiment navré de vous ennuyer pour un détail, mais je crois ne pas être trop loin de la solution.
    Merci de bien vouloir me répondre.

    • Bonjour,
      Non je vous l'ai dit, les images s'intègrent dans la section "Image à la Une", souvent placée à droite en bas. Si ce n'est pas le cas, vérifiez dans l'onglet "Options de l'écran" que la case "Image à la Une" est cochée pour qu'elle apparaisse. La partie de description "blanche" n'est que descriptive justement. :D

  • Usul dit :

    Image de "Ajouter" avec "Image à la une"
    On voit sur l'image que j'ai mis une "Image à la une" mais on je ne peut en mettre qu'une seule.
    Je me trompe ?
    https://framapic.org/ScLujsZLGd7Q/j5gLIZrVeaGd.png

    • Oui bien sûr, c'est normal. Il faut ajouter chaque référence une par une, donc chaque référence contient une image à l'Une précise. On peut pas tout ajouter d'un coup en effet, ce n'est pas l'objectif de l'extension. Comme l'extension est censée ouvrir dans une fenêtre une description de chaque image, il faut créer chaque référence indépendamment, puis les relier à la catégorie correspondante. ;-)

  • orfescu horatiu dit :

    Bonjour Mathieu ,
    Votre extension est vraiment utile mais je ne trouve aucune modalite de retrouver les liens SEO !! et je pense qu`il manquent.
    Est il possible de faire ainsi qu`on retrouve des liens ?

    Merci pour le bon travail

  • POUSIN Amandine dit :

    Bonjour,
    Je suis novice dans le domaine,
    Je ne comprends pas où mettre le shortcode ? dans le texte de la référence ?
    Merci d'avance

    • Bonjour,
      Non, le shortcode permet d'afficher le portfolio, il faut donc le copier dans le texte de la page dans laquelle vous voulez l'afficher. Si par exemple vous avez une page qui s'appelle "Galerie" ou "Portfolio", vous éditez cette page et vous collez le portfolio dans la zone de texte. :D

  • Amandine dit :

    Bonjour,
    J'ai réussi à installé votre plugin qui correspond parfaitement à mes attentes.
    Malheureusement, lorsque je clique sur les images, elle s'affiche en arrière plan.
    Merci d'avance pour votre aide.
    Amandine

    • Pouvez-vous me donner l'adresse de votre site pour que j'essaie de voir le problème ? C'est sûrement un conflit Javascript, comme souvent avec des thèmes achetés codés avec les pieds. Comme le portfolio demande pas mal de Javascript, ça peut arriver donc si je peux trouver la faille, ce serait aussi bien.

  • Aymeric dit :

    Bonjour Mathieu,

    J'ai installé ton plugin, j'utilise comme thème Divi Thème.
    J'ai un soucis j'ai créer un portfolio avec deux vidéos, j'ai ajouté les liens viméo dans le champs " Ajout d'une vidéo (remplace l'image à la une) ". Voici un lien viméo que j'ai ajouté " https://vimeo.com/170960727 " et j'ai créé une catégorie " Quelques Réalisations ", puis je suis aller dans la page où je souhaitais ajouter le portfolio et j'ai ajouté le shortcode : [modal-portfolio parent_cat="quelques-realisations"] mais rien ne s'affiche !! Avec l'outil d'inspection de code de mon navigateur chrome on voit le liens de la vidéo. Alors j'ai testé avec le shortcode [modal-portfolio] mais toujours le même problème la vidéo n'apparait pas.

    Une autres questions si je souhaite afficher le portfolio d'une seule catégorie, tu utilise quel shortcode ??

    Merci pour tes lumières, je rate peu être quelques choses !! ;)

    • Bonjour Aymeric,
      Normalement, les vidéos ne s'affichent que dans la fenêtre modale (lorsque l'on clique sur la photo). Il faut donc que tu mettes une image à la une (en bas à droite quand tu ajoutes une référence vidéo ou photo) qui va servir de "poster" à la vidéo. Copie bien l'URL de la vidéo, ajoute un titre à ta vignette et normalement, la vidéo devrait s'afficher quand tu ouvriras la fenêtre modale. J'ai ajouté une vidéo Vimeo dans la démo de l'article si tu veux voir, ça fonctionne parfaitement en faisant comme je l'ai dit là. Je pense que ce n'est pas grand chose qui "bloque", ne t'inquiète pas ! ;-)

      • fouquet dit :

        Bonjour Mathieu,

        Merci de ta réponse !! Oui c'était le cache de chrome qui fallait vider, j'aurais dû directement vérifier sur un notre navigateur. :(

        J'aurais une nouvelle question j'ai regardé dans les options mais j'ai pas vu, y a t-il une option pour rajouter dans les pop up modal les boutons précédent et suivant pour naviguer dans la pop up entre les vidéos !! S'il n'y a pas y a t-il la possibilité de les rajouter simplement ??

        Merci d'avance de ta réponse !!

      • Bonjour,
        Tant mieux si la solution a été trouvée. ^^
        Concernant les boutons "précédent" et "suivant", c'est vrai que je n'ai pas pensé à ça, il faudrait que j'y réfléchisse sérieusement pour une mise à jour du plugin. Pour les ajouter, il faudrait uniquement créer une fonction prevNext() en quelque sorte qui passe d'un item "modal-portfolio" à un autre, ça me semble faisable mais je ne dis pas que ce sera évident au premier abord. :D

      • Aymeric dit :

        Ok Mathieu !! Je suis pas encore assez bon en code pour m'aventurer là dedans.

      • Aymeric dit :

        J'ai encore des questions !! Je souhaiterais afficher la catégorie du portfolio dans la pop up !! Y a t-il une option ?? Ou sinon comment modifier dans le code pour l'afficher ??

        Quand je vais dans option et que "Afficher le titre et la catégorie au survol des vignettes ?" et a oui j'ai juste la catégorie qui s'affiche et pas le titre ?? Tu verra sur le lien de mon site web sur la page d'accueil section "QUELQUES RÉALISATIONS" j'ai juste la catégorie qui s'affiche !! J'utilise comme théme DIVI.

        Et j'ai une dernière question comment afficher la description comme le titre et la description en dehors de la pop up ?? Y a t-il une option ?? Que j'ai pas trouvé !! Ou sinon comment modifier dans le code pour l'afficher ??

        Je te remercie par avance de tes réponses et de tes lumières !! ;)
        Merci pour tes conseils !!

      • Salut Aymeric,
        Malheureusement il n'existe pas les options que tu évoques ici, ni pour afficher la catégorie dans la pop-up, ni pour afficher la description hors de la pop-up. Je n'avais pas prévu un tel usage à l'origine donc ce n'est pas aussi modulaire que ça.
        Je vais essayer de voir si je peux faire une mise à jour prochainement, mais je manque cruellement de temps. Normalement cela pourrait être possible d'afficher ces éléments précis en "option".
        Concernant l'affichage du titre dans la partie "mouvante" des vignettes, c'est bizarre qu'il ne s'affiche pas. Je suis allé vérifier dans le code et il n'y a pas de raison que ça ne s'affiche pas. Tu as bien mis des titres à chacune de tes réalisations, tu n'as pas laissé le champ vide ? Tu n'as pas changé le code PHP ?

  • fouquet dit :

    Salut Mathieu,

    Oui, j'ai bien mis un titre à chaque réalisation !! J'ai pas laissé le champ vide et je n'ai pas touché au PHP !! Je ne comprends pas pourquoi le titre n'apparait pas !! Qu'est ce qui pourrais empêcher le titre d'apparaitre ?? Là je tourne en rond !! :(

    Merci pour tes réponses

    • Pour votre question, la réponse est simple : rien ne peut empêcher le titre de disparaître. :D
      En effet, je récupère en PHP le titre et les catégories, et je les affiche sous condition (donc selon les options choisies). D'ailleurs, l'article montre un exemple avec les titres fonctionnels et la dernière version du plugin. Il n'y a donc absolument aucune raison que ça ne s'affiche pas si vous remplissez bien le champ "titre de la vignette" en-dessous du champ de description.

    • fouquet dit :

      Mathieu,

      J'ai trouvé le titre s'affiche bien !! Il devait y avoir un bug. Ca marche ;).
      J'ai une question à quoi sert les types ?? Dans quel cas les utilisés ??

      Merci.

  • fouquet dit :

    Bonjour Mathieu,
    Dans ton plugin Modal Portfolio, dans le menu Portfolio il y a portfolio, ajouter, catégories, types, options, styles css, documentation. Types sert à quoi ?? Merci.

    • Hein ? Il n'y a pas de "types" dans le plugin ? Tu es sûre ? Je l'ai dans mon interface là et je n'ai pas ça (ni dans mon code d'ailleurs ^^). Ce n'est pas un autre plugin qui fait conflit ou qui fout la merde ? :S

  • Déposer un commentaire

    L'adresse de messagerie ne sera pas publiée.* Champs obligatoires