publikacja: 24 października 2012, autor: , komentarze 92 https://wpninja.pl/artykuly/twenty-twelve-motyw-wordpress-na-rok-2012/

Twenty Twelve – motyw WordPress na rok 2012

Twenty Twelve – motyw WordPress na rok 2012

Kolejne motywy WordPress z serii „Twenty” miały się ukazywać w rocznych odstępach. Na motyw Twenty Twelve przyszło nam czekać nieco dłużej, ale było warto. Wypuszczony z lekkim poślizgiem następca Twenty Eleven jest interesujący zarówno z punktu widzenia użytkowników jak i twórców motywów. Czego możemy się po nim spodziewać?

Wersja demonstracyjna

Twenty Twelve zostanie jednym (trzecim z kolei) ze standardowych motywów razem z wydaniem WordPress 3.5, którego premiera zaplanowana jest na początek grudnia br. Sam motyw został ukończony wcześniej więc można go już podejrzećpobrać.

Wygląd

Twenty Twelve to motyw w pełni responsywny, stworzony przede wszystkim z myślą o urządzeniach mobilnych. Oznacza to, że poprzez zmianę rozmiaru i układu elementów dostosowuje się on do szerokości ekranu urządzenia, na którym przeglądamy stronę. Najłatwiej zaobserwować to zachowanie zmniejszając szerokość okna przeglądarki. Co więcej, motyw ten jest dostosowany również do wyświetlania na nowoczesnych ekranach o wysokiej rozdzielczości HiDPI (np. retina display w urządzeniach Apple).

Twenty Twelve na iPhone 5

Twenty Twelve na iPhone 5

Dla czytelników i właścicieli stron jest to bardzo dobra wiadomość – oznacza to, że strona będzie się dobrze prezentować nie tylko na komputerze, ale również na tabletach i smartfonach, również tych najnowocześniejszych. Za pośrednictwem strony „The Responsinator” możemy sprawdzić jak to wygląda w praktyce.

Czcionka

Autorzy tym razem postawili na czcionkę Open Sans (Google Web Fonts), która idealnie wpasowuje się w nowoczesny styl motywu oraz, co ważne, oferuje pełne wsparcie dla polskich znaków diakrytycznych (ą, ę, ó itd.).

Szablon strony głównej

W motywie Twenty Twelve obok tradycyjnego sposobu wyświetlania najnowszych wpisów na stronie głównej mamy również możliwość skorzystania z dedykowanego szablonu. W szablonie tym strona główna składa się z dwóch sekcji – górnej, w której wyświetlana jest treść wybranej strony oraz dolnej, gdzie mamy do dyspozycji dwa obszary widgetów.

Specjalny szablon dla strony głównej

Specjalny szablon dla strony głównej

Aby skorzystać z tego rozwiązania należy najpierw stworzyć nową stronę i wybrać dla niej szablon o nazwie „FrontPage Template”. Następnie w sekcji „Ustawienia / Czytanie” ustawiamy opcję wyświetlania statycznej strony i wybieramy z listy nowo utworzoną stronę. Ostatni krok polega na wstawieniu wybranych widgetów do odpowiednich obszarów.

Dodatkowe szablony stron

Poza szablonem strony głównej Twenty Twelve oferuje jeszcze jeden szablon – stronę bez bocznej kolumny („Full-Width Page Template”). Warto również zauważyć, że jeśli nie dodamy do obszaru „Main Sidebar” żadnych widgetów, WordPress automatycznie korzysta właśnie z tego szablonu.

Formaty wpisów

Twenty Twelve obsługuje kilka z dostępnych w WordPress formatów wpisów: notatka na marginesie, obrazek, odnośnik, cytat, informacja o stanie – każdy z nich odpowiednio wyróżniony graficznie.

Wygląd różnych formatów wpisów

Wygląd różnych formatów wpisów

Opcje motywu

Motyw Twenty Twelve pozwala na dostosowanie nagłówka oraz tła strony za pomocą opcji w panelu administracyjnym (można tego również dokonać za pośrednictwem wprowadzonej w WordPress 3.4 opcji „Personalizacja”). Opcje te są analogiczne do tych znanych z motywu Twenty Eleven, różnica polega na tym, że Twenty Twelve nie oferuje zestawu domyślnych obrazów, wbudowanych w motyw. Zatem wyświetlanie obrazka w nagłówku jest opcjonalne a domyślnie wyłączone.

Czego nie znajdziemy w Twenty Twelve?

Poza możliwością zmiany tła strony i wstawienia obrazka do nagłówka Twenty Twelve nie oferuje żadnych dodatkowych opcji, znanych z wielu motywów premium, jak choćby możliwość dodania własnego tekstu w stopce czy wyboru czcionek używanych na stronie.

Nie znajdziemy tu również żadnych dedykowanych widgetów.

Co znajdziemy zaglądając pod maskę Twenty Twelve?

Tak jak w przypadku poprzedników kod źródłowy motywu Twenty Twelve zawiera bogate komentarze, dzięki czemu z samej jego lektury można się wiele dowiedzieć. Na co warto zwrócić uwagę?

  • Szablony stron znalazły się w osobnym podkatalogu – jest to nowość w stosunku do poprzednich motywów domyślnych, będąca konsekwencją zmian wprowadzonych w WordPress 3.4.
  • Zaglądając do pliku header.php zauważymy, że zmienił się sposób generowania znacznika <title>. Cały kod został przeniesiony do pliku functions.php, gdzie tytuł generowany jest za pomocą filtra wp_title, co jest związane bezpośrednio z aktualnymi oficjalnymi wymaganiami dla motywów.
  • Responsywne strony internetowe stały się już standardem. W motywie znajdziemy ciekawe podejście do tego tematu. Jest on zbudowany przede wszystkim na urządzenia mobilne, z wykorzystaniem media query w pliku style.css, aby dodać kilka dodatkowych reguł CSS dla ekranów powyżej 960 px szerokości.
  • Warto zwrócić również uwagę na sposób ładowania czcionki Open Sans z Google Web Fonts. Z poziomu pliku functions.php mamy możliwość dodania dodatkowego zestawu znaków, np. cyrylicy. Sama czcionka jest ładowana za pomocą funkcji wp_enqueue_style, dzięki czemu można ją łatwo zamienić na inną w motywie potomnym lub we wtyczce.

Podsumowanie

Motyw mogę podsumować słowami – przemyślany minimalizm pod kątem wyglądu i funkcjonalności.

Co prawda nie wykorzystuje on maksymalnie wbudowanych funkcji WordPressa – do dyspozycji mamy tylko połowę (5 spośród 10 dostępnych) formatów wpisów, jeden obszar menu, brak dedykowanych widgetów i bardzo podstawowe funkcje jeśli chodzi o personalizację wyglądu (osobiście liczyłam że będzie on kopalnią wiedzy na ten temat). Nie zmienia to jednak faktu, że jest to solidny, poprawnie zakodowany motyw, który jest na bieżąco z najnowszymi trendami zarówno pod względem wyglądu jak i użytych technologii.

Brak rozbudowanych funkcji i „wodotrysków” uważam za jedną z zalet tego motywu, zgodnie z zasadą, że za funkcje odpowiadają wtyczki, a motyw za wygląd. Poza tym warto dodać, że Twenty Twelve sprawdzi się również w roli motywu-rodzica i mam nadzieję, że w najbliższym czasie zobaczymy wysyp ciekawych motywów potomnych.

Dla developerów jest on świetnym materiałem dydaktycznym, który polecam zwłaszcza osobom, które dopiero zaczynają swoją przygodę z tworzeniem motywów. Wspominałam już, że kod motywu zawiera obszerne komentarze. Wczytując się w kod źródłowy widać, że autorzy nie zaniedbali aspektu edukacyjnego, za co również należy im się szacunek.

Moim zdaniem Twenty Twelve jest najlepszym dotychczasowym motywem domyślnym i już nie mogę doczekać się kolejnych. Zdaję sobie sprawę, że moja recenzja jest dość entuzjastyczna, dlatego ciekawa jestem Waszych opinii, zwłaszcza tych krytycznych!

Jakie wrażenie zrobił na Was Twenty Twelve?

Dodaj własny komentarz