WordPress: как распознать браузер

WordPress распознавание браузеров

Когда вы используете различные стили для различных браузеров существует иной способ обнаружения пользовательских веб-обозревателей, чем условные HTML-теги (касается IE). С помощью PHP кода приведенного ниже класс с именем браузера будет добавлен к вашему тегу <body>. Вот как это выглядит, впишите хук в файл "functions.php":

add_filter('body_class','theme_browser_body_class');

function theme_browser_body_class($c) {
	global $is_lynx, $is_gecko, 
		   $is_IE, $is_opera,
		   $is_safari, $is_chrome, 
		   $is_NS4, $is_iphone;
	if($is_opera) $c[] = 'opera';
	elseif($is_lynx) $c[] = 'lynx';	
	elseif($is_IE) $c[] = 'ie';	
	elseif($is_gecko) $c[] = 'gecko';
	elseif($is_safari) $c[] = 'safari';
	elseif($is_chrome) $c[] = 'chrome';	
	elseif($is_NS4) $c[] = 'ns4';
	else $c[] = 'unknown';
	if($is_iphone) $c[] = 'iphone';
	return $c;
}

А вот такую форму примет ваш результат, как видите это Opera:

<body class="home blog single-author opera two-column right-sidebar">

Далее просто напросто добавляем дополнительный CSS в стили дорабатываемой вами темы надподобие:

body.opera .myelement {
  /* Будет работать только для Оперы */
}

Единственное требование: тег <body> должен быть записан таким образом:

<body <?php body_class(); ?>>

Плюс установленный WordPress должен иметь версию не ниже 2.8.

P.S. Но лучше все-таки пишите правильную кросс-браузерную разметку, активно применяйте сброс стилей. И не подключайте PHP там, где можно без него обойтись.





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.