Plugin de détection de UserAgent ( pour les commentaires )
Afficher le nom du navigateur et le système d’exploitation de votre auteur de commentaire dans le bloc de commentaires.
Nous vous proposons de découvrir ce Plugin très sympathique :
Lexique : Plus de détails sur le User Agent
En anglais, sur le site de l’auteur.
http://priyadi.net/archives/2005/03/29/wordpress-browser-detection-plugin/
Téléchargement direct :
Plugin ( browsniff.txt) et liste des icônes (browsers.tar.gz)
Exemple ( sur le site de l’auteur ) :
Notre traduction ( simplifié) en français :
Découvre et affiche le navigateur et le système d’exploitation utilisé pour ajouter un commentaire ( texte plus logo fournis )
La plupart des navigateurs sont gérés, les navigateurs utilisés par des humains, les navigateurs archaïques, les user agent des outils issus d’un autre blog (pour trackbacks et pingbacks), PDA et les téléphones cellulaires.
Limites :
WordPress 1.5. WordPress 1.2 ne conserve pas le UserAgent des commentaires.
Requis :
Wordpress > 1.5 et éventuellement quelques notions de PHP
Instructions :
Remarque : consultez également nos recommandations
- 1.Téléchargez le plugin : ( la version de l’auteur sur son site )
- 2.Installez-le dans wp-content/plugins et nommez le browsniff.php.
- 3.Activez le plugin .
- 4.Téléchargez les images ( optionnel ) sur le site de l’auteur browsers.tar.gz. Décompressez l’archive et copiez le à la racine de votre blog . Cela devrait créer un répertoire browsers rempli de fichiers images (icônes. ).
- 5.(optionnel) Vous pouvez changer le style des image ( en CSS voir img.browsericon )
- 6. Ajoutez la ligne de code dans le fichier comments.php ( a href= »#notreact »>voir ci dessous )
Vous pouvez contacter l’auteur si votre navigateur ( USER AGENT ) n’est pas répertorié ou si vous trouvez de meilleurs images . ( rendez vous sur le site de l’auteur )
Usage :
Pour montrer la description de navigateur , utilisez la fonction à l’intérieur de la boucle de commentaire.
pri_print_browser("Using ", "", true, 'on');
La fonction possède quatre paramètres :
pri_print_browser ($before = '', $after = '', $image = false, $between = 'on')
- 1. $before (chaîne) , imprimée avant la description
- 2. $after (chaîne) , imprimée après la description
- 3. $image ( booleen : true,false) S’il faut afficher des icônes ou pas
- 4. $between (chaîne) imprimée entre le navigateur et la description de système d’exploitation
$before (chaîne) et $after (chaîne) ne seront pas affichés s’il n’y a aucune chaine pour le UserAgent (WordPress < 1.5).
Test :
Pour trouver la description d’un UserAgent arbitraire , utilisez la fonction pri_browser_string( »Mozilla/1.0″, true, ‘on’).
La fonction prend deux paramètres :
1.Le User Agent imposé.
2.S’il faut afficher des icônes ou pas, mettez-le à true ou false.
3.La chaine a afficher entre le User Agent et le système d’exploitation
La fonction affichera la description de navigateur et du système d’exploitation.
Customisation :
Notez : vous pouvez réviser le Plugin browsniff.php et réglez la variable $pri_width_height pour y mettre la largeur et la hauteur de chaque icône affiché.
Toutes les icônes sont dans la grandeur standard 16×16 ( l’auteur signale que par défaut il les affichent en 14×14 ).
Mode d’emplois ( à notre sauce ) :
Nous avons modifié, quelque peu, le fonctionnement de base pour faciliter l’intégration dans de multiples blogues .
Nous avons ajouté un « define » permettant d’activer l’affichage dans le fichier de commentaire si le Plugin est activé.
// begin settings
// Wordpress-seo.com
// permet une détection dans le fichier de commentaire
define (USE_BROWSER_SNIFF, 1); // active la variable
Nous proposons également de copier les icônes non pas à la racine du blog mais plutôt dans le répertoire wp-content .
// Modifiez ces variables pour définir l'emplacement de vos icônes
// /[Path vers mon blog]/wp-content/browsers
$pri_image_url = get_settings('siteurl') . "/wp-content/browsers"; // sans slash final
$pri_image_path = ABSPATH . "/wp-content/browsers";
Ne touchez à rien d’autre car tout fonctionne !
Ce qui donne :
[...]
/*
// begin settings
### specify width and height for icons here
$pri_width_height = "14";
// end settings
$pri_image_url = get_settings('siteurl') . "/browsers";
$pri_image_path = ABSPATH . "/browsers";
*/
// ----------------- Version wordpress-seo --------------------------
// begin settings
// permet une détection dans le fichier de commentaire
define (USE_BROWSER_SNIFF, 1); // active la variable
### spécifier la dimension de vos icônes ( width et Height )
$pri_width_height = "14";
// end settings
// Modifiez ces variables pour définir l'emplacement de vos icônes
// /[Path vers mon blog]/wp-content/browsers
$pri_image_url = get_settings('siteurl') . "/wp-content/browsers"; // sans slash final
$pri_image_path = ABSPATH . "/wp-content/browsers";
// ----------------- /Version wordpress-seo --------------------------
function pri_print_browser [...]
Activation du plugin ( affichage) :
fichier : comments.php ( dans le thème que vous utilisez !)
Remarque : Nous proposons une intégration via Javascript pour limiter la perturbation du contenu pour les moteurs de recherche ( c’est notre avis, comprenez le comme vous voulez )
<ol class="commentlist">
<?php foreach ($comments as $comment) : ?>
<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">
[...]
<? if(defined("USE_BROWSER_SNIFF"))
{
?>
<script>document.write ("<? pri_print_browser("Posté avec :", "", true, ', Os :'); ?>" )</script>
<?
}
?>
[...]
</li>
[...]
<?php endforeach; /* end for each comment */ ?>
</ol>
