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
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..
- Il faut au préalable recupérer ses infos (dataid etc) sur le site hopwork.
- Voici à quoi ressemble le widget hopwork : une fois activé, on retrouve deux nouveaux widgets dans l’administration de son site, partie widget:
Le Widget Hopwork
Le profil hopwork est la version widget avec le maximum d’options:
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:
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