Présentation du widget WordPress Image Rotator

WordPress

DK New Media a eu ce plugin WordPress en back-burner depuis un certain temps. La demande d'un plugin de rotation d'image simple et de qualité était élevée non seulement pour nos clients, mais aussi pour la communauté WordPress. Les plugins que j'avais trouvés et qui promettaient de faire ce dont nous avions besoin étaient soit cassés, soit ne fonctionnaient pas du tout. Nous avons donc fait le nôtre.

Téléchargez ou installez le widget Image Rotator

La première version était moche et n'a donc jamais été ajoutée au référentiel de plugins WordPress. L'esthétique n'était pas le seul problème: vous ne pouviez en exécuter qu'un seul instant par page, il y avait deux endroits différents où les paramètres devaient être configurés, ai-je mentionné que c'était moche?

Le rotateur est livré avec trois transitions : linéaire, boucle et fondu. Linear fera défiler les images horizontalement dans son conteneur. Une fois qu'un rotateur linéaire a atteint la fin des images, il rebondira et défilera dans le sens inverse. Les rotateurs de boucle sont circulaires : lorsque la dernière image est atteinte, la première image de la liste apparaîtra ensuite et la boucle recommence. Fade fera fondre chaque image entrante et chaque image sortante.

Ces transitions n'étaient cependant pas notre plus gros problème. C'était les réglages. C'était la partie la plus moche, mais cette fois nous avons fait quelque chose d'élégant. Nous savions que le processus d'ajout d'images au rotateur devait être simple. Un simple bouton "+" invoquera la boîte de dialogue Média de WordPress. À partir de là, les utilisateurs peuvent choisir de télécharger une nouvelle image ou de sélectionner une image précédemment téléchargée dans leur médiathèque, comme ils le feraient s'ils inséraient une image dans un message. Une fois que l'image a fini de télécharger ou que l'utilisateur a sélectionné une image, il doit appuyer sur le bouton « Envoyer au rotateur d'images ». Une fois que toutes les images souhaitées ont été téléchargées, elles sont vraiment faciles à gérer.

Widget Image Rotator

Survoler un nom d'image affichera une info-bulle qui contient l'image. Nous ne voulions pas encombrer les paramètres du widget, nous avons donc décidé que le chargement de toutes les images dans le conteneur de paramètres n'était pas une option. Notre décision de mettre les images dans une info-bulle d'aperçu a payé deux fois : les utilisateurs n'ont pas à attendre que les images se chargent avant de pouvoir les modifier, les réorganiser, etc… ; et il a gardé notre interface propre, ce qui facilite le tri et la suppression.

Le tri est aussi simple que de cliquer sur un espace vide dans l'élément de la liste d'images et de le faire glisser vers la position souhaitée. Imaginez à quel point cela aurait été saccadé si nous avions chargé les images (toutes avec des proportions différentes) directement dans le conteneur de paramètres.

Pour supprimer une image du widget, appuyez sur le bouton «-» situé à côté de l'image que vous souhaitez supprimer. Gardez à l'esprit que vous devez cliquer sur «Enregistrer», sinon aucune de ces modifications n'aura lieu.

Si vous lancez ce plugin, n'hésitez pas à laisser des commentaires, des bogues ou des commentaires dans le Forums d'assistance WordPress(nous les surveillons) ou par nous contacter directement.

Téléchargez ou installez le widget Image Rotator

29 Commentaires

  1. 1

    Comment fonctionne le dimensionnement des images? Je remarque que la boîte de téléchargement indique 200 × 200. Et si mon image a des proportions différentes?

    • 2

      Je pense que cela ajouterait beaucoup trop de complexité à ce plugin. Et cela n'aurait jamais l'air correct car ils pourraient ne pas être correctement centrés horizontalement, pourraient être pixélisés, etc.

  2. 3

    Différentes proportions de largeur fonctionneront, mais pas les proportions de hauteur. À partir de maintenant, pour tirer le meilleur parti du widget, vous devez créer toutes les images que vous prévoyez d'utiliser à la même hauteur.

    Dans la prochaine version, j'ajouterai des paramètres de dimension au widget. Vous pourrez choisir la largeur et la hauteur de l'ensemble du widget, et par conséquent les images seront redimensionnées proportionnellement à cela.

  3. 5
  4. 9
  5. 10

    J'aimerais vraiment utiliser ce plugin, mais lorsque je télécharge une image, je n'ai pas la possibilité «d'envoyer une image au widget rotateur», seulement le simple «insérer pour publier».
    J'ai supprimé et réinstallé le plugin, mais jusqu'à présent, pas de chance. Pouvez vous me donner un coup de main?

    J'ai ajouté une capture d'écran, et même si elle est en néerlandais, vous devriez être en mesure de voir que le bouton «envoyer l'image…» est manquant. J'apprécierais beaucoup votre aide.

    Merci,

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

      Je ne peux que supposer que cela nous obligera à créer un fichier de traduction. Pouvez-vous nous dire ce que signifie «envoyer l'image au widget rotateur» en néerlandais? Nous ne prévoyons pas de sortie bientôt, mais nous essaierons de glisser cela.

      Doug

      • 12

        Salut Doug,
        Merci beaucoup pour votre réponse rapide. La traduction correcte serait «Billegen in image rotator widget».
        J'espère vraiment que cela fonctionne. D'un autre côté, cela ne me dérangerait pas d'utiliser le widget "envoyer l'image au rotateur" en anglais si cela résoudrait le problème.

        Le plus gentil,
        Helen

      • 13

        Doug,
        J'ai plusieurs sites WP en cours d'exécution, j'ai donc essayé ce rotateur d'image dans une version anglaise, et cela fonctionne très bien. Donc, je pense que vous avez raison, cela doit être lié à la traduction. Ce serait formidable si vous pouviez vous déplacer pour construire la traduction quelque part dans un proche avenir. Si vous avez besoin de moi pour traduire davantage de l'anglais vers le néerlandais, je serai heureux de vous aider.
        Une autre question: y a-t-il un moyen de cliquer sur une image pour la faire rester, afin que les gens puissent lire le texte que j'ai ajouté? Ou dans la boucle, le rendre moins rapide?

  6. 14

    Ceci est maintenant téléchargé avec un champ de titre! Notre prochain projet consiste à voir si nous ne pouvons pas intégrer les balises d'ancrage du téléchargeur de la bibliothèque multimédia.

  7. 18

    Salut, je voudrais changer le javascript pour que l'image se fane afin qu'une image se fane dans la suivante au lieu de se faner au blanc entre les deux. Que dois-je changer pour cela?

  8. 19
  9. 21
  10. 22

    J'adore le plugin et il fonctionne très bien pour moi. Ma seule question, existe-t-il un moyen d'ouvrir le lien dans une nouvelle fenêtre?

    • 23

      Malheureusement, il ne semble pas que la page de téléchargement multimédia ait cette fonctionnalité - nous utilisons simplement le dialogue WordPress intégré. Nous pouvons cependant envisager d'en faire une option sur le plugin! D'ici là, il est possible de le faire avec jQuery si vous avez une certaine expérience dans ce développement.

    • 26
  11. 27

    Merci pour un super plugin. Une question - Y a-t-il la possibilité d'avoir deux instances du plugin? J'aimerais utiliser un ensemble d'images à un endroit et un autre ensemble d'images à un autre.

  12. 29

Que pensez-vous?

Ce site utilise Akismet pour réduire les spams. Découvrez comment sont traitées les données de vos commentaires..