Réglages pour plugin NextGen Gallery (Créer un compte)

  • Statut : non résolu
12 sujets de 1 à 12 (sur un total de 12)
  • Auteur
    Messages
  • #516511
    Flobogo
    Modérateur
    Maître WordPress
    20116 contributions

    Bonjour à tous,

    Voilà ma config :
    – Version de WordPress : 3.4.2
    – Thème utilisé : thème enfant perso de Graphene
    – Extensions en place : TinyMce Advanced, WP-SEO by Yoast, Ninja pages-catégorie et tags, et NextGen Gallery
    – Adresse du site : http://www.mon-coin-de-bourgogne.fr

    Problème(s) rencontré(s) :

    J’ai installé NextGen gallery dont les possibilités me conviennent bien !
    Mais je rencontre des petits soucis dans les réglages pour que le résultat soit parfait 😉

    Voilà mes deux soucis :
    mes diaporamas ne sont pas centrés sur la page : j’ai essayé avec du HTML

    ou text-align: center; … mais sans succès.
    – quand on affiche les vignettes sous Internet Explorer, le résultat est déplorable, car elles sont complètement déformées (étirées verticalement) !! Sous Firefox, pas de soucis.
    Pourtant, j’ai vu des sites avec ce plugin où les vignettes, même sous IE, avaient des proportions harmonieuses.

    Si quelqu’un peut m’aider sur l’un ou l’autre des soucis (ou les deux 😉 ), merci d’avance !

    #862811
    Flobogo
    Modérateur
    Maître WordPress
    20116 contributions

    😳 Oups, pour faciliter la compréhension de mes p’tits soucis, je vous mets deux liens vers les pages concernées :

    – celui-ci montre le diaporama, complètement calé à gauche (alors que ma sidebar est masquée), pas moyen de le centrer : http://www.mon-coin-de-bourgogne.fr/albums-photos/?album=1&gallery=2

    – et celui-ci montre mes vignettes de photos déformées sous IE : http://www.mon-coin-de-bourgogne.fr/?page_id=341&preview=true&pid=6&show=gallery (sous Fiefox, les vignettes sont normales)

    Merci à ceux qui pourront m’aider.

    #862812
    babylon
    Participant
    Initié WordPress
    36 contributions

    je ne vois pas de différence entre ie et firefox chez moi, à part le style qui ne s’affiche pas tout à fait pareil (ombre, etc…)

    pour centrer ton diapo, il faut que tu mettes le code généré dans ta page à l’intérieur une div

    et ensuite tu vas dans l’éditeur, et dans la feuille de style css tu rajoutes #divslideshow1 {margin: 0 auto;}

    mais tu vas avoir des problèmes, car toutes tes images n’ont pas le même format, tu aurais du toutes les recalibrer au moment du téléchargement… (tu peux choisir le format dans l’admin galeries)

    pareil pour tes vignettes, tu peux choisir leur taille dans l’admin (c’est dans galerie/options/vignettes) et ensuite dans chaque galerie, tu peux éditer chaque vignette et les recentrer comme tu veux 😉

    :search:[CODE]
    et ensuite tu vas dans l’éditeur, et dans la feuille de style css tu rajoutes #divslideshow1 {margin: 0 auto;}

    mais tu vas avoir des problèmes, car toutes tes images n’ont pas le même format, tu aurais du toutes les recalibrer au moment du téléchargement… (tu peux choisir le format dans l’admin galeries)

    pareil pour tes vignettes, tu peux choisir leur taille dans l’admin (c’est dans galerie/options/vignettes) et ensuite dans chaque galerie, tu peux éditer chaque vignette et les recentrer comme tu veux 😉

    :search:

    #862813
    babylon
    Participant
    Initié WordPress
    36 contributions

    oups, je crois que j’ai fait une faille, je réécris tout ça ^^

    je ne vois pas de différence entre ie et firefox chez moi, à part le style qui ne s’affiche pas tout à fait pareil (ombre, etc…)

    pour centrer ton diapo, il faut que tu mettes le code généré dans ta page à l’intérieur une div

    CODE

    et ensuite tu vas dans l’éditeur, et dans la feuille de style css tu rajoutes #divslideshow1 {margin: 0 auto;}

    mais tu vas avoir des problèmes, car toutes tes images n’ont pas le même format, tu aurais du toutes les recalibrer au moment du téléchargement… (tu peux choisir le format dans l’admin galeries)

    pareil pour tes vignettes, tu peux choisir leur taille dans l’admin (c’est dans galerie/options/vignettes) et ensuite dans chaque galerie, tu peux éditer chaque vignette et les recentrer comme tu veux 😉

    :search:

    #862814
    Flobogo
    Modérateur
    Maître WordPress
    20116 contributions

    Bonsoir babylon,

    Pour la différence d’affichage sous IE, c’est peut-être lié à la version ? Je suis sous IE8 avec Windows XP, sur les 2 PC qu’il y a chez moi ; et sur les deux PC, les vignettes étaient déformées sou IE.
    Peut-être que toi tu as IE 9 ? Ou une autre version de Windows ?
    J’essaierai ton code, mais j’avais déjà essayé en mettant le code du slideshow dans une div.
    Tu me conseilles de lui attribuer un Id, il me semble qu’il ne peut y avoir qu’un seul ID par page, il vaudrait peut-être mieux définir une class non ? Sinon, je ne pourrais pas faire fonctionner plusieurs diaporama sur la même page, et surtout, je vais devoir rajouter tous les #divslideshowX {margin: 0 auto;} où X aura différentes valeurs !
    Enfin, je ne sais pas si je suis claire, je ne suis d’ailleurs pas experte en CSS, donc j’essaierai.

    Concernant le format, si toutes les images doivent avoir le même format, c’est diiot ! Dans les réglages d’option du plugin NGG, il faut indiquer une largeur maxi et une hauteur maxi, mais nulle part il n’est indiqué que cela doit être la même hauteur et largeur pour chaque image !
    J’ai téléchargé un bon nombre de photos en 800 x 600, mais ce n’est pas le cas de toutes, et il y en a que je ne pourrais pas avoir sous ce format, donc c’est un peu dommage si je dois les élimnier parce qu’il manque 30 px dans un sens ou l’autre !

    Enfin, je reverrai tout ça ce WE …

    #862815
    babylon
    Participant
    Initié WordPress
    36 contributions

    oui, une class ou un id, c’est pareil l’important, c’est la div….

    si tu veux mettre plussieurs diapo, il faut que tu les insères eux aussi dans une div que tu centres ensuite

    juste une question pour tes vignettes…
    est ce que celles qui déconnent, sont celles que tu as recadrées ??

    sous ie, fait un clic droit et regarde dans propriété, la taille des images.
    si elles ne correspond pas à la taille des vignettes que tu as définie dans l’admin, cela vient sans doute de la…

    mais ie pose toujours des problèmes, faut le boycott 😉

    #862816
    Flobogo
    Modérateur
    Maître WordPress
    20116 contributions

    Pour le centrage, j’ai cru trouver hier soir dans la feuille de style CSS de NGGallery (un espace qui manquait), mais non, c’était pas ça.
    J’ai essayé avec un div + class que j’avais définie dans le style, mais pas de résultat, ou plus exactement : le diaporama se centrait un 1/10ème de seconde puis se remettait à gauche.
    Je dois avoir quelque chose dans mon style CSS du thème qui « force » les éléments à se mettre à gauche …

    Par contre, il semblerait qu’en mettant avant et après ( ) le code d’insertion du diaporama, celui-ci était centré. Je vais prendre le temps demain de re-tester tout ça au calme.

    Concernant les images sous IE, ce sont toutes les vignettes qui déconnent, quelques soient leur taille au départ.
    Je sais bien que IE n’est pas « LE » navigateur idéal, mais 40 % des internautes l’utilisent encore, et je ne voudrais pas me priver de 40 % de visiteurs potentiels 😉

    #862817
    Flobogo
    Modérateur
    Maître WordPress
    20116 contributions

    Bonsoir,

    J’ai réussi à centrer le diaporama d’une galerie, avec la balise

    Mais je n’arrive plus à insérer l’album (liste de galeries), alors que ça fonctionnait hier !
    –> voir ma page album : http://www.mon-coin-de-bourgogne.fr/albums-photos/

    Et les vignettes sont toujours déformées sous IE … sauf qu’elles ne s’affichent même plus ! et ce, même sous FF.
    A force de cafouiller à tout, j’ai dû abîmer quelque chose !

    Décidément, je ne comprends rien aux réglages de ce plugin, qui est pourtant en français ! :boulet:
    Qui pourrait m’aider ?

    #862818
    babylon
    Participant
    Initié WordPress
    36 contributions

    dans l’admin, va sur ta page, tu cliques sur l’onglet html pour afficher le code, tu retires les balises

    &

    autour du code d’affichage de la galerie et ça devrait marcher 😉

    #862819
    babylon
    Participant
    Initié WordPress
    36 contributions

    et il ne faut pas mettre de style non plus
    n’oublie pas que je t’ai dit plus haut qu’il fallait la mettre dans une div pour la centrer, car si tu utilises la fonction text-align de tinymice, il va te mettre automatiquement ton code dans un paragraphe… 😉

    au fait, ma proposition par mail en réponse à tes questions, c’était pour t’aider, non pour te pirater ton site, j’ai l’impression que tu as pris peur… :(

    je viens de créer un site de bijoux dans la partie crédit, y’a mon nom et mon téléphone, si tu as des doutes… 😉

    #862820
    Flobogo
    Modérateur
    Maître WordPress
    20116 contributions

    salut Babylon,

    Merci de revenir à mon aide, je vais essayer de reprendre tout ça ce WE.
    Ces derniers jours, je me suis concentrée sur le transfert du contenu de mes pages de l’ancien site ; mais ce WE, je vais reprendre la question NGG car cela me semblait un bon outil.

    J’avais essayé de mettre une div en spécifiant une class (et non un ID, qui est unique et ne peut être réutilisé) mais ça ne donnait rien.

    Et oui, en effet, je suis un peu réticente pour donner accès à l’admin de mon site (ce n’est pas spécialement contre toi, tu le proposais sûrement dans une bonne intention …)… En plus, je préfère apprendre à faire moi-même … en suivant des conseils, bien sûr, mais il faut faire par soi-même si on veut progresser. 😉

    Donc, je revois ça ce WE (le soir après le boulot, je suis pas au clair) ; et je te tiens au courant, ici ou par MP.
    @ bientôt

    #862821
    Flobogo
    Modérateur
    Maître WordPress
    20116 contributions

    Re,

    Voilà, j’ai progressé :
    – d’une part, j’ai rattaché chaque galerie à une page, puis j’ai cliqué sur « ajouter la page » ce qui a eu pour effet d’en créer une nouvelle … mais l’affichage du diaporama est beaucoup plus rapide !
    – je ne suis toujours pas parvenue à afficher un album de 2 galeries, mais comme chaque page/galerie est rattachée à une page parent appelée « Album Photos », celle-ci affiche mes 2 pages-galeries l’une en dessous de l’autre, ce qui me convient.
    – mes diaporama sont centrés en utilisant simplement le code HTML

    (balises ouvrantes puis fermantes) de part et d’autre de l’appel de la galerie
    – grâce à la recherche d’une autre personne, j’ai trouvé comment avoir des vignettes de taille normal sous IE8 : il fallait ajouter une ligne de CSS au style de NGG
    (pour ceux que ça intéressent : http://wordpress.org/support/topic/plugin-nextgen-gallery-thumbnails-not-displaying-properly-in-ie8 )

    Mais il reste quelques soucis :
    – pas moyen d’avoir un album (problème « résolu » avec les pages enfants pour les galeries, mais bon …)
    – dans les galeries, lors de l’affichage des vignettes, le défilement image par image permet d’afficher le titre de photo sous Firefox, mais pas sous IE

    Enfin, j’aimerai bien un widget « dernières photos » ou « photo du jour » dans ma sidebar, ce que ne permet pas NGG.

    Du coup, j’aimerais tester « WP Album Photos Plus ».
    Mais petite question : si je désactive NGG sans le supprimer, est-ce possible de tester WP Album Photos Plus sans conflit ? Et si finalement, celui-ci ne me convient pas, est-ce que je retrouverais mes galeries NGG intactes en le réactivant ? 😕

12 sujets de 1 à 12 (sur un total de 12)
  • Vous devez être connecté pour répondre à ce sujet.