Présentation du widget WordPress Image Rotator

WordPress

Highbridge 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 à travers son conteneur. Une fois qu'un rotateur linéaire a atteint la fin des images, il rebondira et défilera dans le sens opposé. Les rotateurs de boucle sont circulaires: lorsque la dernière image est atteinte, la première image de la liste apparaît ensuite et la boucle recommence. Fondu fera disparaître chaque image et chaque image.

Ces transitions n'étaient cependant pas notre plus gros problème. C'était les paramètres. C'était la partie laide, 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 bibliothèque multimédia, 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 à Image Rotator». Une fois que toutes les images souhaitées ont été téléchargées, elles sont vraiment faciles à gérer.

Widget Image Rotator

Le survol d'un nom d'image affichera une info-bulle contenant 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 un aperçu de l'info-bulle a porté ses fruits: les utilisateurs n'ont pas à attendre le chargement des images 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. Que faire si mon image est de 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 faire en sorte que toutes les images que vous prévoyez d'utiliser aient 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 à celui-ci.

  3. 5
  4. 9
  5. 10

    J'aimerais vraiment utiliser ce plugin, mais lorsque je télécharge une image, je n'ai aucune possibilité "d'envoyer l'image au widget rotateur", seulement l'ordinaire "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 bien qu'elle soit en néerlandais, vous devriez pouvoir voir que le bouton "envoyer l'image…" est manquant. J'apprécierais grandement votre aide.

    Merci,

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

      Je ne peux que deviner que cela nous obligera à créer un fichier de traduction. Pouvez-vous nous dire ce qu'est "envoyer l'image au widget rotateur" en néerlandais ? Nous ne prévoyons pas de sortie prochainement, mais nous essaierons de la glisser.

      Doug

      • 12

        Salut Doug,
        Merci beaucoup pour votre réponse rapide. La traduction correcte serait "invoegen dans le widget de rotation d'image".
        J'espère vraiment que cela fonctionnera. D'un autre côté, cela ne me dérangerait pas d'utiliser le "send image to rotateur widget" en anglais si cela résolvait 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 a à voir avec 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 que je traduise davantage de l'anglais vers le néerlandais, je serai ravi de vous aider.
        Une autre question : existe-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, la rendre moins rapide ?

  6. 14
  7. 18

    Salut, j'aimerais changer le javascript pour le fondu de l'image afin qu'une image se fonde dans la suivante au lieu de passer 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, y a-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 de médias ait cette fonctionnalité - nous utilisons simplement le dialogue WordPress qui est 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 de l'expérience dans ce développement.

    • 26
  11. 27

    Merci pour un super plugin. Une question - Existe-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..