Powder: motyw WordPress, który podpala świat?

Czujesz zapach prochu? A może to… jakiś inny rodzaj Prochu?

Bądź pewien, że nie widać żadnego konfliktu ani pożaru, który trzeba ugasić. Proszek to nazwa motywu WordPress opartego na blokach, który jest kompatybilny z Edytorem witryny.

W tym teście bardzo szczegółowo przyjrzeliśmy się temu tematowi, szczegółowo analizując wszystkie szczegóły.

Czy Powder Cię przekona i rozpali małą iskrę, która sprawi, że zastosujesz go w swoich kolejnych projektach internetowych? Czy ten motyw Cię rozgrzeje, mówiąc w przenośni?

Czytaj dalej, aby się dowiedzieć.

Twoje najlepsze projekty WordPress potrzebują najlepszego hosta!

WPMarmite poleca Bluehost: świetna wydajność, świetne wsparcie. Wszystko, czego potrzebujesz na dobry początek.

Wypróbuj Bluehost

Jaki jest motyw proszku?

Powder to darmowy motyw WordPress oparty na blokach. Został zaprojektowany do współpracy z edytorem witryn WordPress. Zawiera gotowe do użycia szablony , wzory bloków i wariacje kolorów, które pomogą Ci stworzyć witrynę WordPress bez zaczynania od pustej karty.

Występuje w dwóch wersjach:

• Darmowa wersja dostępna z poziomu panelu kontrolnego (menu Wtyczki > Dodaj nową wtyczkę ) lub z oficjalnego katalogu WordPress
• Wersja premium , która oferuje również (w zależności od wybranej licencji): wsparcie, motywy podrzędne i pliki projektów Figma. Wrócimy do tego szczegółowo w części poświęconej cenom.

Edytor witryny WordPress (pierwotnie nazywany edycją pełnej witryny lub FSE) umożliwia tworzenie i edytowanie wszystkich części witryny (nagłówka, stopki, strony 404, archiwów postów, stref widżetów itp.) przy użyciu bloków Gutenberga. Możesz uzyskać do niego dostęp poprzez menu Wygląd > Edytor, pod warunkiem, że aktywowałeś motyw oparty na blokach, taki jak Powder ORAZ Twoja witryna działa w wersji WP wyższej lub równej 5.9. Nie należy go mylić z edytorem treści WordPress CMS, który umożliwia edycję stron i postów.

W menu znajdują się „Moc” i „elastyczność”.

Jak podano na stronie głównej oficjalnej witryny, celem Powder jest „zrewolucjonizowanie sposobu tworzenia pięknych witryn WordPress poprzez wykorzystanie mocy i elastyczności projektowania opartego na blokach”.

Na razie jego przyjęcie przez użytkowników pozostaje dość niszowe. W momencie pisania tego tekstu Powder miał tylko 300 aktywnych instalacji.

Częściowo można to wytłumaczyć młodzieńczym motywem: wersja 1.0 została wypuszczona w styczniu 2024 roku .

Nawiasem mówiąc, jeśli uważnie śledzisz wiadomości dotyczące WordPressa, być może słyszałeś o forku — kolejnym motywie stworzonym na podstawie kodu źródłowego Powder — tego motywu, zwanym Powder Studio.
Dla przypomnienia, ten ostatni nie jest dostępny do pobrania z oficjalnego katalogu od końca 2023 roku.

Dotyk Briana Gardnera

Za Powderem stoi Brian Gardner , amerykański projektant stron internetowych i ekspert WordPress.

Gardner zasłynął w ekosystemie WP pod koniec XXI wieku. Uruchomił sklep z motywami StudioPress, który zasłynął dzięki frameworkowi Genesis.

Specjalista od minimalizmu i „wierzący w prostotę”, jak to określa na swojej osobistej stronie internetowej, Gardner jest obecnie odpowiedzialny za relacje z programistami w firmie hostingowej WP Engine.

Stworzył kilka motywów WordPress, w tym Powder, a także Frost i Sedona.

Jakie są funkcje motywu Powder na WordPress?

Co kryje w sobie Puder, jeśli zdecydujesz się go użyć? Oto niektóre z jego głównych funkcji, wyróżnione na oficjalnej stronie internetowej:

• „ Nowoczesny design ”
• Możliwość dostosowania do Twojego przewodnika po stylu i wizerunku marki dzięki 22 wariantom stylu (palecie kolorów), z których każdy można dostosować
• Biblioteka zawierająca prawie sto wzorów blokowych umożliwiających dodawanie gotowych sekcji bezpośrednio na Twoje strony
• Szablony stron
• 3 motywy podrzędne (z licencją „Dożywotnią” lub „Profesjonalną”) w 3 różnych domenach (wiadomości, sieci społecznościowe i biznes)
• Powder prezentuje się jako motyw WordPress zoptymalizowany pod kątem wydajności , z deklarowanym wynikiem PageSpeed ​​Insights wynoszącym 100/100
• Responsywny projekt , z motywem zoptymalizowanym do przeglądania na urządzeniach mobilnych

Jak wygląda motyw Powder?

Po tej ogólnej prezentacji motywu Powder i jego cech technicznych, chciałbym teraz pokazać, jak wygląda, gdy jest aktywny.

Na podstawie prezentacji demonstracyjnej oto, co wyróżnia się podczas nawigacji w Powder w interfejsie front-end (co widzą odwiedzający):

• Czysty, trzeźwy wygląd z dwoma centralnymi kolorami: czarnym i białym
• Stopka zawierająca prawa autorskie po lewej stronie i linki do profili w sieciach społecznościowych po prawej stronie
• Wiele pustych przestrzeni zapewnia miejsce do oddychania i podkreśla wrażenie przestronności
• Brak paska bocznego
• Stosowanie typografii „Outfit”, geometrycznej i bezszeryfowej

W tej chwili wszystko to jest bardzo proste i wymaga dostosowania. Wersja demonstracyjna zapewnia gotowy wizualny podgląd motywu, ale możesz modyfikować jego podstawowe cechy (kolory, typografię, typy bloków itp.) po aktywowaniu go na swojej stronie.

Właśnie na tym skupimy się w następnej sekcji.

Jak dostosować Powder na WordPress?

Na potrzeby tego testu zacznę od szczegółowego omówienia opcji dostosowywania oferowanych przez bezpłatną wersję motywu. Na koniec poświęciłem sekcję temu, co mogą dla Ciebie zrobić motywy potomne oferowane w dwóch licencjach wersji premium.

Szablony stron tematycznych WordPress Powder

Aby rozpocząć dostosowywanie motywu, przejdź do Wygląd > Edytor. Domyślnie wylądujesz na stronie głównej o nazwie „Indeks”.

W standardzie dostępne są także dwie inne strony:

• Polityka prywatności
• Przykładowa Strona

Aby zbudować kompletną witrynę, musisz zaprezentować odwiedzającym inne „klasyczne” strony. Aby pomóc Ci je stworzyć, Powder oferuje 8 gotowych do użycia szablonów stron .

Dostęp do nich uzyskasz poprzez menu Szablony > Zarządzaj wszystkimi szablonami . Dostępne są następujące szablony:

• Tylko publikacje : aby zaprojektować strukturę i sposób wyświetlania strony bloga. Na przykład możesz kontrolować używane metatagi (np. data, nazwisko autora, kategorie itp.).
• Strona: Pusta : Pusty szablon umożliwiający rozpoczęcie od zera.
• Strony : wyświetla wszystkie strony statyczne w Twojej witrynie.
• Indeks : domyślny szablon strony głównej.
• Strona 404 : Aby utworzyć niestandardową stronę 404.
• Strona: Brak tytułu : Ten szablon przedstawia stronę bez tytułu, którą możesz wykorzystać np. jako podstawę do zaprojektowania swoich stron docelowych.
• Wyniki wyszukiwania : szablon wyświetlany, gdy użytkownik przeszukuje Twoją witrynę.
• Wszystkie archiwa : jak wskazuje opis tego szablonu strony, „wyświetla dowolne archiwum, w tym posty jednego autora, kategorię, tag, taksonomię, niestandardowy typ postu i datę”.

Możesz także tworzyć własne, dostosowane szablony, klikając przycisk „Dodaj nowy szablon” w prawym górnym rogu strony:

Wzory blokowe

Po skonfigurowaniu różnych szablonów stron możesz modyfikować ich projekt.

Aby zaoszczędzić czas, możesz skorzystać z jednego z wielu wzorów bloków Powder (jest ich prawie 80 do wyboru!).

Są to gotowe sekcje treści złożone z kilku bloków Gutenberga. Znajdziesz je w dwóch różnych miejscach:

• W menu „Wzory” Edytora witryny.

• Na karcie „Wzory” narzędzia wstawiania bloków, podczas edycji strony.

Wzory te są podzielone na 9 kategorii :

• Treść
• Nagłówki
• Przykłady
• Bohater
• Stopki
• cennik
• Posty
• Szablony
• Referencje

Aby dodać wybrany wzór do treści, wybierz go z narzędzia wstawiania bloków. Następnie po prostu na niego kliknij.

Następnie możesz modyfikować w czasie rzeczywistym:

• Ogólny styl Twojego wzoru (typografia, kolory i układ), który następnie zostanie odzwierciedlony we wszystkich miejscach w Twojej witrynie, w których jest używany
• Każdy blok osobno

Wreszcie, Powder umożliwia dezaktywację wybranych wzorów w Edytorze witryny i narzędziu wstawiania bloków za pomocą jednego kliknięcia.

Może to być przydatne, jeśli przekazujesz witrynę klientowi w późniejszym terminie i nie chcesz, aby narobił zamieszania przy dodawaniu treści na oślep.

Innym interesującym aspektem tej opcji jest to, że dezaktywując pewne wzorce, możesz poprawić prędkość ładowania swoich stron.

Aby zarządzać tym wszystkim ręcznie, przejdź do menu „Proszek” na pasku bocznym panelu administracyjnego WordPress :

Aby dowiedzieć się, jak tworzyć, zarządzać i dostosowywać wzorce, w tym słynne zsynchronizowane wzorce, przeczytaj nasz samouczek na ten temat . Opowiemy Ci o wszystkim!

Wariacje stylu

Aby dodać trochę koloru do Twoich stron, a przede wszystkim, aby pasowały do ​​Twojego przewodnika po stylu, Powder oferuje 22 odmiany stylu .

Są to palety kolorów oferujące różne kombinacje. Przewaga? Opierają się na funkcjonalności stylów globalnych WordPress.

Umożliwiają one ustawianie i stosowanie stylów motywów i bloków (kolorów, typografii, układu itp.) w całej witrynie za pomocą tego samego interfejsu.

Oznacza to, że nie musisz dostosowywać każdego bloku jeden po drugim i oszczędzasz cenny czas. Te odmiany stylu znajdziesz w dwóch różnych miejscach:

• W interfejsie Edytora witryny , w menu „Style”. Wybierz ten, który Cię interesuje i kliknij „Zapisz”, aby zastosować go na swojej stronie.
• Podczas edycji strony kliknij małą ikonę „Style” w prawym górnym rogu. Następnie kliknij „Przeglądaj style”:

Dodatkowo możesz także dostosować trzy aspekty, które wpływają na całą witrynę:

• Typografia : ustawienia tekstów, linków, tytułów, podpisów i przycisków (czcionka, rozmiar, wygląd i odstępy między wierszami).
• Kolory : Każdy kolor w każdej palecie (wariacja stylu) można dostosować do własnych upodobań. Możesz także zarządzać kolorem tekstów, tła, linków, podpisów, przycisków i tytułów.
• Układ : aby zdefiniować szerokość głównego obszaru zawartości.

Znasz już główne opcje dostosowywania oferowane w bezpłatnej wersji programu Powder.

Jeśli kupisz licencję „Dożywotnią” lub „Profesjonalną” na motyw, będziesz mieć także dostęp do motywów podrzędnych Powder. Więcej na ich temat dowiesz się w następnej sekcji.

Motyw podrzędny dziedziczy funkcjonalność, projekt i układ motywu zainstalowanego w witrynie (który staje się motywem nadrzędnym) i pozwala na jego dogłębne dostosowanie, bez utraty jakichkolwiek modyfikacji po jego aktualizacji .

Motywy dziecięce w proszku

Przedstawiamy motywy potomne Powder

Powder oferuje trzy motywy potomne , więc nie musisz zaczynać od zera. Możesz następnie dostosować ich wygląd według własnego uznania i przepisać treść.

Motywy są dostosowane do 3 konkretnych domen:

• Powder Social jest przeznaczony dla osób, które chcą podkreślić swoją obecność w sieciach społecznościowych.
• Powder News jest przeznaczony dla autorów treści i innych twórców mediów, którzy regularnie publikują artykuły lub wiadomości i chcą rozwijać swoją listę e-mailową.
• Powder Business dedykowany jest firmom (freelancerom lub agencjom) chcącym zaprezentować swoją działalność w Internecie.

Jakie są zalety motywów potomnych w porównaniu z wersją bezpłatną?

Aktywując motyw potomny, nie spodziewaj się mnóstwa dodatkowych opcji. Oto różnice w porównaniu z wersją bezpłatną:

• Układ , który jest koniecznie specyficzny dla każdego motywu podrzędnego. Na przykład motyw podrzędny Społecznościowy wygląda tak po aktywacji:

• Gotowy szablon strony głównej , który aktywujesz jednym kliknięciem:

W przeciwnym razie jest dokładnie tak samo, jak w przypadku darmowego motywu. Masz dostęp do tych samych opcji:

• Wzory blokowe (w tym dwa lub trzy dodatkowe, w zależności od motywu potomnego)
• Szablony stron
• Wariacje stylu

Główną zaletą motywu podrzędnego jest to, że pozwala zaoszczędzić czas na projektowaniu witryny. Jeśli jego projekt i wygląd są zbliżone do tego, co chcesz stworzyć, dotrzesz do celu szybciej niż w przypadku darmowej wersji motywu.

Na przykład wszystko, co musisz zrobić, to dodać szablon strony głównej jednym kliknięciem i gotowe (oczywiście możesz go dostosować według własnego uznania).

Dostosowanie motywu: sprawdź. Przyjrzyjmy się teraz wpływowi Powder na 3 kluczowe obszary: wydajność, SEO i responsywny projekt.

Dołącz do subskrybentów WPMarmite

Zdobądź ostatnie posty WPMarmite (a także ekskluzywne zasoby).

ZAPISZ SIĘ TERAZ

Wydajność, SEO, responsywny projekt: bliższe spojrzenie na 3 główne aspekty

Wydajność

Szybkość ładowania strony w witrynie WordPress ma ogromne znaczenie na dwóch poziomach:

• Doświadczenie użytkownika (UX)
• Konwersje

Innymi słowy, im wolniej ładuje się Twoja witryna, tym większe jest prawdopodobieństwo, że będziesz mieć negatywny wpływ na obie strony.

Ryzykujesz odstraszeniem odwiedzających, którzy nie wykonają czynności, które od nich oczekujesz: zakupu produktów, pobrania pliku PDF, prośby o wycenę, zapisania się do newslettera itp.

Witryna o wysokiej wydajności wymaga oczywiście wdrożenia najlepszych praktyk , co szczegółowo opisaliśmy w tym artykule.

Nawet jeśli Twój motyw nie odgrywa głównej roli, może mieć znaczenie.

Im lżejszy i lepiej zakodowany, tym większe prawdopodobieństwo, że będziesz mieć szybką witrynę.

Pod tym względem Powder reklamuje się jako „niezwykle szybki”. Na swojej oficjalnej stronie internetowej stwierdza nawet, że motyw osiągnął „wyjątkową ocenę wydajności 100/100 na platformach mobilnych i stacjonarnych”.

Minimalistyczny do przesady, Powder jest rzeczywiście bardzo lekki. Dzięki temu, że współpracuje z edytorem witryn WordPress, motyw jest prosty i pozbawiony zbędnych elementów.

Aby dać ci bardziej konkretny pomysł, przetestowałem go w serwisie oceniającym: Pingdom Tools . Na mojej stronie testowej zainstalowałem tylko darmowy motyw, bez żadnych wtyczek.

Wynik: idzie bardzo szybko.

Chociaż usługi oceny wydajności są przydatne, nie należy się na nich zbytnio skupiać; zwróć większą uwagę na „rzeczywisty czas ładowania Twojej witryny” i „wrażenie płynności”, jak radzą eksperci z WP Rocket.

SEO

Jeśli chodzi o SEO, nie ma zbyt wiele do powiedzenia. Powder twierdzi, że „oferuje solidną podstawę dla optymalnej struktury SEO”.

To już dobry początek, aby umożliwić wyszukiwarkom takim jak Google indeksowanie adresów URL Twojej witryny WP.

Co do reszty, możesz wybrać dowolne tagi hn (h1, h2, h3, h4 i h5) i zastosować je starannie do różnych tytułów, bezpośrednio w witrynie WordPress lub edytorze treści.

Następnie, jak to często bywa w przypadku SEO, decyzja należy do Ciebie. Podobnie jak w przypadku wydajności, należy najpierw zastosować dobre praktyki techniczne.

Polecam na przykład użycie ogólnej wtyczki SEO, takiej jak Yoast SEO.

Nie zapewni to automatycznie pozycji na stronach wyników wyszukiwania, ale zapewni, że pewne kluczowe aspekty Twojego naturalnego odsyłania zostaną odpowiednio skonfigurowane , pod warunkiem, że będziesz z niego właściwie korzystać.

Następnie będziesz musiał stworzyć zoptymalizowaną treść wokół słów kluczowych, które odpowiadają potrzebom docelowych odbiorców i ich zamiarom wyszukiwania, nie wspominając o uzyskaniu dobrych linków zwrotnych, aby zwiększyć swoją obecność na stronach wyników wyszukiwania.

Wszystko to wymaga solidnych podstaw i minimum wiedzy specjalistycznej. Jeśli chcesz poszerzyć swoją wiedzę na temat SEO, zapoznaj się z dedykowanym przewodnikiem WPMarmite.

Responsywność motywu WordPress Powder

„Zaprojektuj responsywną witrynę internetową, która będzie wyglądać oszałamiająco na każdym urządzeniu.” To jedna z obietnic złożonych przez Powder – podobnie jak zdecydowana większość motywów na rynku – swoim przyszłym użytkownikom.

W dzisiejszych czasach nienaganny wyświetlacz na urządzeniach mobilnych (smartfonach i tabletach) jest koniecznością.

Proszek spełnia tę obietnicę. Wyświetlacz jest bez zarzutu. Aby się o tym przekonać, po prostu zmniejsz okno przeglądarki internetowej.

W domu zauważysz to samo, co ja: zawartość ładnie do siebie pasuje, jedna pod drugą, w miarę kurczenia się okna.

Możesz także zauważyć wygląd menu hamburgerowego, typowy dla witryn zoptymalizowanych pod kątem urządzeń mobilnych:

Pamiętaj, że możesz także kontrolować responsywne wyświetlanie swoich stron podczas ich edycji, dzięki małej ikonie w prawym górnym rogu edytora WordPress.

Ceny motywów WordPress i wsparcie dla użytkowników w proszku

Ile kosztuje proszek?

Powder jest dostępny bezpłatnie z interfejsu administracyjnego WordPress lub z oficjalnego katalogu.

Aby pójść dalej, Powder oferuje pakiet premium z 3 licencjami:

• „Podstawowy” : 95 USD rocznie. Jedyną różnicą między tą wersją a motywem darmowym jest dostęp do spersonalizowanego wsparcia.
• „ Profesjonalny” : 195 USD rocznie. W porównaniu z wersją „Basic”, ta licencja zapewnia również dostęp do 3 motywów podrzędnych (Społecznościowe, Wiadomości i Biznes) oraz do plików projektowych Figma.
• „ Dożywotni” : 295 dolarów. Tutaj płacisz raz, aby korzystać z motywu na całe życie. Oczywiście otrzymujesz wszystkie opcje zawarte już w licencji „Professional”.

Proszek objęty jest 14-dniową gwarancją zwrotu pieniędzy . Motyw i jego motywy podrzędne mogą być używane w nieograniczonej liczbie witryn.

Którą wersję wybrać?

Jeśli zastanawiasz się, którą opcję wybrać, oto kilka wskazówek:

• Jeśli nie chcesz korzystać z motywów podrzędnych i nie potrzebujesz wsparcia (jesteś przygotowany na samodzielne zarządzanie), wystarczy darmowy motyw. Z drugiej strony należy pamiętać, że dokumentacja jest bardzo, bardzo minimalna. W chwili pisania tego tekstu były tylko 2 artykuły.
• Jeśli potrzebujesz wsparcia i odpowiedzi na wszelkie pytania, które możesz mieć podczas korzystania z motywu, wybierz jedną z 3 licencji premium.
• Jeśli chcesz aktywować jeden z 3 motywów podrzędnych , potrzebujesz co najmniej licencji „Professional”.
• Jeśli zamierzasz używać motywu we wszystkich projektach swoich klientów (lub osobistych) , korzystając jednocześnie z motywów potomnych, pakiet „Lifetime” będzie najodpowiedniejszy.

Nasza końcowa recenzja motywu Powder na WordPress

Czas zakończyć ten artykuł. W skrócie, jakie są nasze wnioski na temat proszku? Zacznijmy od tego, że jest to ogólnie atrakcyjny motyw .

Osobiście doceniam jego minimalistyczne podejście i fakt, że współpracuje z Edytorem Strony .

Pozwala to uniknąć konieczności zajmowania się nieporęczną witryną, obciążoną wszelkiego rodzaju menu, przy jednoczesnym priorytetowym traktowaniu szybkości ładowania strony.

Innym interesującym aspektem, na który warto zwrócić uwagę, jest to, że ponieważ temat jest wciąż w powijakach, powinien znacznie ewoluować w nadchodzących tygodniach.

W chwili pisania tego tekstu jego twórca, Brian Gardner, zasygnalizował na swoim koncie X, że jest bliski integracji obsługi WooCommerce (stylów i szablonów).

Ocena proszku oznacza także wzięcie pod uwagę jego wyjątkowości. Warto po raz kolejny zaznaczyć, że temat zrobił odważny krok.

Ponieważ jest oparty na blokach, można go używać i dostosowywać tylko za pomocą Edytora witryny WordPress.

Na razie wielu użytkowników nadal niechętnie używa tego narzędzia do kształtowania swoich witryn (nadal bardzo popularne są narzędzia do tworzenia stron, takie jak Elementor).

Zbuduj swoją witrynę internetową za pomocą Elementora

Z łatwością zaprojektuj wygląd i styl swojej witryny WordPress za pomocą słynnego narzędzia do tworzenia stron.

Wypróbuj Elementora

Co skłania nas do zadania poniższego pytania:

Dla kogo przeznaczony jest puder?

Wydaje mi się, że Powder ze swej natury (motyw oparty na blokach) jest skierowany przede wszystkim do doświadczonych użytkowników WordPressa. Przez doświadczonych mam na myśli ludzi z dobrą znajomością projektowania stron internetowych i szablonów

Nie zapominaj, że chociaż Edytor witryny pozwala kontrolować wszystkie obszary edycji stron, będziesz musiał także utworzyć całą zawartość od zera.

Nawet jeśli możesz polegać na wzorach bloków Powder, nadal potrzebujesz dobrej wiedzy technicznej, aby zaprojektować witrynę, która będzie zarówno estetyczna, jak i spójna.

Dlatego nie polecałbym tego motywu początkującym . Jeśli należysz do tej kategorii, prawdopodobnie będziesz czuć się bardziej komfortowo, korzystając z motywu typu „wszystko w jednym”, takiego jak Astra, Kadence lub Blocksy.

Możesz nawet potrzebować narzędzia do tworzenia stron, takiego jak Elementor. Ale uwaga: tutaj również wymagana jest intensywna nauka, aby opanować wszystkie podstawy!

To wszystko, co mam dzisiaj dla Ciebie. Teraz twoja kolej. Co sądzisz o tym temacie? Czy masz zamiar dać mu szansę przy kolejnych projektach związanych z projektowaniem stron internetowych? Powiedz nam, co myślisz w komentarzach.