MODUŁ 0 - Przygotowanie do startu! 3... 2... 1...
MODUŁ 1 – Czy WordPress jest w ogóle dla mnie?
MODUŁ 2 - MYŚLENIE, czyli szykujemy się do starcia! ;)
MODUŁ 3 – Ogarniamy DZIAŁKĘ i tabliczkę z adresem
MODUŁ 4 – Działka jest. Czas na DOM, drzewo i…
MODUŁ 5 – Dodajemy TREŚCI, czyli niech wreszcie coś zacznie się dziać
MODUŁ 6 - BACKUPUJEMY, ZANIM ZEZPSUJEMY ;)
MODUŁ 7 - MOTYWY, CZYLI PEŁEN MAKE-UP DLA STRONY

7.4. Podobieństwa i różnice oraz tajna broń, czyli parę słów o instrukcjach obsługi motywów

W poprzedniej lekcji, nieco w ramach wyjaśnień, a nieco w ramach dygresji zaznajomiłam Was z krótką historią domyślnych motywów WordPressowych.

Gdybyście byli tak starzy jak ja i każdy z tych motywów widzieli kiedyś na swojej żywej stronie, pewno doszlibyście do podobnej jak ja refleksji – w ostatnich latach, ale tak bardziej trzech niż trzynastu, zaszła w temacie motywów naprawdę gigantyczna rewolucja. Czasem na lajwach śmieję się, że teraz już nie ma wielkiego znaczenia, jaki motyw się wybierze, bo zmianą ustawień z jednego można praktycznie zrobić drugi.

Jeszcze kilka lat temu z motywami to było tak, że oglądaliśmy ich wersję demonstracyjną i albo nam się podobała, albo nie. Motywy brało się praktycznie takie, jakie są, bo wielkich możliwości zmian w nich nie było. Dało się ewentualnie przestawić kolor wiodący na inny, podłożyć zdjęcie na tło w headerze i jak motyw był na wypasie, to jeszcze pozwolił wrzucić logo (choć w tych najstarszych motywach – o logo zapomnijcie! :D).

Ale jeśli w demo motywu widzieliśmy, że blog ma boczną szpaltę (sidebar) po lewej, to znaczy, że my też będziemy ją tam mieć i nie będzie się jej dało przestawić na prawą ani całkiem zniknąć, jeśli nie umiemy sobie do tego napisać kawałka kodu.

Jeśli widzieliśmy font X, to było wiadomo, że na font Y go nie wymienimy. Jeśli główne menu było drobniutkimi literkami i pod logo, to było jasne, że nie przestawimy go na samą górę i nie zwiększymy rozmiaru liter.

Z czasem płatne motywy zaczęły tu robić grube przemeblowanie i pozwalać na tego rodzaju zmiany, potem w temat wbiły się jeszcze tak zwane page buildery (opowiem o nich niebawem), aż nagle któregoś dnia obudziliśmy się w WordPressowej rzeczywistości, w której nawet darmowe motywy pozwalają na taką liczbę zmian do wyklikania w paneliku Dostosuja, że mózg się marszczy i głowa w szwach pęka, serio!

Nie wierzycie?

Spójrzcie na motyw Twenty Nineteen, czyli domyślny z 2019 roku i to, co oferuje w opcjach Dostosuja:

Zmiany w obrębie motywu Twenty Nineteen: logo i kolory (darmowy kurs WordPress)

Można raptem dodać logo (ale zapomnijcie o osobnym dla urządzeń mobilnych, a osobnym dla kompów stacjonarnych albo o jakimś ustalaniu szerokości na każdy z tych typów urządzeń) i pozmieniać trochę w kolorach, ale kto oczekuje, że w związku z tym ustawi sobie osobno kolor każdego elemenciku na stronie, ten się srogo zawiedzie. Jest tylko ogólny wybór koloru wiodącego z tęczowej palety, bez grzebania w odcieniach (jaśniejszy/ciemniejszy, bardziej/mniej nasycony) i kolor ten potem z automatu staje się kolorem akcentującym wszelkie linki, pozycje w menu w headerze:

Zmiany w obrębie motywu Twenty Nineteen: kolory (darmowy kurs WordPress)

albo footerze:

Zmiany w obrębie motywu Twenty Nineteen: kolory stopki (darmowy kurs WordPress)

Żadnego większego uszczegółowienia.

No i to jest w zasadzie koniec ustawień, które mamy do dyspozycji w tym motywie (jeśli idzie o wygląd, bo oczywiście pozycje w menu czy treści na podstronach i we wpisach blogowych możny sobie pododawać dowolne).

Trochę rozczarowanko, co nie? Człowiek by jakoś więcej oczekiwał, zwłaszcza, że 2019 to nie AŻ TAK dawno 😀

Ale ale, to nic, spójrzmy jak w roku kolejnym, bo na bank musi być lepiej!

No ciut jest, ale też tak bez zboczeń. Motyw Twenty Twenty pozwoli nam już nie tylko dodać logo i kolor wiodący, ale kusi też jakimiś opcjami motywu, ustawieniami szablonu z okładką i nawet możliwością obrazka w tle:

Zmiany w obrębie motywu Twenty Twenty - panel personalizacji Dostosuj (darmowy kurs WordPress)

I wszystko to bardzo fajnie, ale szybko okazuje się, że w tych kolorach to znów nie poszalejemy:

Zmiany w obrębie motywu Twenty Twenty - kolory (darmowy kurs WordPress)

a opcje motywu, które rozbudziły oczekiwania, to raptem możliwość włączenia lub wyłączenia wyszukiwarki w headerze, biogramu autora pod postami oraz podjęcia decyzji, czy w widoku bloga chcemy od razu pokazywać całe posty, czy tylko zajawki:

Zmiany w obrębie motywu Twenty Twenty - opcje motywu (darmowy kurs WordPress)

Szablon z okładką też okazuje się nie być skarbnicą tajemnych ustawień, tylko możliwością wyboru półprzezroczystej nakładki barwnej na obrazek u góry strony oraz koloru tekstu na niej:

Zmiany w obrębie motywu Twenty Twenty - kolory okładki w szablonie (darmowy kurs WordPress)

I tak mniej więcej przez lata wyglądały motywy, choć Twenty-Twenty to raptem sprzed dwóch lat przecież, a nie jakiś stary rzęch z czasów Krzywoustego…

Jednocześnie, kiedy wskakiwaliśmy w ustawienia Astry, widać było, że oferuje znacznie więcej:

Jak dokonywać zmian w motywie Astra - ekran personalizacji motywu (Dostosuj) - darmowy kurs WordPress

Możemy w niej między innymi:

➡️ wrzucić osobne logo dla telefonów i komputerów, a na koniec ustawić ich wielkość suwaczkiem
➡️ ustawić krój pisma i wielkość liter dla zwykłego tekstu i dla nagłówków (dla każdego z sześciu rodzajów nagłówków z osobna)
➡️ wybrać paletę kolorów dla motywu i ustawić osobno kolor dla akcentów, linków, tekstu, nagłówków (każdego rodzaju osobno), a nawet obramowań
➡️ ozdobić tło, ustawiając jego kolor lub wstawiając w nie gradient albo obrazek
➡️ ustawić szerokość zawartości strony
➡️ ustawić styl przycisków (kanciaste czy zaokrąglone?), ich kolor, obramowanie, wielkość a nawet krój pisma słów na przyciskach
➡️ wybrać layout bloga (szerokość, pozycję sidebaru)
➡️ ustawić, jakie dane poza tytułem i treścią mają być widoczne w notce blogowej (data? autor? liczba komentarzy? tagi? kategoria?) i w jakiej kolejności
➡️ ustawić, jaka ma być szerokość sidebaru, czyli bocznej szpalty
➡️ zbudować praktycznie dowolnie header, łącznie z przestawianiem tam i nazad logo, dwóch rodzajów menu czy ikonek linkujących do mediów społecznościowych
➡️ zbudować praktycznie dowolnie footer i ustawić mu kolory totalnie wedle uznania (literki, ale też tło każdego rzędu w footerze z osobna)

Ej no!

To jak to jest? Czemu jedne motywy pozwalają na więcej, a drugie na mniej? Rozważając instalację motywu, skąd na przykład mam wiedzieć:

➡️ czy da się zmieniać kolory tekstów, nagłówków i linków na inne niż sam motyw automatycznie to ustawia?
➡️ czy można zmienić kolory i styl przycisków?
➡️ czy da się zmienić fonty?
➡️ czy można przenieść w inne miejsce menu z ikonkami mediów społecznościowych albo logo czy choćby menu?
➡️ czy da się ustawić osobne logo i menu dla telefonów?

Na wszystkie te pytania odpowiedzią jest zwykłe sprawdzenie w praktyce (po to nam w końcu ten stejdż – do spokojnych testów) albo sięgnięcie po Tajną Broń Motywową 🤩

Ale po kolei!

❓ Dlaczego motywy tak się różnią od siebie możliwościami?

Bo są tworzone przez różne osoby i różne zespoły 🙂

I te osoby mają bardzo różną wizję tego, co powinno być możliwe i w jaki sposób. Nieco ograniczają tu fantazję wymogi WordPressa i jego twórców, ale i tak da się popuścić wodze wyobraźni.

Wspólną cechą motywów jest to, że wpływają na wygląd strony i odpowiadają za tę wizualną warstewkę oraz to, że w każdym można pogmerać korzystając z opcji Dostosuj oraz przemeblowując gablotki w widżetach, natomiast to, co w tych widżetach i opcjach dostosowywania można zmienić – to już właśnie zależy od motywu (to jest: fantazji jego twórcy) i każdy będzie tam miał ukryte co innego 🙂

Podczas gdy w motywie Twenty Nineteen czy Twenty Twenty możliwości były dość ubogie (acz przy odrobinie sprzyjających warunków i garści samozaparcia – da się mimo wszystko urzeźbić na nich przyzwoitą stronę ;)), w innych motywach okaże się, że opcji zmian wszelakich jest tyle, że łatwo się w nich pogubić i naprawdę trzeba sobie na brudno mapy rychtować, bo zdarzało się już, że do niektórych ustawień dochodziłam drogą, której nie byłam w stanie potem odtworzyć i raz dokonanej zmiany nijak nie byłam w stanie łatwo odkręcić albo… ponownie zmodyfikować 😃

Jaś i Małgosia naprawdę wiedzieli co robią, skubani, i powinni być dla nas wzorem do naśladowania w takich przypadkach 😉

Ba! Wiele razy bywało, że wygląd motywu modyfikowałam w kodzie CSS, bo tak było mi znacznie łatwiej i szybciej, niż w panelu zmian wyklikiwalnych w motywie znaleźć to malutkie coś, czego szukałam.

Dlatego wybór między motywem prostym a oszałamiająco rozbudowanym wcale nie jest tak banalny. Niekoniecznie więcej znaczy lepiej i zdarza się, że to trochę jak wybór między kiłą a rzeżączką 😉

Może się nawet zdarzyć, że jak już stracicie godzinę czy dwie na ustawianiu dzikich motywów, spojrzycie z przychylnością na poczciwy Twenty Twenty 😉

To trochę jak z aparatami foto. Warto sobie kupić lustrzankę na wypasie, jak się wie, jak te wszystkie guziczki tam ponaprzyciskiwać. Bo jak się nie wie i nie ma czasu tego zgłębiać, to człowiek tylko chowa ją na dnie szafy sfrustrowany i foci telefonem, gdzie ma do wyboru trzy tryby i opcjonalne upiększanie facjaty 😉

OK, Edyta, ale skoro każdy motyw ma inne możliwości zmian do wyklikania i każdy inaczej się obsługuje, to skąd ja mam u licha ciężkiego wiedzieć, jak co w którym poustawiać?

No tak to jest.

Stronę fikcyjnej firmy Succulove, która miała pokazać, co można wycisnąć z minimalistycznego motywu Twenty Twenty, tworzyłam jako zwykłą stronę wyklikaną z bloków Gutenberga, ale już strona lovelym.pl (polecam, sklepik z boską biżu mojej przyjaciółki :)) jest zrobiona całkiem inaczej, bo w motywie, którego ona używa, wszystko co jest na stronie głównej, zbudowane jest z widżetów – czyli tych klocków, które znamy już z budowania sidebarów na przykład.

U Lovelym to w widżetach ustawia się to, co ma być w trzech kafelkach, w których teraz są O mnie, Sklep i Zamówienia, w widżetach ustawia się też kryjące się na dole Pakowanie i wysyłka, Najnowsze i Bądźmy w kontakcie.

No i właśnie – skąd wiedzieć gdzie co klikać w takim razie, żeby stronę poustawiać?

Trochę Was postraszyłam 😁, ale tak naprawdę sytuacja wcale nie jest beznadziejna, bo oto niczym rycerka na białym rumaku zjawia się ona – Tajna Broń Motywowa, czyli dokumentacja! 🦄😁

❓ Co to jest dokumentacja motywu i na co ona komu?

Dokumentacja to brzmi trochę tak, jakby w środku miało być pół tony rysunków technicznych i legenda do nich, ale nic z tych rzeczy 🙂

W WordPressie dokumentacja motywów czy wtyczek to w praktyce coś w rodzaju instrukcji obsługi.

Dobra dokumentacja powie Wam jak zainstalować motyw, gdybyście nie wiedzieli, jak go poustawiać, żeby wyglądał jak na demo, jakie są możliwości modyfikacji i gdzie ich szukać oraz gdzie się udać po pomoc (to znaczy gdzie jest jakiś support w postaci forum chociażby).

Jeśli więc po zainstalowaniu motywu nie będzie on na tyle intuicyjny, żeby wszystko od kopa z marszu pokonfigurować, udanie się w kierunku dokumentacji jest właściwym krokiem 🙂

❓ A jak znaleźć dokumentację motywu?

Najczęściej będzie podlinkowana gdzieś tam, gdzie i sam motyw odnaleźliście.

Jeśli nie – Google przyjdzie z pomocą.

Najczęściej wystarczy wpisać w niego: WordPress NAZWA MOTYWU theme documentation i dokumentacja wyskoczy u samej góry 🙂

Na przykład: WordPress Astra theme documentation:

Intrukcja obsługi motywu Astra dla WordPressa - dokumentacja

I lotem błyskawicy pierwszy wynik przekieruje nas do dokumentacji Astry:

Intrukcja obsługi motywu Astra - dokumentacja motywu

W niej znajdziemy pogrupowane odpowiednio tutoriale na temat samej instalacji, ustawień dostępnych z poziomu Dostosuja, tłumaczeń, aż po kawałki kodu, które mogą być przydatne przy grubszych przeróbkach 🙂

To była dobra wiadomość 😃 Teraz czas na gorszą 😉

Niestety, większość dokumentacji jest pisana po angielsku. No wiadomo, najpowszechniejszy język. Nawet motywy tworzone przez polskojęzyczne ekipy mają dokumentację po angielsku.

Plus w tym minusie jest taki, że:

❤️ język dokumentacji jest naprawdę prosty i translatory online sobie z takimi tekstami zwykle doskonale radzą. Skoro ja z pomocą Google Translate byłam w stanie skumać dokumentację dostępną po niemiecku, choć normalnie znam tylko Guten Tag, to wierzę, że osoba niebiegła w angielskim też jakoś przemęczy 🙂

Jeśli nie, to pamiętajcie, że zawsze jest na Facebooku przyjazna grupa super ludzi i jeśli zadacie pytanie oraz wkleicie link do dokumentacji, której nie rozumiecie, na pewno szybciutko ktoś, kto angielszczyzną włada, Wam pomoże ❤

❤️ w dokumentacjach jest często zybilion zrzutów ekranu, więc nawet bez tekstu idzie się domyślić, co trzeba klikać i gdzie 🙂
Dobra dokumentacja jest zresztą jednym z czynników, które zalecam brać pod uwagę przy wyborze motywu 🙂

A jakie są inne?

O tym w kolejnych lekcjach, bo wszak temat motywów dopiero się rozkręca! 🙂


PS. Jeśli zastanawiacie się, czy prościutki Twenty Nineteen albo Twenty Twenty ma dokumentację, no to pewnie, ma 🙂

👉 https://wordpress.org/support/article/twenty-nineteen/

👉 https://wordpress.org/support/article/twenty-twenty/

Nie wymyśliłam sama z siebie, jak się tam co zmienia – wiem to właśnie dlatego, że ją przeczytałam 🙂

Masz pytanie do tej lekcji? Kliknij tutaj, aby je zadać :)

Napisz pytanie lub komentarz:

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Przewiń do góry