Ti chiedi come aggiungere le classi del browser e del sistema operativo dell'utente alla classe body di WordPress? Quando sviluppi temi per WordPress, potresti aver bisogno di informazioni sul browser e sul sistema operativo dei tuoi utenti in modo da poter modificare dinamicamente determinati aspetti del tuo design con CSS o jQuery.
Gli snippet seguenti aggiungeranno una classe in base al sistema operativo e al browser dell'utente.
Istruzioni:
Passaggio 1: Aggiungi questo snippet al file functions.php o in un plugin specifico per il sito
function mv_browser_body_class($classes) {
global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;
if($is_lynx) $classes[] = 'lynx';
elseif($is_gecko) $classes[] = 'gecko';
elseif($is_opera) $classes[] = 'opera';
elseif($is_NS4) $classes[] = 'ns4';
elseif($is_safari) $classes[] = 'safari';
elseif($is_chrome) $classes[] = 'chrome';
elseif($is_IE) {
$classes[] = 'ie';
if(preg_match('/MSIE ([0-9]+)([a-zA-Z0-9.]+)/', $_SERVER['HTTP_USER_AGENT'], $browser_version))
$classes[] = 'ie'.$browser_version[1];
} else $classes[] = 'unknown';
if($is_iphone) $classes[] = 'iphone';
if ( stristr( $_SERVER['HTTP_USER_AGENT'],"mac") ) {
$classes[] = 'osx';
} elseif ( stristr( $_SERVER['HTTP_USER_AGENT'],"linux") ) {
$classes[] = 'linux';
} elseif ( stristr( $_SERVER['HTTP_USER_AGENT'],"windows") ) {
$classes[] = 'windows';
}
return $classes;
}
add_filter('body_class','mv_browser_body_class');
Passaggio 2: Aggiungi questo snippet all'interno del tag body del tuo template header.php di WordPress. <body <? body_class(); ?>>
<?php body_class(); ?>
Nota: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come copiare / incollare correttamente snippet di codice in WordPress, in modo da non rompere accidentalmente il tuo sito.
Se ti è piaciuto questo snippet di codice, prendi in considerazione la possibilità di consultare i nostri altri articoli sul sito come: 62 migliori temi gratuiti per blog WordPress o 7 migliori plugin per moduli di contatto WordPress.
non funziona
Quali risultati stai ottenendo?
Grazie per questo snippet, ma è possibile identificare anche la versione di Windows? come XP, Win 7 e Win 8?