Partager ses articles avec les réseaux sociaux : identi.ca ?

antistress · janvier 2010

Bonjour,
Le wiki donne une astuce intéressante pour Partager ses articles avec les réseaux sociaux http://wiki.pluxml.org/?page=Partager%20ses%20articles%20avec%20les%20r%C3%A9seaux%20sociaux
Comme je m'inscris dans une démarche libre, j'aimerais utiliser cette astuce pour identi.ca
quelqu'un saurait compléter le tuto à cet égard ?
Merci d'avance !

gaiusb · janvier 2010

Hello,
Il te faut fabriquer une icône identi.ca (en 16x16, que tu placeras dans le repertoire: /img/social à l'intérieur de ton thème) à partir de cette image : http://avatar.identi.ca/136-24-20090408032140.png
Puis tu ajoutes le code suivant avant Twitter par exemple dans le code de partage:

<a title="Identica" href="http://identi.ca//index.php?action=bookmarklet&status_textarea=<?php $plxShow->artTitle(); ?> <?php $plxShow->artUrl('absolu'); ?>"><img src="<?php $plxShow->template(); ?>/img/social/identica.png" border="0" alt="Identi.ca" /></a>

Et c'est fait.

antistress · janvier 2010

Sympa, merci !

Pour l'image j'ai récupéré le favicon http://identi.ca/favicon.ico que j'ai converti en png avec GIMP

Pour infos les images n'étaient pas optimisées, avec la commande
~$ optipng -o7 *.png j'ai pu gagner jusqu'à 15-20% en taille sur chaque image

antistress · janvier 2010

par contre j'ai le thème par défaut de la version 4.3 et je ne vois pas où insérer les lignes dans le fichier article.php
en plus il y a deux fois le commentaire "# On insere la sidebar" c'est bizarre :

<?php include(dirname(__FILE__).'/header.php'); # On insere le header ?>
<div id="page">
	<div id="content">
		<h2 class="title"><?php $plxShow->artTitle('link'); ?></h2>
		<p class="cat">Classé dans : <?php $plxShow->artCat(); ?> | <span><?php $plxShow->artNbCom(); ?></span></p>
		<p class="date"><?php $plxShow->artDate('<span>#num_day</span><br />#num_month | #num_year(2)'); ?></p>
		<div class="post"><?php $plxShow->artContent(); ?></div>
		<?php include(dirname(__FILE__).'/commentaires.php');
 # On insere la sidebar ?>
	</div>
	<?php include(dirname(__FILE__).'/sidebar.php'); # On insere la sidebar ?>
</div>
<?php include(dirname(__FILE__).'/footer.php'); # On insere le footer ?>

Hamtaro · janvier 2010

C'est une coquille.

La vraie insertion de sidebar est celle du fichier sidebar.php.

antistress · janvier 2010

et où insérer le code de partage vers réseaux sociaux en l'espèce ?

Rien à voir : tu es à l'origine du tuto ? t'as vu mon commentaire #3 ?

antistress · janvier 2010

j'ai trouvé, je l'ai mis après <div class="post"><?php $plxShow->artContent(); ?></div>

antistress · janvier 2010

du coup le blogue officiel est pas à jour (pas d'icône identi.ca)!
http://pluxml.org/?article32/pluxml-4-3-1-un-mercredi-13

antistress · janvier 2010

est-il possible que le code de la page wiki soit non conforme ?
j'obtiens des erreurs avec identi.ca, stumbleupon etc

http://validator.w3.org/check?uri=http%3A%2F%2Flibre-ouvert.toile-libre.org%2F%3Farticle3%2Faujourd-hui-est-le-premier-jour-du-reste-de-ma-vie-numerique&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.654

antistress · janvier 2010

apparemment, remplacer & par

dans le code règle les soucis de conformité au w3c

je pense que le code devrait être sur le wiki :

Partager cette page :
<a title="Identi.ca" href="http://identi.ca//index.php?action=bookmarklet&status_textarea=<?php $plxShow->artTitle(); ?> <?php $plxShow->artUrl('absolu'); ?>"><img src="<?php $plxShow->template(); ?>/img/social/identi_ca.png" border="0" alt="Identi.ca" /></a>
<a title="Twitter" href="http://twitter.com/home?status=<?php $plxShow->artTitle(); ?> <?php $plxShow->artUrl('absolu'); ?>"><img src="<?php $plxShow->template(); ?>/img/social/twitter.png" border="0" alt="Twitter" /></a> 
<a title="Digg" href="http://digg.com/submit?url=<?php $plxShow->artUrl('absolu'); ?>&title=<?php $plxShow->artTitle(); ?>"><img src="<?php $plxShow->template(); ?>/img/social/digg.png" border="0" alt="Digg" /></a> 
<a title="StumbleUpon" href="http://www.stumbleupon.com/submit?url=<?php $plxShow->artUrl('absolu'); ?>&title=<?php $plxShow->artTitle(); ?>"><img src="<?php $plxShow->template(); ?>/img/social/stumble.png" border="0" alt="Stumble" /></a> 
<a title="Delicious" href="http://del.icio.us/post?url=<?php $plxShow->artUrl('absolu'); ?>&title=<?php $plxShow->artTitle(); ?>"><img src="<?php $plxShow->template(); ?>/img/social/delicious.png" border="0" alt="Delicious" /></a> 
<a title="Technorati" href="http://technorati.com/faves?add=<?php $plxShow->artUrl('absolu'); ?>"><img src="<?php $plxShow->template(); ?>/img/social/technorati.png" border="0" alt="Technorati" /></a> 
<a title="Facebook" href="http://www.facebook.com/sharer.php?u=<?php $plxShow->artUrl('absolu'); ?>&t=<?php $plxShow->artTitle(); ?>"><img src="<?php $plxShow->template(); ?>/img/social/facebook.png" border="0" alt="Facebook" /></a>

?

antistress · janvier 2010

A noter qu'il reste une erreur sur la ligne identi.ca que je ne comprends pas car la syntaxe semble la même que celle des autres lignes ?
http://validator.w3.org/check?uri=http%3A%2F%2Flibre-ouvert.toile-libre.org%2F%3Farticle3%2Faujourd-hui-est-le-premier-jour-du-reste-de-ma-vie-numerique&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.654

Frédéric · janvier 2010

Bonsoir,

Essaye un style="border:0;" à la place du border="0".

antistress · janvier 2010

oui, c'est bien ça, merci j'ai les félicitations du w3c à présent :-)

j'édite le wiki sous votre contrôle concernant l'esperluette et le style="border:0;"

antistress · janvier 2011

Vu que la v.5 de PluXml gère les tags, je les ai inclus à mon thème (celui de la v.4.3) en pied d'article, lorsque l'article est affiché pleine page (article.php), pour permettre au lecteur de poursuivre sa lecture avec d'autres billets d'un même thème.
Exemple : http://libre-ouvert.toile-libre.org/index.php?article53/sous-titrer-a-posteriori-des-videos-sur-le-web-en-attendant-la-balise-track-de-html5#comments

Mais j'ai plus les icônes de partage via les réseaux sociaux qui étaient centrées en pied d'article également, j'ai dû faire une boulette :-/

Une idée ?

Merci d'avance

antistress · janvier 2011

article.php :

<?php include(dirname(__FILE__).'/header.php'); # On insere le header ?>
<div id="page">
	<div id="content">
		<h2 class="title"><?php $plxShow->artTitle('link'); ?></h2>
		<p class="cat">Par <?php $plxShow->artAuthor() ?> | classé dans : <?php $plxShow->artCat(); ?> | <span><?php $plxShow->artNbCom(); ?></span></p>
		<p class="date"><?php $plxShow->artDate('<span>#num_day</span><br />#num_month | #num_year(2)'); ?></p>
		<div class="post"><?php $plxShow->artContent(); ?></div>
<p class="info_bottom">Mots clés : <?php $plxShow->artTags(); ?></p>
<p style="text-align:center">
<a title="Identi.ca" href="http://identi.ca//index.php?action=bookmarklet&status_textarea=<?php $plxShow->artTitle(); ?> <?php $plxShow->artUrl('absolu'); ?>"><img src="<?php $plxShow->template(); ?>/img/social/identi_ca.png" style="border:0;" alt="Identi.ca" /></a>
<a title="Twitter" href="http://twitter.com/home?status=<?php $plxShow->artTitle(); ?> <?php $plxShow->artUrl('absolu'); ?>"><img src="<?php $plxShow->template(); ?>/img/social/twitter.png" style="border:0;" alt="Twitter" /></a> 
<a title="Digg" href="http://digg.com/submit?url=<?php $plxShow->artUrl('absolu'); ?>&title=<?php $plxShow->artTitle(); ?>"><img src="<?php $plxShow->template(); ?>/img/social/digg.png" style="border:0;" alt="Digg" /></a> 
<a title="StumbleUpon" href="http://www.stumbleupon.com/submit?url=<?php $plxShow->artUrl('absolu'); ?>&title=<?php $plxShow->artTitle(); ?>"><img src="<?php $plxShow->template(); ?>/img/social/stumble.png" style="border:0;" alt="Stumble" /></a> 
<a title="Delicious" href="http://del.icio.us/post?url=<?php $plxShow->artUrl('absolu'); ?>&title=<?php $plxShow->artTitle(); ?>"><img src="<?php $plxShow->template(); ?>/img/social/delicious.png" style="border:0;" alt="Delicious" /></a> 
<a title="Technorati" href="http://technorati.com/faves?add=<?php $plxShow->artUrl('absolu'); ?>"><img src="<?php $plxShow->template(); ?>/img/social/technorati.png" style="border:0;" alt="Technorati" /></a> 
<a title="Facebook" href="http://www.facebook.com/sharer.php?u=<?php $plxShow->artUrl('absolu'); ?>&t=<?php $plxShow->artTitle(); ?>"><img src="<?php $plxShow->template(); ?>/img/social/facebook.png" style="border:0;" alt="Facebook" /></a>
</p>
		<?php include(dirname(__FILE__).'/commentaires.php');
 # On insere les commentaires ?>
	</div>
	<?php include(dirname(__FILE__).'/sidebar.php'); # On insere la sidebar ?>
</div>
<?php include(dirname(__FILE__).'/footer.php'); # On insere le footer ?>

extrait de mon style.css pour styler les mots clés :

#content p.info_bottom{

	padding: 0 0 01px 19px;

	margin: 0 0 01px 0;

	text-align : right;

	}

#content p.info_bottom a{

	padding: 0 05px;

	}

#content p.info_bottom span a{

	float: right;

	padding: 0 0 0 19px;

	}

antistress · janvier 2011

Tiens je vois que sous Windows, avec IE et Firefox, ils sont là
Ne tenez pas compte de ce message alors c'est un pb sur ma machine je regarderai
Merci

Partager ses articles avec les réseaux sociaux : identi.ca ?

Réponses