C’est un gage de qualité que de présenter des logos uniques pour inviter les internautes à partager vos articles via les réseaux sociaux. Cependant, cela demande une petite maîtrise en création d’images et en code.
Créer un logo Twitter avec Gimp?
Pour que l’image signifie immédiatement Twitter aux yeux des lecteurs, il convient de conserver l’intiale “t”. La police peut être choisie selon celle qui prime sur votre site, ou toute autre qu’y s’y prête bien. Le fameux “t” prendra également une couleur adéquate, puis l’on peut choisir de dessiner un rond grâce à l’outil de sélection ou un ovale autour du “t”. Dans cette sphère que l’on vient de créer, un petit coup de peinture d’un coloris qui saura mettre en valeur le “t”. Enfin, pour que votre logo puisse apparaître en se mêlant parfaitement au background de votre page, nous allons supprimer le fond qui encadre le cercle.
Rendre transparente l’image Twitter
Selon les logiciels graphiques, les manipulations varient. Puisque Gimp est accessible à tous de part sa gratuité et sa simplicité d’utilisation, continuons à donner les explications qui vont avec! En faisant CTRL+A, sélectionnez la globalité de l’image. Puis dans la barre des tâches, choisissez calque, transparence, couleur vers alpha. Indiquez la couleur du fond de l’image que vous souhaitez rendre transparent : validez et si tout se passe bien, vous constatez dans l’aperçu que la couleur a disparu. Sauvegardez le fichier en .png et en prenant garde de bien cocher les cases qui conserveront les réglages de calque.
L’intégration du code pour votre logo Twitter
Pour ceux qui savent déjà comment rendre une image cliquable, cette étape n’est qu’une formalité. Pour les autres, cela est un casse-tête si vous ne trouvez pas d’explications précises. Tâchons donc de l’être!
La première chose à faire est d’envoyer votre image sur le serveur via le ftp. Notez le nom du dossier où vous avez envoyé le fichier (généralement c’est le dossier images). Munissez-vous ensuite de l’URL de votre compte Twitter. Dans le fichier correspondant à l’emplacement où vous souhaitez intégrer le logo (fin de l’article, ou header par exemple), puis indiquer le code suivant :
<div class=”btn-twitter”><a href=”http://twitter.com/nom-de-profil-Twitter” target=”_blank” style=”text-decoration:none;”><img src=”http://www.nom-de- domaine-et-adresse-du-logo” alt=”suivez-moi!”/></a></div>.
Si vous travaillez sur WordPress, vous pouvez aussi charger le logo dans les médias : recopier l’URL où le fichier est stocké et intégrez-la entre <img src=” et ” alt=”suivez-moi!”/>
