Apply customised style to wordpress sites by detecting the browser type and triggering custom CSS / style that will personalize your site to user-specific browser. This article will show you how to detect the browser type on Wordpress sites using a short PHP function
Follow the steps below to edit your Theme setting file to detect browsers type on WordPress sites :
Log in to your WordPress site with an administrator account.
On the Theme Editor, select the Theme you want to edit from the dropdown:
The files for this selected theme are listed on the right column under Theme Files. Click on the file named “functions.php”:
Insert the following code to the end of functions.php file and click Update File Button to save the changes:
add_filter('body_class','detect_browser'); function detect_browser($classes) { global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone; if($is_opera) $classes[] = 'opera'; elseif($is_safari) $classes[] = 'safari'; elseif($is_chrome) $classes[] = 'chrome'; elseif($is_IE) $classes[] = 'ie';
Subscribe to receive weekly cutting edge tips, strategies, and news you need to grow your web business.
No charge. Unsubscribe anytime.
Did you find this article helpful? Then you'll love our support. Experience the A2 Hosting difference today and get a pre-secured, pre-optimized website. Check out our web hosting plans today.
We use cookies to personalize the website for you and to analyze the use of our website. You consent to this by clicking on "I consent" or by continuing your use of this website. Further information about cookies can be found in our Privacy Policy.