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

Mathieu Chartier CMS (WordPress...) 97 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.7.4.1”modal-portfolio.zip – Téléchargé 20575 fois – 1,37 Mo

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...

La version 1.7 du plugin offre aussi de nouvelles options intéressantes :

  • ajout multiple de référence pour gagner du temps (cela évite l'ajout référence par référence) ;
  • classement des filtres et des vignettes, dans l'ordre désiré ou au hasard ;
  • limitation possible du nombre de vignettes à afficher dans la page (par exemple, maximum 100 images, etc.).

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...

Questions fréquentes (update du 11/07/2018)

Il est courant que des utilisateurs me posent des questions à propos du plugin Modal Portfolio. De nombreuses options se sont ajoutées et il convient parfois de chercher un peu pour trouver les réponses. Voici donc quelques "classiques" qui reviennent fréquemment :

  • Comment peut-on afficher uniquement l'image ou la vidéo dans la fenêtre modale ? Il suffit d'aller dans les options et de mettre "non" à l'option "Afficher la description dans la fenêtre modale ?", c'est aussi simple que cela.
  • Comment faire pour que l'image ou la vidéo occupe 100% de la largeur de la fenêtre (notamment si on masque le texte) ? Il faut aller dans les styles CSS. Soit vous êtes développeur et vous jouez avec les classes CSS correspondantes (.modal-pf-img pour la colonne de gauche, .modal-pf-content pour la colonne de droite, etc.), soit vous utilisez les styles dynamiques (option disponible) et vous jouez avec les styles de la section "Style de la fenêtre modale" (il faut mettre la largeur de la colonne de gauche à "100%", la largeur de la colonne de droite à "0%" et la marge à droite à "0%" également).
  • Comment adapter la hauteur de la fenêtre modale à son contenu ? Il faut mettre "auto" dans le style CSS "Hauteur de la fenêtre modale" (style dynamique) ou indiquer "height:auto" dans le CSS (via l'id "#simplemodal-container").
  • Comment ordonner les résultats au hasard ? Il suffit de se rendre dans les paramètres additionnels du panneau d'options et de choisir "Au hasard" en ordre d'affichage des images.

Pour lever tout de suite quelques interrogations, il faut bien savoir que l'objectif premier de Modal Portfolio est de proposer des vignettes indépendantes pour afficher des images/vidéos dans une modale, accompagnées d'un texte. Il existe des galeries photos pour ne faire qu'un portfolio "photo" classique si nécessaire. C'est d'ailleurs pour cette raison qu'aucune pagination n'a été prévue, etc.

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.

97 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

    • Attention, il faut entrer le "slug" de la catégorie, pas son nom, donc je suppose que c'est "au-jardin" dans votre cas, et pas "Au jardin" qu'il faut mettre dans le paramètre cateogire_parente.

  • 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

  • Bonjour,
    J'utilise votre porfolio que je trouve vraiment pratique et assez simple, cependant je rencontre un problème. J'ai créé 3 galeries avec pour le moment une image dans chaque (en test), (associations, clubs et snacks-friteries). Le soucis est que la 1ere (asso) j'ai le filtre asso qui apparaît, la 2e (club) j'ai les filtres asso et clubs qui apparaissent, et la 3e, j'ai les trois filtres qui apparaissent. Mais à long terme, j'aurai quand même assez bien de catégories (une 20aine), donc je me vois mal me retrouver avec 20 filtres pour la dernière crée. Et lorsque dans les options, je désactive le filtre, alors plus rien ne s'affiche du tout, comme si c'était vide... Est-ce que vous auriez une solution? merci d'avance

    • Bonjour,
      Ce problème est étonnant mais peut se comprendre selon la manière dont vous avez organisé vos catégories.
      Dans votre cas, avez-vous une structure de catégorie de la sorte : "associations", "clubs" et "snacks-friterie" en catégories parentes ? Ensuite, dans chacune de ces catégories, vous avez des sous-catégories correspondantes, comme "asso" et "clubs" que vous me citez ?
      Si oui, avec un shortcode qui pointe vers la catégorie parente, vous ne devriez voir que les catégories filles de cette catégorie parente, c'est ce qui est écrit dans le code (je suis allé vérifier au cas où). Les filtres ne sont en réalité que des noms de catégories filles d'une catégorie parente, mais il faut éviter de faire 3/4 niveaux de parents/filles sinon le plugin peut éventuellement poser ce genre de problèmes en effet (je l'indique dans la documentation, c'est dû à WordPress ça).

      • Bonjour,
        Désolé de ne répondre que maintenant, je n'ai pas reçu la notification de votre réponse. En fait, je n'utilise qu'un seul niveau, uniquement la catégorie, il n'y a pas de sous-catégories. Et je ne vois pas comment je pourrais organiser ça avec des sous-catégories. le shortcode est donc par exemple [modal-portfolio parent_cat="boulangeries" parent:0] . j'ai essayé avec ou sans le "parent:0" mais sans changements

      • Vous avez indiqué "parent:0" ou "parent=0" ? L'erreur est peut-être juste là dans ce cas...

      • bonjour,
        le short code indiqué là est un copié collé de ce que j'ai dans mes pages. Que j'ai lui même copié collé des instructions ^^

      • Bonjour,
        Dans les instructions ce sont des "=" et non des ":" après les paramètres du shortcode. Il convient donc de juste vérifier ce point précis, qui explique peut-être votre problème. Je ne dis pas que c'est ça le souci, mais c'est fortement possible.

      • Bonjour,
        encore avec beaucoup de retard, j'ai testé les deux, ça n'a rien changé non plus. Mais tant pis ce n'est pas trop grave, il y a juste d'autres rubriques qui apparaissent au dessus, on verra ça comme une suggestion ^^

  • ESTELLE dit :

    Bonjour Mathieu,
    Super ce portolio ! Je n'ai pas de souci ni dans l'installation, ni dans les fonctionnalités ... tout fonctionne .... ouf !! je suis assez novice à l'utilisation de WordPress mais je me débrouille !
    Juste une question : je n'arrive pas à régler la taille de mes images pour qu'elles s'affichent correctement au niveau du portfolio et de la lightbox ! Mon image est complètement déformée dans la lightbox .... As-tu une astuce ?

    • Bonjour,
      Comment ça l'image est déformée ? Elle ne conserve pas son ratio initial ? Normalement, cela ne peut venir que du CSS (ou du style dynamique que j'ai mis en option). L'image s'adapte à 100% de la largeur de la colonne de gauche, donc elle ne devrait pas changer de ratio. Et le contenu s'affiche dans la colonne de droite. Il ne faut pas hésiter à m'envoyer une capture d'écran par email si nécessaire, mais s'il y a déformation, c'est un problème de CSS ici, il n'y a que ça de plausible (cela peut être un conflit entre une autre règle CSS et celle du portfolio par exemple).

  • Diao dit :

    Thanks for your awsome plugin, can you help me to resize the lightbox when open , I want it to larger than yours? Can you help me, please?

  • Diao dit :

    Sorry to bother you, I have solved it. Last question, how to limit the post on page or paginate the posts?

  • Emilie dit :

    Bonjour,

    Je rencontre un problème similaire à d'autres: la fenêtre modal ne s'affiche pas au premier plan mais à l'arrière-plan du portfolio.
    Tout fonctionnait très bien, et je n'ai pas ajouté d'autres plugins récemment. J'ai presque tout désactivé et le problème est malheureusement toujours là...

    http://www.meta-morphosis.org/projets-realises/

    • Je suis bien embêté par votre souci car je ne l'ai sur aucun de mes sites (ni même dans cet article d'ailleurs si vous utilisez la version de test du plugin), et surtout, la console Javascript ne retourne aucune erreur de code. En gros, il y a bien un bug visible, mais rien ne démontre qu'une erreur existe, donc autant chercher une aiguille dans une botte de foin. Je suppose qu'il s'agit d'un problème relatif, soit au CSS, soit au Javascript de la modale, mais je ne peux pas effectuer de tests de mon côté puisque je n'ai jamais ce bug. Je ne peux donc pas vérifier que mes modifications vont changer les choses... :(

  • DUBOIS Olivier dit :

    Bonjour Mathieu,
    Ce portfolio est exactement ce que je cherchais, simple et facile pour présenter une galerie d'image (3x3 pour la mienne), avec filtres.
    En clair, le portfolio me sert uniquement qu'à filtrer et présenter par catégories mes images sur une seule page...
    J'aimerai supprimer les liens qui renvois à une Page Not Found, car je ne veux pas ouvrir les images sur d'autres pages de mon site.

    Merci d'avance de la réponse, cordialement, Olivier

    • Bonjour Olivier,
      Si je comprends bien, vous voudriez uniquement avoir un système de filtres, sans la fenêtre modale (pop-up) ? En gros, juste une liste des images, classées par catégories à l'aide des filtres ? Si oui, ce n'est pas du tout l'objectif initial du plugin mais il suffirait dans votre cas de créer une liste d'image (avec un custom post type comme je l'ai fait) puis d'utiliser Isotope (ou équivalent) pour filtrer par catégorie.

  • Abid Khalil dit :

    Bonjour et merci pour ce magnifique plugin ! est ce que je peut afficher 4 item dans une meme ligne au lieu de 3 ?

    • Merci bien. Oui il est possible d'en afficher 4, il ne s'agit que de CSS (style) dans ce cas. Par défaut, la largeur permet d'en afficher que 3, mais en réduisant cette largeur et en calculant bien, on peut en afficher 4, 5, 6... ;-)

  • Stéphane dit :

    Bonjour et merci beaucoup pour le plugin bien chouette ! simple, épuré et très réussi !

    Je suis la version 4.9.6 de WP, Theme Watson (Foundry). J'ai 2 remarques: 1 problème et 1 demande.

    J'ai un soucis en fait quand je publie la page portfolio avec le short code. Avant de publié et en faisant un aperçu, tout apparait très bien mais après publication, la page portfolio plante et les images n'apparaissent plus ni d'ailleurs la possibilité de modifier la page dans la barre WP du haut.. ai-je fais une mauvaise manip ?

    2ème remarque, est-ce possible dans la fenêtre modale qui vient en overlay qu'elle s'adapte aux dimensions de l'image, sans descriptif ou commentaire, juste l'image avec éventuellement le titre qui reste ? J'ai cherché dans les options de style mais pas trouvé ..

    Merci pour l'aide que tu pourras m'apporter
    Stéphane

    • Bonjour,

      Il faudrait que je vois le souci de votre 1re remarque car c'est assez étonnant en effet, surtout si tout fonctionne bien dans la prévisualisation de WordPress. Cela semble être un conflit de Javascript (80% des problèmes en gros...) avec votre thème, sachant que la prévisualisation n'active pas toujours tous les scripts (ce qui pourrait expliquer pourquoi ça fonctionne dans ce cas). Je penche pour ça en tout cas...

      Concernant la 2e remarque, le plugin ne permet pas d'afficher uniquement l'image, ce n'était justement pas son objectif. Il existe des centaines de plugins qui font ça, et l'objectif de Modal Portfolio est de proposer des vidéos/images accompagnées d'un texte de présentation. Je n'ai donc pas prévu d'options à ce sujet.

      • Stéphane dit :

        Bonsoir,

        Metrci pour la réponse rapide !

        Bon effectivement, c'est probablement lié au thème mais c'est dommage du coup car je ne peux pas utiliser le plugin.

        Concernant lma 2ème remarques, je n'ai pas trouvé de plugin qui fasse à la fois un filtrage des portfolios et des overlays simple d'images, je suis donc étonné que tu dises qu'il y en a des centaines, j'ai du passé à coté ?

        En fait la question portait essentiellement sur le redimensionnement des fenêtres selon les images, que ce soit avec ou sans descriptif. Certaines images sont en portrait allongé et du coup trop grandes obligeant à faire défiler et d'autres en paysage ou en 16:9 et laissant un grand espace vide en dessous.

        Merci en tout cas pour le partage !

        Cordialement
        ---
        Stéphane

  • Zoé dit :

    Bonjour Mathieu,

    Merci pour cette extension vraiment intéressante. Elle correspond exactement à ce que j'aimerai faire. Cependant les "images à la une" qui apparaissent dans la galerie ont une qualité très réduite.
    A tel point que cela m'empêche de mettre en place des galeries avec ce plugin.
    Est-il possible de remédier à cela ?

    Sur ce lien :

    http://multifolium.fr/portfolio/

    On voit tout en haut et tout en bas les galeries réalisées avec Modal portfolio et au milieu celles réalisées avec un autre plugin (qui ne correspond pas à ce que je veux faire mais dont les images ont gardé toute leur qualité).

    Merci pour votre réponse

    • Bonjour,
      La qualité dépend de deux critères dans votre site. D'une part Modal Portfolio affiche les images en plus grand que l'autre plugin, donc les "étire" (d'où l'effet un peu moche). D'autre part, peut-être utilisez-vous un compresseur d'image qui réduit déjà naturellement la qualité (WordPress le faisant d'office quoi qu'il advienne).
      Je pourrais éventuellement ajouter un paramètre pour choisir le format d'image à afficher, il faudrait que je prenne du temps pour ça, je ne sais pas combien de temps ça peut me demander. Ainsi, vous pourriez choisir un autre format que "thumbnail" qui est mis par défaut dans le plugin (c'est le plus petit format, d'où la perte quand on étire les images).

      • Zoé dit :

        Bonjour,
        Merci beaucoup pour votre réponse et le temps que vous y accordez.
        Je vais chercher une autre solution alors en attendant mais si vous modifiez votre plugin un jour, tenez-moi au courant, je l'utiliserai avec plaisir.
        Cordialement

  • Paulot dit :

    Bonjour Mathieu,
    j'apprécie beaucoup votre portfolio qui est adapté à ce que je cherche.
    Mon petit problème est que lorsque je clique sur une des images du portfolio, l'image apparait derrière le portfolio et bloque toute la page.
    J'ai cru comprendre que celapouvait être dû au thème dans de précédents posts. J'utilise Hestia. Peut-être n'est-il pas adapté. Si c'est le cas, pourriez-vous m'en indiquer d'autres qui fonctionnent correctement avec Modal Portfolio? Si possible des indications sur des gratuits pendant que je démarre le site.

    • Bonjour,
      Ce qui est étonnant, c'est que j'ai résolu ce problème pour de nombreux thèmes récemment, cela veut dire que c'est encore source de conflit avec des Javascript. En fait, je suppose que le souci provient d'un chargement de scripts Javascripts en double, et que cela perturbe soit le thème, soit le plugin. Il faudrait donc que j'ajoute un système de détection supplémentaire pour voir si ça résout le problème. Avez-vous une page sur laquelle le bug est visible ? Je voudrais voir si c'est ce genre de problème à envisager. Ou sinon, pouvez-vous me transmettre votre thème par email pour que je teste en local avec lui ?
      Ce n'est pas grand chose mais ça cause des soucis depuis le début, et ça m'agace. :-)

  • philippe dit :

    Bonjour Mathieu,

    Plusieurs heures à tester des plugins portfolio avec modal, mais le votre semble le plus proche du besoin du client.

    Merci beaucoup pour ce Plugin.

    J'ai pu, grâce à quelques modifications CSS passer le plugin en "responsive" en affichant 4 colonnes sur écrans PC et 2 sur téléphone.

    Mais j'ai 2 questions :
    - Peut-on limiter le nombre de portfolio que l'on affiche ?
    - Peut-on afficher les portfolios en aléatoire (Random) ?

    Cordialement,

    • Bonjour,
      Et bien merci, et surtout bravo pour avoir améliorer le responsive du portfolio (mes thèmes par défaut sont responsive, mais tout simples).
      Pour vos deux questions, voici mes réponses :
      - Il n'est actuellement pas possible de limiter le nombre d'items par page. Sinon, cela imposerait une pagination (ou smooth scroll, etc.) pour afficher le reste des items, et ce n'est plus la même histoire techniquement...
      - Par défaut, rien n'est vraiment aléatoire car WordPress utilise les identifiants pour classer. Je n'ai pas vraiment pensé à ça mais ça pourrait sûrement se faire en effet. Si j'ai le temps je fais ça bientôt...

      • philippe dit :

        Merci pour cette réponse rapide.

        J'ai trouvé une façon de répondre à mes 2 demandes. Certainement pas la meilleure, mais simple à implémenter pour ceux qui peuvent avoir la même demande.

        Pour la limitation du nombre de portfolio affiché :
        J'ai ajouté un peu de CSS pour cacher les portfolio après le Xéme . Dans le cas de mon client il n'y a pas de suite, on affiche les 12 premiers et c'est tout :

        .isotope-mpf div:nth-of-type(1n+13) {
        display: none;
        } /* Limit the number of displayed portfolio */

        Pour l'affichage random des protfolio, un peu de javascript pour mélanger les éléments et voila !

        var elem = document.querySelector('.isotope-mpf');
        for (var i = elem.children.length; i >= 0; i--) {
        elem.appendChild(elem.children[Math.random() * i | 0]);
        }

  • pacha35 dit :

    Bonjour,
    Je viens de découvrir et d'installer votre extension qui me convient bien, merci pour ce beau travail.
    Au départ, je voulais n'avoir que l'affichage d'une sous-catégorie par page via le shortcode, mais je n'y arrive pas : je sais n'avoir qu'une catégorie ou tout (catégories et sous catégories sélectionnables par les boutons du haut).
    C'est bien comme ça que ça fonctionne ?

    • Bonjour,
      Normalement, le plugin permet d'afficher uniquement une catégorie ou une sous-catégorie par page selon ce que vous entrez dans le shortcode. Toutefois, j'ai précisé dans la documentation que sur des niveaux "profonds", il peut effectivement y avoir des soucis. En général, on créé des catégories et sous-catégories, et on forme des pages pointant vers les catégories parentes. Dans ce cas, ça fonctionne sans problème.
      Dans votre cas, il semblerait que ce soit plutôt les sous-catégories que vous voulez cibler, il faut donc avoir un shortcode de la forme [modal-portfolio categorie_parente="nom_sous_categorie" parents="0"], c'est celui qui me semble le mieux si j'ai bien compris votre demande.

  • vincent dit :

    Bonjour
    je ne sai pas si tu encore actif sur le blog ,j ai utilisé ton pluggins ,j en suis tres content sauf que je cree un site pour des oeuvres ,sur la premiere page "peinture"les categorie s affichent "illustration,pop art,portrait,ect..."gras au shortcode ,mais que je cree une autre page "sculture" et que j utilise le shortcode sa m affiche les categorie des peinture .aurais tu une solution.merci

    • Bonjour,
      Je pense que le souci est dans l'organisation des catégories ou du shortcode. Il suffit de préciser la catégorie parente (qui peut donc avoir des catégories filles) pour que ça fonctionne bien.

  • Karim M dit :

    Bonjour Mathieu,

    Tout d'abord bravo et merci pour ce plugin , qui correspond parfaitement à ce que je cherchais.

    Seul petit souci, quand le plugin est actif il cause des changements dans l'affichage de certains textes dans des pages autres que celles ou j'ai mis le short code, avec plusieurs lignes de textes affichées sur la même ligne au lieu d'être affichées les unes sous les autres.

    J'ai bien regardé dans le css du plugin mais je ne trouve pas ce qui cause cet effet. Avez-vous une idée?

    Mon site est encore en local, je ne peux hélas pas encore fournir d'url en ligne.

    • Bonjour,
      Pour que ça génère de tels changements de style, c'est qu'il y a forcément des classes/ID en CSS qui sont en conflit, je ne vois que ça. J'ai créé des classes pour le plugin mais il suffit que d'autres soient les mêmes dans le code du thème, ça peut créer des conflits en effet... :S

      • Karim M dit :

        Bonjour Mathieu,

        Je crois avoir compris. Dans votre style.css /style.php, vous avez une classe.clean qui a un line height de zero, et qui est appliquée sur tous les paragraphes. Cela dit je ne comprends pas pourquoi cela est appliqué aux paragraphes des autres pages ou je n'ai pas de short code.

        Je pense que cette classe .clean sert pour les legendes des photos qui apparaissent au survol. J'ai retiré suelement le line height, j'ai donc une classe .clear {clear:both;} au lieu de .clear {clear:both; line-height 1}, et je n'ai plus de souci avec les textes. Les legendes ont aussi toujours le bon comportement apres mon edit, donc tout va bien.

        Encore merci et bravo, super plugin vraiment

  • Déposer un commentaire

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