Nowy motyw dwudziestu dwudziestu w WordPressie 5.3

Opublikowany: 2019-12-20

Kilka tygodni temu została wydana nowa wersja WordPressa. WordPress 5.3 charakteryzuje się głównie wszystkimi ulepszeniami UX i UI, które zawiera w edytorze bloków oraz nowym domyślnym motywem.

Twenty Twenty został zaprojektowany z myślą o edytorze bloków WordPress . W dzisiejszym poście chciałbym krótko przedstawić nowy motyw, podzielić się z wami kilkoma rzeczami, które czynią go wyjątkowym i nauczyć, jak można go skonfigurować i dostosować do własnych potrzeb.

Dwadzieścia Dwadzieścia na pierwszy rzut oka

Z każdą nową aktualizacją WordPress edytor bloków robi skok jakościowy (nie zapominaj, że sam edytor jest bardzo aktywnie rozwijany i jest dostępny jako wtyczka). Ostatecznym celem Gutenberga jest stać się pełnoprawnym, przyjaznym dla użytkownika kreatorem stron, który pozwala użytkownikom projektować i organizować swoje strony internetowe według własnego uznania.

Nowy motyw Twenty Twenty w WordPress
Nowy motyw WordPress Twenty Twenty.

Zadaniem motywu WordPress jest dodanie osobowości do struktury i projektu stworzonego przez użytkownika w edytorze bloków. Zgodnie z definicją twórcy motywu:

Twenty Twenty został zaprojektowany z myślą o elastyczności. Jeśli chcesz go użyć w organizacji lub firmie, możesz łączyć kolumny, grupy i media z szerokimi i pełnymi wyrównaniami, aby tworzyć dynamiczne układy, aby zaprezentować swoje usługi lub produkty. Jeśli chcesz używać go na tradycyjnym blogu, wyśrodkowana kolumna treści również do tego nadaje się idealnie.

Anders Noren

Ciekawostką dotyczącą nowego domyślnego motywu WordPressa jest to, że w przeciwieństwie do swoich poprzedników nie został on stworzony od zera — jest oparty na motywie, który już istniał w repozytorium WordPress.org: Chaplin .

Wizerunek promocyjny motywu Chaplina.
Obraz promocyjny motywu Chaplin dla WordPress.

Kolejną cechą wyróżniającą Twenty Twenty jest typografia, którą zawiera, Inter, zaprojektowana przez Rasmusa Anderssona. Jest to darmowy i otwarty krój pisma stworzony w celu ułatwienia czytania tekstu, zwłaszcza gdy rozmiar czcionki jest bardzo mały.

Zrzut ekranu strony domowej Inter (otwarty krój pisma).
Inter to domyślna typografia, która pojawia się w Twenty Twenty.

Jak zainstalować nowy motyw dwadzieścia dwadzieścia?

Jak już wspomniałem, ten motyw jest nowym domyślnym motywem w WordPress 5.3. Dlatego jeśli tworzysz nową instalację WordPressa i używasz jej najnowszej wersji, motyw już tam będzie.

Motyw Twenty Twenty jest domyślnym motywem w WordPress 5.3
Motyw Twenty Twenty jest domyślnym motywem w WordPress 5.3.

Ale możliwe jest również zainstalowanie go we wcześniejszych wersjach WordPressa . Po prostu przejdź do Wygląd » Motywy » Dodaj nowy i poszukaj motywu „Dwadzieścia dwadzieścia”:

Twenty Twenty jest już zawarte w WordPress 5.3
Twenty Twenty jest, jak każdy inny motyw, niezwykle łatwy w instalacji.

Pamiętaj, że motyw został zaprojektowany z myślą o Gutenbergu , więc polecam go używać tylko wtedy, gdy tworzysz treść za pomocą edytora bloków.

Jak dostosować dwadzieścia dwadzieścia?

Motyw można łatwo dostosować za pomocą wbudowanego dostosowywania motywów WordPress. Kliknij Wygląd » Dostosuj , a zobaczysz wszystkie dostępne opcje:

Dostosowywanie dwudziestu dwudziestu w WordPress
Dostosowywanie dwudziestu dwudziestu w WordPress.

Jestem pewien, że znasz już większość dostępnych ustawień, więc przyjrzyjmy się bliżej tym, które moim zdaniem są najciekawsze. Jedną z pierwszych rzeczy, które osobiście poprawiłem w Twenty Twenty, jest paleta kolorów, ponieważ nie podoba mi się domyślna tonacja sepii. Zamiast tego użyłbym czegoś bielszego:

Domyślny schemat kolorów Twenty Twenty
Twenty Twenty domyślny schemat kolorów.

Post Wygląd

Domyślnie wygląd postów na blogu jest trzeźwy i elegancki. Jak widać na poniższym zrzucie ekranu, tytuł pojawia się obok niektórych metainformacji (autor, data publikacji, kategoria), wszystkie pokazane w widocznym miejscu i bardzo przejrzyście:

Domyślny widok wpisu w dwudziestu dwudziestu
Domyślny widok wpisu WordPress w Twenty Twenty.

A zaraz po tytule pojawia się polecany obraz, który mniej lub bardziej stapia się z treścią.

Jeśli nie używasz polecanych obrazów (lub używasz ich tylko od czasu do czasu), ten widok domyślny jest prawdopodobnie najlepszy. Ale jeśli używasz polecanych obrazów we wszystkich swoich postach, zalecamy zmianę szablonów postów na szablon o pełnej szerokości :

Szablony stron i postów dostępne w motywie
Szablony stron i postów dostępne w motywie.

Dzięki temu szablonowi wyróżniony obraz staje się jeszcze bardziej odpowiedni i jest scalany z tytułem i metadanymi posta. Jak widać, obraz w całości zajmie pierwsze złożenie:

Szablon z wyróżnionym obrazem przy użyciu pierwszego zgięcia w całości
Szablon z wyróżnionym obrazem, używając całkowicie pierwszego zgięcia.

co jest funkcją, którą uważam za całkiem fajną (bez niespodzianki, ponieważ jest bardzo zbliżona do tego, czego używamy na naszej własnej stronie, prawda?)

Menu

Kolejną rzeczą, którą lubię w tym motywie, jest to, że umożliwia tworzenie wielu menu, w zależności od stylu, który najbardziej lubisz. Z jednej strony mamy do wyboru dwie opcje menu pulpitu:

  • Menu poziome . Jest to menu pokazane na wszystkich poprzednich zrzutach ekranu. Opcje są zawsze widoczne na górnym pasku Twojej witryny.
Różne menu w motywie Twenty Twenty
Różne menu w motywie Twenty Twenty.
  • Rozszerzone menu . To „ukryte menu”. Aby go odsłonić, wystarczy kliknąć ikonę wielokropka (obok poprzedniego menu), a rozszerzone menu wysunie się z prawego rogu:
Rozszerzone menu tematyczne Twenty Twenty
Rozszerzone menu tematyczne Twenty Twenty.

Innym całkiem niezłym wyczynem jest menu społecznościowe. Dzięki niemu możemy dodawać linki do naszych sieci społecznościowych, a motyw automatycznie wyświetli każdy profil jako przycisk z ikoną danej sieci społecznościowej :

Menu społecznościowe tematu Twenty Twenty
Menu społecznościowe motywu Twenty Twenty umożliwia dodawanie łączy do sieci społecznościowych i automatyczne wyświetlanie z odpowiednimi ikonami.

Nie jest to coś nowego w tym motywie (jest on dostępny od jakiegoś czasu we wszystkich motywach Dwudziestu kilku), ale i tak go kocham.

Widgety i wyszukiwanie

Na koniec warto również wspomnieć o obszarach widżetów, które zawiera motyw. Niestety opcje, które tutaj mamy są dość ograniczone: widżety możesz dodawać tylko w stopce. Jeśli więc chciałbyś mieć pasek boczny na swoim blogu lub coś podobnego, obawiam się, że będziesz musiał stworzyć motyw potomny i dostosować szablony do swoich potrzeb.

Twenty Twenty zawiera dwa obszary widżetów w stopce, które odpowiadają dwóm kolumnom widocznym na zdjęciu
Twenty Twenty zawiera dwa obszary widżetów w stopce, które odpowiadają dwóm kolumnom widocznym w przechwyceniu.

Jeśli chodzi o wbudowane funkcje wyszukiwania WordPress, motyw zawiera szybki formularz do wyszukiwania rzeczy na swoim blogu. W menu znajduje się przycisk z ikoną Szukaj. Kliknij go, a pole wyszukiwania pojawi się na górze ekranu za pomocą JavaScript:

Dynamiczne pole wyszukiwania zawiera w dwudziestu dwudziestu
Dynamiczne pole wyszukiwania obejmuje dwadzieścia dwadzieścia.

Streszczenie

Motyw Twenty Twenty to kolejny krok w serii Twenty, która pojawia się w każdej nowej wersji WordPressa. Nie powiedziałbym, że to rewolucyjny motyw, ale moim zdaniem jest to bardzo elegancki motyw, który doskonale integruje się z nowymi funkcjami i możliwościami WordPressa. Jeśli myślisz o uaktualnieniu do nowego motywu i nie wiesz, którego użyć, daj szansę Twenty Twenty. Jest szybki i bardzo ładnie wygląda.

Polecane zdjęcie autorstwa Ankhesenamun 96 na Unsplash.