Twitter avec Joomla

Bien sûr qu'il existe de nombreux modules et plugin twitter pour Joomla, mais, il y a toujours un mais. Ce sont des solution prête à l'emploi, alors que nous, on cherche à personnaliser. Avant de commencer, une petite revision de Twitter API.

Voici une courte description, mais si vous voulez en savoir plus, c'est par ici twitter api.

Les propriétés dans cette table peuvent être utilisées par le javascript, iframe et pour créer vos propres boutons twitter. Chaque propriété est un paramètre de requête pour l'URL http://twitter.com/share :

1. Description des paramètres :

• url – l'url de la page à partager sur Twitter
• via – la personne qui a twitté (partagé l'article)
• text – le texte à partager (généralement le titre de l'article)
• related – profils liés
• count – la position de compteur
• lang – la langue de Tweet Button
• counturl – The URL to which your shared URL resolve

Dans notre cas (custom twitter button), on ne peut utiliser que : url, via, text, related et counturl.

2. Création de bouton twitter

A. Code de bouton pour joomla

<a href="http://twitter.com/share?url=http://www.nartconcept.fr<?php echo $this->article->readmore_link; ?>&text=<?php echo $this->escape($this->article->title); ?>" target="_blank" rel="nofollow"><img src="/./templates/votre-template-joomla/images/votre-image-de-bouton-twitter.png" alt="twitter cet article !" title="twittez - <?php echo $this->escape($this->article->title); ?>"></a>

note : n'oubliez pas de modifier le nom de template, et de mettre une image dans le dossier images de votre template Joomla 1.5

3. Intégraion de bouton twitter dans les pages de Joomla (vue article)

Avant de commencer, rappelez-vous que depuis la version 1.5 de Joomla, nous pouvons procéder par un simple override (j'en parle brièvement dans cette article sur l'optimisation de Joomla pour le référencement naturel) via le dossier html qu'on mettera dans le dossier de notre template. Donc voila, créez votre dossier html et transférez y le fichier default.php que vous trouverez là /votre-template-joomla/html/com_content/article/default.php.

A. Structure de template Joomla

/votre-template-joomla/
/votre-template-joomla/html/
/votre-template-joomla/html/com_content/
/votre-template-joomla/html/com_content/article/default.php

B. Modification de fichier default.php de Joomla 1.5

Maintenant, il nous reste plus qu'à modifier le code, pour intégrer notre bouton "twittez cette article"

Ouvrez le fichier /votre-template-joomla/html/com_content/article/default.php, et remplacez le code suivant  (ligne 14) :

<?php if ($this->params->get('show_title')) : ?>
	<td class="contentheading<?php echo $this->escape($this->params->get('pageclass_sfx')); ?>" width="100%">    
    		<?php if ($this->params->get('link_titles') && $this->article->readmore_link != '') : ?>
		<a href="/<?php echo $this->article->readmore_link; ?>" class="contentpagetitle<?php echo $this->escape($this->params->get('pageclass_sfx')); ?>">
			<?php echo $this->escape($this->article->title); ?></a>
		<?php else : ?>
			<?php echo $this->escape($this->article->title); ?>
		<?php endif; ?>
	</td>
	<?php endif; ?>

par ce code :

<?php if ($this->params->get('show_title')) : ?>
	<td class="contentheading<?php echo $this->escape($this->params->get('pageclass_sfx')); ?>" width="100%">    
    <a href="http://twitter.com/share?url=http://www.nartconcept.fr<?php echo $this->article->readmore_link; ?>&text=<?php echo $this->escape($this->article->title); ?>" target="_blank" rel="nofollow"><img src="/./templates/nc_new/images/twitterb-nartconcept.png" alt="twitter cet article !" title="twittez - <?php echo $this->escape($this->article->title); ?>"></a>

		<?php if ($this->params->get('link_titles') && $this->article->readmore_link != '') : ?>
		<a href="/<?php echo $this->article->readmore_link; ?>" class="contentpagetitle<?php echo $this->escape($this->params->get('pageclass_sfx')); ?>">
			<?php echo $this->escape($this->article->title); ?></a>
		<?php else : ?>
			<?php echo $this->escape($this->article->title); ?>
		<?php endif; ?>
	</td>
	<?php endif; ?>

Voila, c'est fait ... sauvegardez et admirez votre tout nouveau bouton twitter (voir l'exemple sur cette page, juste à droit de titre de l'article)

Si vous avez des questions et/ou des suggestions, n'hésitez pas nous en faire part dans cette discussion sur le forum Joomla.FR