Dzisiaj ukazał się WordPress 3.8 RC. Jak pewnie wszyscy zainteresowani wiedzą, wersja ta niesie duże zmiany w wyglądzie kokpitu. Zmiany te oznaczają pewien problem – nawet jeżeli korzystaliście z natywnych kontrolek UI kokpitu, to i tak czasem coś może w opcjach Waszej wtyczki czy motywu wyglądać nie tak jak sobie wymarzyliście 😉
Dodatkowo pojawia się jeszcze jeden problem – nie każdy użytkownik WordPressa będzie korzystał od razu z wersji 3.8. Zatem teoretycznie wtyczki i motywy powinny zawierać style CSS dla kokpitu, które zadziałają w zależności od używanej wersji WordPressa.
Na szczęście rozwiązanie tego problemu w CSS jest bardzo proste. WordPress w elemencie body kokpitu dodaje dużo różnych klas CSS – wśród tych klas znajdują się klasy o nazwach branch-* i version-*. I to właśnie te klasy uratują nam skórę 🙂
Klasa branch-* zmienia się z każdym dużym wydaniem WordPressa – w wersji 3.7.1 nazywa się ona branch-3-7, natomiast w 3.8 ma już nazwę branch-3-8. Klasa version-* zmienia się przy każdej aktualizacji WordPressa więc w wypadku wersji 3.7.1 ma ona nazwę version-3-7-1 a w wypadku wersji 3.8 ma nazwę version-3-8.
Jak widać z naszego punktu widzenia klasa branch-* będzie bardziej wygodna niż klasa version-*, gdyż ta druga zmieni swoją nazwę przy najbliższej aktualizacji WordPressa.
Jak możecie się domyslić aby stworzyć kod CSS działający tylko w WordPressie 3.8, wystarczy poprzedzić modyfikowane selektory zapisem:
.branch-3-8
Zatem aby na przykład zmodyfikować wygląd paragrafów tylko w WordPressie 3.8 wystarczy selektor:
.branch-3-8 p
Dzięki temu paragrafy w starszych wersjach WordPressa się nie zmienią.
Co bardziej zapobiegliwi mogą od razu zaaplikować następujący kod:
.branch-3-8 p, .branch-3-9 p
Ale wtedy muszą liczyć na to, że w panelu WordPressa 3.9 za wiele się nie zmieni 😉