WordPress Body Class-da istifadəçi brauzerini və OS dərslərini necə əlavə etmək olar

WordPress mövzularını hazırlayarkən, bəzən brauzerdən və sistema operativo CSS və ya jQuery istifadə edərək dizaynınızın müəyyən tərəflərini dəyişdirmək üçün istifadəçi. WordPress sizin üçün bunu etməyə qadirdir. Bu yazıda istifadəçi brauzerini və siniflərini necə əlavə edəcəyinizi sizə göstərəcəyik sistema operativo WordPress bədən sinifində.

WordPress-də istifadəçi platforması və brauzerin aşkarlanması

Varsayılan olaraq, WordPress veb saytınızın müxtəlif bölmələri üçün CSS dərsləri yaradır. Mövzu və plugin inkişaf etdiriciləri öz siniflərini birləşdirə bilməsi üçün filtrləri də təmin edir. Body_class filtrindən brauzer və digərləri haqqında məlumat əlavə etmək üçün istifadə edəcəksiniz sistema operativo bir CSS sinfi olaraq.

Ediləcək ilk şey temanın funksiyaları.php faylına aşağıdakı kodu əlavə etməkdir.

        function mv_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';
                         if(preg_match('/MSIE ((0-9)+)((a-zA-Z0-9.)+)/', $_SERVER('HTTP_USER_AGENT'), $browser_version))
                         $classes() = 'ie'.$browser_version(1);
                 } else $classes() = 'unknown';
                 if($is_iphone) $classes() = 'iphone';
                 if ( stristr( $_SERVER('HTTP_USER_AGENT'),"mac") ) {
                          $classes() = 'osx';
                    } elseif ( stristr( $_SERVER('HTTP_USER_AGENT'),"linux") ) {
                          $classes() = 'linux';
                    } elseif ( stristr( $_SERVER('HTTP_USER_AGENT'),"windows") ) {
                          $classes() = 'windows';
                    }
                 return $classes;
         }
         add_filter('body_class','mv_browser_body_class');
 

Bu skriptin ilk hissəsi istifadəçinin brauzerini aşkarlayır və onu $ dərsliklərinə əlavə edir. İkinci hissə isə aşkar edir sistema operativo istifadəçi və həmçinin $ dərslərinə əlavə edir. Sonuncu sətirdə dərslər əlavə etmək üçün WordPress body_class filtrindən istifadə olunur.

İndi bədən sinifini də əlavə etməlisiniz

Mövzunuzun header.php faylında HTML etiketi. Şablon sənədindəki bədən xəttini bu kodla əvəz edin:

>
 

Diqqəti çəkin və ya Yaradılış kimi yaxşı kodlu tema çərçivələri kimi bir başlanğıc mövzusu ilə işləsəniz, mövzu artıq bədən etiketində bədən sinfi funksiyasına sahib olacaq. Kod tətbiq edildikdən sonra brauzerin və s. Siniflərini görəcəksiniz sistema operativo HTML mənbəyindəki bədən etiketi ilə. WordPress-in bədən etiketinə digər siniflər əlavə edəcəyini də görəcəksiniz.

Brauzer məlumatlarını əlavə edin və sistema operativo  WordPress bədən sinifində

İndi müxtəlif brauzerlər və əməliyyat sistemləri üçün dərsləri dizayn edə və ya jQuery-də selektor kimi istifadə edə bilərsiniz. Ümid edirik ki, bu məqalə brauzer və brauzer məlumatlarını aşkar etməyə kömək etdi. sistema operativo istifadəçinin WordPress-də.

Yalnız WordPress mövzu inkişafına başlamısınızsa, yeni mövzu dizaynerləri üçün Sass və WordPress Body Class 101-ə girişimizi də nəzərdən keçirə bilərsiniz. Xahiş edirəm aşağıda bir rəy buraxaraq hər hansı bir şərhiniz və ya sualınız varsa bizə bildirin.

Mənbə: Justin Sternberg