WordPress Francophone

rahan84 · 21-08-2009 02:11:27

SAlut à tous, voilà un moment que je vois ce plugin de social bookmark et impossible d'avoir son nom. On le trouve par exemple sur Mashable.com (version anglophone).

Voici un screenshot :
http://www.recits-d-yves.fr/wp-content/ … plugin.jpg (je l'ai pris sur http://thedesigninspiration.com)

Si vous vouliez bien abréger ma souffrance, ça me rend chèvre :-)

Merci,

Maître Mô · 21-08-2009 07:04:41

Désolé de te laisser bêler, mais j'ai comme l'impression que c'est du "fait maison"...

J'utilise un plugin très proche visuellement, si ça peut te soulager à défaut : Sexy Bookmarks.

rahan84 · 22-08-2009 14:29:09

Maître Mô a écrit:
Désolé de te laisser bêler, mais j'ai comme l'impression que c'est du "fait maison"...

J'utilise un plugin très proche visuellement, si ça peut te soulager à défaut : Sexy Bookmarks.

Super plugin merci. J'avoue qu'il est beau. Mais du coup, je me demande... comment créer une fonction comme celle que nous voyons dans l'exemple que j'ai posté ? Pas d'animation, juste de belles icônes et cette fonction de social bookmarking...

Mes connaissances en codes sont malheureusement trop limitées pour l'instant mais je serai ravi d'essayer si quelqu'un a une idée de la marche à suivre ^^

Li-An · 30-09-2009 18:52:45

Ça ressemble à juste des images avec des liens + un petit effet javascipt par dessus.

rahan84 · 30-09-2009 18:54:46

arf ca va être l'effet javascript qui va me poser problème ^^

wolforg · 11-10-2009 11:44:23

S@lut,
Pour insérer cette fonction de social bookmarking sans utiliser de plugin, il y a le zoli tutoriel de Protuts qui explique tout de A à Z, voici le lien : http://www.protuts.net/inserer-un-modul … ns-plugin/

rahan84 · 11-10-2009 12:40:23

Merci Wolforg. Très bon article bien utile... Quand on le lit, ça paraît tellement évident :-) Je vais le faire tourner car je crois que ca peut servir à d'autres.

Merci encore ^^

wolforg · 11-10-2009 13:18:33

P@s de souci, pour ma part je vais peut-être me remettre à faire un peu de support ici ;-)

rahan84 · 11-10-2009 14:14:41

Si tout est aussi efficace, je pense que c'est une excellente idée ^^

Merci encore

viwiv · 13-10-2009 23:27:42

Bonjour,

Comme je suis de bonne humeur, je vous copie-colle mon code patiemment mis au point, et je trouve le résultat très sexy ! smile

En plus, il ne sollicite aucune ressource inutile, il est mieux qu'une extension.

Vous l'adapterez car on a rien sans rien...

Code: html

	<div id="social_small">
		<h4><?php _e('Share this article…','ypthima'); ?></h4>
		<ul>
			<li><a href="mailto:?subject=<?php echo $title; ?>&amp;body=<?php the_permalink(); ?>" title="<?php _e('E-mail','ypthima'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/social/16/email.png" title="<?php _e('E-mail','ypthima'); ?>" alt="<?php _e('E-mail','ypthima'); ?>" /></a></li>
			<li><a rel="nofollow" href="http://www.facebook.com/share.php?u=<?php echo get_permalink(); ?>" title="<?php _e('Facebook','ypthima'); ?>" onclick="window.open(this.href); return false;"><img src="<?php bloginfo('template_directory'); ?>/images/social/16/facebook.png" title="<?php _e('Facebook','ypthima'); ?>" alt="<?php _e('Facebook','ypthima'); ?>" /></a></li>
			<li><a rel="nofollow" href="http://twitter.com/home?status=<?php echo urlencode("Currently reading");?><?php echo $turl ?>" title="<?php _e('Twitter','ypthima'); ?>" onclick="window.open(this.href); return false;"><img src="<?php bloginfo('template_directory'); ?>/images/social/16/twitter.png" title="<?php _e('Twitter','ypthima'); ?>" alt="<?php _e('Twitter','ypthima'); ?>" /></a></li>
			<li><a rel="nofollow" href="http://www.myspace.com/Modules/PostTo/Pages/?l=3&amp;u=<?php echo get_permalink(); ?>&amp;t=<?php echo $title; ?>" onclick="window.open(this.href); return false;"><img src="<?php bloginfo('template_directory'); ?>/images/social/16/myspace.png" title="<?php _e('MySpace','ypthima'); ?>" alt="<?php _e('MySpace','ypthima'); ?>" /></a></li>
			<li><a rel="nofollow" href="http://www.technorati.com/faves/?add=<?php $link ?>" title="<?php _e('Technocrati','ypthima'); ?>" onclick="window.open(this.href); return false;"><img src="<?php bloginfo('template_directory'); ?>/images/social/16/technocrati.png" title="<?php _e('Technocrati','ypthima'); ?>" alt="<?php _e('Technocrati','ypthima'); ?>" /></a></li>
			<li><a rel="nofollow" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=<?php the_permalink();?>&amp;title=<?php echo $title; ?>amp;source=<?php echo $source; ?>&amp;summary=<?php echo $summary; ?>" title="<?php _e('LinkedIn','ypthima'); ?>" onclick="window.open(this.href); return false;"><img src="<?php bloginfo('template_directory'); ?>/images/social/16/linkedin.png" title="<?php _e('LinkedIn','ypthima'); ?>" alt="<?php _e('LinkedIn','ypthima'); ?>" /></a></li>
			<li><a rel="nofollow" href="http://digg.com/submit?phase=2&amp;url=<?php echo get_permalink(); ?>&amp;title=<?php echo $title; ?>" title="<?php _e('Digg','ypthima'); ?>" onclick="window.open(this.href); return false;"><img src="<?php bloginfo('template_directory'); ?>/images/social/16/digg.png" title="<?php _e('Digg','ypthima'); ?>" alt="<?php _e('Digg','ypthima'); ?>" /></a></li>
			<li><a rel="nofollow" href="http://del.icio.us/post?url=<?php echo get_permalink(); ?>&amp;title=<?php echo $title ?>" title="<?php _e('Delicious','ypthima'); ?>" onclick="window.open(this.href); return false;"><img src="<?php bloginfo('template_directory'); ?>/images/social/16/delicious.png" title="<?php _e('Delicious','ypthima'); ?>" alt="<?php _e('Delicious','ypthima'); ?>" /></a></li>
			<li><a href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=<?php the_permalink(); ?>&amp;title=<?php echo $title; ?>" title="<?php _e('Google Bookmarks','ypthima'); ?>" onclick="window.open(this.href); return false;"><img src="<?php bloginfo('template_directory'); ?>/images/social/16/google.png" title="<?php _e('Google Bookmarks','ypthima'); ?>" alt="<?php _e('Google Bookmarks','ypthima'); ?>" /></a></li>
		</ul>
	</div>

Il manque deux parties plus ou moins essentielles, mais commencez avec ça !!!

Attention au nofollow, il faut en tenir compte, les moteurs de recherche préfèrent. Je mets du JavaScript pour ouvrir les liens dans une nouvelle fenêtre, mais demeurer Xhtml Strict (solution non invasive pour les utilisateurs n'utilisant pas JavaScript, donc accessible).

Cordialement,

V.

Dernière modification par viwiv (13-10-2009 23:46:01)

rahan84 · 14-10-2009 00:08:01

Génial, du code tout beau tout fait... Et tu aurais un exemple de ce que ça donne en front s'il te plaît ?

viwiv · 14-10-2009 08:20:12

Bonjour,

Arf, oui, mais j'hésite, je déteste l'auto-promotion smile http://www.bordeaux-info.com, qui est en production, http://www.iptima.com qui me sert de bac à sable.

Cordialement,

V.

Dernière modification par viwiv (14-10-2009 08:24:11)

rahan84 · 14-10-2009 15:05:45

Et oui c'est bien sexy faut avouer :-)

Je penses que tu as raison de montrer ton travail (auto-promo ;-)) surtout s'il s'agit de faire la démo d'un code.

Pour ma part, voilà ce que cela donne maintenant que je me suis un peu amélioré (grâce à la communauté d'ailleurs) : Recits d'Yves

Le code, je ne l'ai pas pondu moi même, mais récupéré grâce au lien de la réponse n°6 de ce même topic (merci Wolforg).

Cordialement,

Yves

WordPress Francophone

La référence en matiere de moteur de blog.

Le multi-blogs devient un jeu d'enfant !

La communauté, c'est vous qui la faites !

WordPress et vous !

Annonce

#1 21-08-2009 02:11:27

C'est quoi ce plugin qui tue ???

#2 21-08-2009 07:04:41

Re: C'est quoi ce plugin qui tue ???

#3 22-08-2009 14:29:09

Re: C'est quoi ce plugin qui tue ???

Maître Mô a écrit:

#4 30-09-2009 18:52:45

Re: C'est quoi ce plugin qui tue ???

#5 30-09-2009 18:54:46

Re: C'est quoi ce plugin qui tue ???

#6 11-10-2009 11:44:23

Re: C'est quoi ce plugin qui tue ???

#7 11-10-2009 12:40:23

Re: C'est quoi ce plugin qui tue ???

#8 11-10-2009 13:18:33

Re: C'est quoi ce plugin qui tue ???

#9 11-10-2009 14:14:41

Re: C'est quoi ce plugin qui tue ???

#10 13-10-2009 23:27:42

Re: C'est quoi ce plugin qui tue ???

Code: html

#11 14-10-2009 00:08:01

Re: C'est quoi ce plugin qui tue ???

#12 14-10-2009 08:20:12

Re: C'est quoi ce plugin qui tue ???

#13 14-10-2009 15:05:45

Re: C'est quoi ce plugin qui tue ???

Pied de page des forums