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

antistress

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

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

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

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

C'est une coquille.

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

antistress

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

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

antistress

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

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

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

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

Bonsoir,

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

antistress

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

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

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

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