X

So erkennen Sie den Browser des Benutzers, um browserzielgerichtete Stile zu verwenden

Schnipsel von IsItWP

Suchen Sie nach einer Möglichkeit, den Browser des Benutzers zu erkennen, um browserzielgerichtete Stile zu verwenden? Dieser Codeausschnitt bietet eine einzigartige Möglichkeit, den Browser zu erkennen, sodass Sie spezielle Stile für bestimmte Browser anwenden können.

Anweisungen:

  1. Fügen Sie diesen Code zur functions.php-Datei Ihres Themes oder in ein websitespezifisches Plugin ein.
  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">
    
    

    Sie können dann Stile für die Browser erstellen, die Sie ansprechen möchten. Zum Beispiel würden Sie für Internet Explorer die Klasse .ie verwenden:

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

Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzufügen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress hinzufügen, damit Sie Ihre Website nicht versehentlich beschädigen.

Wenn Ihnen dieser Codeausschnitt gefallen hat, sollten Sie sich auch unsere anderen Artikel auf der Website ansehen, wie z. B.: 62 beste kostenlose WordPress-Blog-Themes und So erstellen Sie ein Kontaktformular in WordPress.

Kommentare   Hinterlasse eine Antwort

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.

WordPress Launch Checkliste

Die ultimative Checkliste für den Start von WordPress

Wir haben alle wichtigen Checklistenpunkte für den Start Ihrer nächsten WordPress-Website in einem praktischen E-Book zusammengefasst.
Ja, senden Sie mir das kostenlose E-Book!