WordPress 3.8 i dostosowanie wyglądu opcji wtyczek i motywów

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 😉

Share on Facebook0Tweet about this on TwitterShare on Google+0Email this to someonePrint this page