Twitter est devenu très rapidement le 2ème réseau social dans le monde, son intégration sur votre blog WordPress une quasi nécessité, savez-vous qu'il est possible de l'intégrer sans plugin ?
Découvrez comment intégrer Twitter sur votre WordPress sans plugin, à l'aide de ces 9 hacks. Attention, avant toute manipulation, pensez à faire une sauvegarde !
Lier automatiquement les comptes Twitter
Vu sur WpBeginner, comment lier automatiquement les noms d'utilisateurs twitter dans votre blog WordPress lorsque vous les citez après le signe @, ce qui vous donnera: @web_design_web. Tout ce que vous avez à faire, c'est ouvrir un fichier vide en PHP, le nommer wpb-twitlinks.php.
Ensuite, copiez le code ci-dessous à l'intérieur du fichier, enregistrez-le. Vous venez de créer un plugin! Téléchargez-le sur votre dossier plugins puis activez le.
/*
Plugin Name: WPB Linkify Twitter Usernames
Description: Automatically link Twitter usernames in WordPress
Author: Syed Balkhi
Author URI: http://www.wpbeginner.com
*/
function twtreplace($content) {
$twtreplace = preg_replace('/([^a-zA-Z0-9-_&])@([0-9a-zA-Z_]+)/',"$1<a href="http://twitter.com/$2" target="_blank" rel="nofollow">@$2</a>",$content);
return $twtreplace;
}
add_filter('the_content', 'twtreplace');
?>
Utilisé uniquement sur les articles et/ou des pages, il n'y a que le filtre pour $content, vous pouvez toujours étendre cette fonctionnalité à des extraits en ajoutant la ligne suivante:
add_filter('the_excerpt', 'twtreplace');
Créer un bouton à la "Tweet This" dans vos articles
Une des meilleures façons de promouvoir votre site Web est de permettre aux lecteurs de partager chacun de vos articles via Twitter. Cela peut se faire simplement en plaçant une ligne de code relativement basique dans la boucle standard de WordPress, ce qui permet aux utilisateurs de créer un tweet qui le relie automatiquement au permalien.
Ce code, lorsqu'il est ajouté dans la boucle WordPress, prendra place à côté de chaque article et permettra un partage rapide de vos contenus. Bonus, il est XHTML valide et ne nécessite pas d'activer JavaScript pour fonctionner.
<a href="http://twitter.com/home?status=Je pense que vous devriez le lire <?php the_permalink(); ?>" title="Envoyer sur Twitter">Tweeter cet article !</a>
Afficher le nombre total de vos Followers
Afin de créer un climat de confiance, il peut être utile de montrer combien de personnes suivent le compte Twitter du blog. Il s'agit d'une fonction relativement longue à insérer dans le fichier functions.php de votre thème, ainsi que d'un petit morceau de code PHP dans l'un des fichiers de modèles.
function string_getInsertedString($long_string,$short_string,$is_html=false){
if($short_string>=strlen($long_string))return false;
$insertion_length=strlen($long_string)-strlen($short_string);
for($i=0;$i<strlen ($short_string);++$i){
if($long_string[$i]!=$short_string[$i])break;
}
$inserted_string=substr($long_string,$i,$insertion_length);
if($is_html & $inserted_string[$insertion_length-1]=='<'){
$inserted_string='<'.substr($inserted_string,0,$insertion_length-1);
}
return $inserted_string;
}
function DOMElement_getOuterHTML($document,$element){
$html=$document->saveHTML();
$element->parentNode->removeChild($element);
$html2=$document->saveHTML();
return string_getInsertedString($html,$html2,true);
}
function getTwitterFollowers($username){
$x = file_get_contents("http://twitter.com/".$username);
$doc = new DomDocument;
@$doc->loadHTML($x);
$ele = $doc->getElementById('follower_count');
$innerHTML=preg_replace('/^< [^>]*>(.*)< [^>]*>$/',"1",DOMElement_getOuterHTML($doc,$ele));
return $innerHTML;
}
Avec ce code placé dans functions.php , un nom d'utilisateur peut être alimenté par une ligne de code PHP externe pour retourner le nombre de followers d'un compte spécifique. Cela se fait en plaçant le code suivant dans un ou plusieurs fichiers modèles de votre thème :
Nous avons <?php echo getTwitterFollowers("VotreNomTwitter")." followers sur Twitter"; ?>.
Afficher votre dernier Tweet sur WordPress
Pour afficher le dernier tweet n'importe où sur votre blog WordPress, y compris l'en-tête, la barre latérale, pied de page, ou même dans la zone de contenu principale, un simple script PHP peut être utilisé. Ce code est entièrement autonome et peut être placé directement dans un fichier modèle.
<?php
$username = "YourTwitterUsername"; // Put your username here.
$prefix = "My Latest Tweet"; // Any text that goes before the tweet itself.
$suffix = ""; // Any text that should be placed directly after the tweet.
$feed = "http://search.twitter.com/search.atom?q=from:" . $username . "&rpp=1";
function parse_feed($feed) {
$stepOne = explode("<content type="html">", $feed);
$stepTwo = explode("</content>", $stepOne[1]);
$tweet = $stepTwo[0];
$tweet = str_replace("<", "<", $tweet);
$tweet = str_replace(">", ">", $tweet);
return $tweet;
}
$twitterFeed = file_get_contents($feed);
echo stripslashes($prefix) . parse_feed($twitterFeed) . stripslashes($suffix);
?>
Détecter les visiteurs en provenance de Twitter
Tout comme certains sites détectent les visiteurs en provenance des moteurs de recherche et les salue d'une manière unique, les visiteurs de Twitter peuvent être automatiquement détectés. Cela se fait simplement à l'aide d'un code PHP conditionnel qui vérifie l'agent de renvoi d'un visiteur et le salue en conséquence.
Ce code peut être placé là où le message de salutations doit être affiché. Parce qu'il est entièrement autonome, il n'y a pas de modifications nécessaires sur functions.php ou sur tout autre fichier. Seul le fichier modèle doit être modifié.
<?php if (strpos("twitter.com",$_SERVER[HTTP_REFERER])==0) { echo "Bonjour Cher Twittos! Ravi de te voir ici. Si tu aimes ce que tu vois, merci de le tweeter et de nous suivre!"; } ?>
Créer automatiquement une URL courte pour vos Tweets
Avec un hack simple sur votre functions.php, WordPress peut automatiquement générer et afficher des URL courtes qui sont parfaites pour inclusion dans les tweets. Ce hack utilise un service de raccourcissement URL existante, et se décline en deux parties. La première partie, placée dans le fichier de fonctions, ressemble à l'exemple ci-dessous:
function makeBitly($url) {
$tinyurl = file_get_contents("http://bit.ly/api-create.php?url=".$url);
return $bitly;
}
Avec cette nouvelle fonction ajoutée dans le functions.php, un second morceau de code doit être ajouté à la matrice de site afin d'afficher l'URL créée. Cette ligne de code PHP doit être placée à l'intérieur de la boucle de WordPress, comme suit:
<?php $burl = makeBitly(get_permalink($post->ID)); echo 'URL courte article: < a href="'.$burl.'" >'.$burl.'< /a >' ? >
Créer une page pour afficher vos Tweets
Twitter devient si essentiel pour la réussite d'un site web qu'il mérite sa propre page sur votre blog WordPress. On demande simplement à WordPress de lire le flux RSS d'un compte Twitter et d'afficher son contenu dans une page.
Pour ce faire, créez un nouveau modèle de page PHP, appelez la tweets.php et collez le code suivant dans ce fichier:
<?php
/*
Template Name: A Page for Tweets
*/
get_header();
include_once(ABSPATH.WPINC.'/rss.php');
wp_rss('http://twitter.com/statuses/user_timeline/RSSfilename.rss', 35);
get_sidebar();
get_footer();
?>
Le modèle ci-dessus va utiliser l'entête existante, le pied de page et la barre latérale. Il remplira cette page avec les 35 derniers tweets que l'utilisateur a posté. Assurez-vous de modifier l'URL du flux RSS afin d'utiliser le compte Twitter approprié avant d'enregistrer ce fichier.
Lorsque le fichier a été enregistré sur le serveur, il suffit d'ajouter une nouvelle page et de sélectionner votre nouveau modèle de page tweets.php. Enregistrez les modifications et la page, c'est terminé!
Afficher vos derniers Tweets en tant qu'image
Un service connu sous le nom TwitSig est capable de lire les tweets d'un compte, puis de les transformer en une image qui peut être incluse dans les signatures forum, e-mails ou dans WordPress. un excellent moyen de montrer vos tweets, sans impacter le contenu SEO de votre site. Pour ce faire, il suffit d'aller sur Twitsig.com et de vous inscrire. Ensuite, n'importe où dans WordPress, ajoutez le code suivant:
<a href="http://twitter.com/YourProfileUsername"> <img src="http://wpformation.com/wp-content/uploads/2012/10/YourProfileUsername.jpg" alt="Image of Tweets" title "Image of Tweets" class="tweetImage" /> </a>
Afficher un bouton Retweet avec compteur
Même si le bouton "Tweet This!" est un excellent moyen d'encourager la participation de vos visiteurs, il y a encore mieux, c'est un simple bouton retweet avec un compteur. Ce bouton permet de partager facilement le contenu d'un site web sur le réseau social mais il va tenir le compte du nombre de personnes qui l'ont déjà fait avant lui. L'extrait de code est assez bref et ressemble à ceci:
<Script type = "text / javascript" > tweetmeme_source = "VotreNomTwitter ' ; </ Script> <Script type = "text / javascript" src = " http://tweetmeme.com/i/scripts/button.js " > </ script>
Sources Onextrapixel et WpBeginner, librement traduit et adapté