Hopwork Widget

Hopwork Widget

Telecharger hopwork-widget

Suite à l’annonce par le site hopwork de la sortie d’un widget et boutton pour afficher son profil hopwork sur son site web , j’ai décidé d’en faire une version wordpress, sous forme de plugin.

Voici donc un autre petit plugin générant deux sortes de widgets:  un widget profil et un widget boutton, correspondant aux deux types d’iframe proposé par le site hopwork

version complete ou sous forme de boutton, comme dans l’image ci dessous

hopwork

 

Pourquoi

Les raisons en sont simples, le widget hopwork est composé d’un lien et d’un script js : on peut tout copier coller tel quel et le mettre dans un widget, ca peut marcher, mais le rendu n’est pas optimal, on se retrouve avec des marges en haut et en bas du widget, marges auxquelles on ne peut toucher.

Pour peu qu’on possède un site wordpress, mais qu’on ne sait pas soit meme intervenir dans le code, il parait difficile  d’aller placer le script dans le footer et de placer le lien correctement.

Pour ces raisons le petit plugin hopwork widget est très utile pour ceux qui ne savent pas ou ne veulent pas coder,  et qui souhaitent simplement afficher leur profil en glissant deposant un widget.Il permet de jouer sur les options, comme le propose le widget hopwork lui meme:

affichage ou nonde la photo, des recommandations, de la taille etc..

  1. Il faut au préalable recupérer ses infos (dataid etc) sur le site hopwork.
  2. Voici à quoi ressemble le widget hopwork : une fois activé, on retrouve deux nouveaux widgets dans l’administration de son site, partie widget:

widget

Le Widget Hopwork

Le profil hopwork est la version widget avec le maximum d’options:

profilhopwork

Les informations essentielles ici sont le dataid, on peut en revanche omettre le profil : l’inverse ne fonctionnera pas.On peut regler la hauteur ou largeur du widget, en fonction de son thème.

Boutton Hopwork

le boutton hopwork est la version…bouton:

bouton

 

Je reprends ici également les memes options que le boutton hopwork original.

Le css n’est pas retouché ici tant le rendu peut varier d’un thème à un autre.A vous ensuite de styliser le tout avec votre propre css

Telecharger hopwork-widget

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.