یکی از راه های شخصی سازی دقیق یک وب #سایت و بهینه سازی رابط کاربری، اعمال دستورات اختصاصی #استایل برای مرورگرهای مختلف است. در #وردپرس نیز ما امکان این را داریم که مرورگر کاربر را شناسایی کرده و در تگ body یک کلس به نام آن مرورگر داشته باشیم. با استفاده از این ترفند می توانیم برای هر مرورگر، دستورات استایل خاصی بنویسیم. برای مثال در مرورگر #اینترنت_اکسپلورر ممکن است نیاز باشد عرض یک بخش، به صورت عدد دقیق پیکسل وارد شود و در سایر مرورگرها به صورت درصدی. بنابراین داشتن نام مرورگر به صورت یک کلس در تگ body بهترین کمک خواهد بود.
برای اینکار، کد زیر را در انتهای فایل functions.php قالبتان اضافه کنید.
add_filter('body_class','betalk_browser_body_class');
function betalk_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;
}
