X

Come rilevare il browser dell'utente per utilizzare stili mirati al browser

Snippet di IsItWP

Stai cercando un modo per rilevare il browser dell'utente per utilizzare stili mirati al browser? Questo snippet fornisce un modo unico per rilevare il browser in modo da poter applicare uno stile speciale per determinati browser.

Istruzioni:

  1. Aggiungi questo codice al file functions.php del tuo tema o a un plugin specifico per il sito.
  2. <?php
    add_filter('body_class','browser_body_class');
    function 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';
    	else $classes[] = 'unknown';
    	if($is_iphone) $classes[] = 'iphone';
    	return $classes;
    }
    ?>
    
  3. A class with the name of the browser will be added to your body classes, like this:
    <body class="home blog logged-in ie">
    
    

    Puoi quindi creare stili per i browser che desideri indirizzare. Ad esempio, per Internet Explorer useresti la classe .ie:

    body.ie #mydiv {
      /* Here goes IE fix */
    }
    

Nota: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come aggiungere correttamente snippet di codice in WordPress, in modo da non compromettere 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 di WordPress e come creare un modulo di contatto in WordPress.

Commenti   Lascia una risposta

Aggiungi un commento

Siamo lieti che tu abbia scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra normativa sulla privacy e tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.

Checklist per il lancio di WordPress

La Guida Definitiva per il Lancio di WordPress

Abbiamo raccolto tutti gli elementi essenziali della checklist per il lancio del tuo prossimo sito web WordPress in un comodo ebook.
Sì, Inviami l'eBook Gratuito!