Vă întrebați cum să adăugați clasele browserului și sistemului de operare ale utilizatorului la clasa body din WordPress? Când dezvoltați teme WordPress, este posibil să aveți nevoie de informații despre browser și sistemul de operare al utilizatorilor dvs. pentru a putea modifica dinamic anumite aspecte ale designului dvs. cu CSS sau jQuery.
Fragmentele de cod de mai jos vor adăuga o clasă în funcție de sistemul de operare și browserul utilizatorilor.
Instrucțiuni:
Pasul 1: Adăugați acest fragment de cod în fișierul functions.php sau într-un plugin specific site-ului
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');
Pasul 2: Adăugați acest fragment de cod în interiorul tag-ului body al șablonului dvs. wordpress header.php. <body <? body_class(); ?>>
<?php body_class(); ?>
Notă: Dacă este prima dată când adăugați secvențe de cod în WordPress, consultați ghidul nostru despre cum să copiați / lipiți corect secvențe de cod în WordPress, pentru a nu vă defecta accidental site-ul.
Dacă ți-a plăcut acest fragment de cod, te rugăm să iei în considerare să consulți și alte articole de pe site, cum ar fi: cele mai bune 62 de teme gratuite pentru bloguri WordPress sau cele mai bune 7 pluginuri pentru formulare de contact WordPress.
nu funcționează
Ce rezultate obțineți?
Mulțumesc pentru acest fragment de cod, dar este posibil să identificați și versiunea de Windows? cum ar fi XP, Win 7 și Win 8?