Tym wpisem otwieram nowy cykl w naszej bazie wiedzy. Steal the look. Będziemy w nim szukać inspiracji i pokazywać dobre praktyki na fajnych stronach www stworzonych przez kursantki i kursantów WP dla zielonych.
Skąd nazwa cyklu? To z jednej strony nawiązanie – z mrugnięciem oka – do onlajnowego świata mody, który akcjami “steal her/his look” podpowiada fanom, jak mogą zbliżyć się do stylu ulubionej gwiazdy. A z drugiej strony – już na poważnie – skojarzenie z Austinem Kleonem i jego książką “Steal like an artist” (przetłumaczonej na polski jako “Twórcza kradzież”).
O co chodzi? W skrócie – książka “Steal like an artist” udowadnia, że każda twórczość jest do pewnego stopnia powtarzalna, żaden pomysł nie jest w 100% oryginalny, a wszyscy twórcy i ich działania to suma inspiracji i zapożyczeń od innych.
Co o tym sądzisz?
Nam ta idea bardzo odpowiada. Chcemy, aby osoby, które uczą się z nami robić strony, umiały twórczo kraść od innych. Aby nie wynajdowały koła na nowo, tylko umiały kreatywnie wykorzystać to, co już istnieje. Dlatego chcemy podrzucać tu fajne inspiracje. Na szczęście po wielu latach tworzenia kursu WP dla zielonych mamy spory zasób świetnych stron do zaprezentowania 🙂
Na pierwszy ogień wzięłam stronę, której tematyka jest mi bardzo bliska. Do tego wydaje mi się szczególnie aktualna właśnie teraz, gdy Polacy masowo oddolnie mobilizują się do pomocy uchodźcom z Ukrainy (piszę ten tekst w marcu 2022 r.). To witryna https://obywatelepro.pl/, która popularyzuje ideę społeczeństwa obywatelskiego i wspiera osoby działające społecznie.
1. Autorki strony i jej tematyka
Za tym pomysłem stoją Karolina Laube Krämer (autorka logo i szaty graficznej strony), Ewa Krzemińska (stworzyła stronę, nasza kursantka), Maja Krämer i Andrzej Wendrychowicz.
Tak piszą o swojej misji:
“W Polsce jest bardzo dużo osób, które wierzą w sens obywatelskiego „my”. (…) Są gotowi działać dla dobra wspólnego. (…). Chcemy tych obywateli i obywatelki, ich inicjatywy i organizacje podać do wiadomości powszechnej. Chcemy, żeby mogli się pochwalić swoimi pomysłami i żeby zostali docenieni. Żeby się o sobie nawzajem dowiedzieli i może podjęli współpracę w ważnych dla nich sprawach. Żeby podpowiedzieli innym, co osiągnęli i z jakimi problemami sobie poradzili. Chcemy przedstawić udane projekty obywatelskie i zachęcić innych do naśladownictwa.”
A oto co fajnego (poza tematyką 🙂 przykuło moją uwagę na stronie https://obywatelepro.pl/.
2. Podstawowe kwestie techniczne (i nie tylko)
Strona może być bardzo ładna, ale to nie wystarczy. Nie możemy zapominać o kluczowych aspektach technicznych i funkcjonalnych, które decydują o tym, czy strona prezentuje się profesjonalnie. Na początku odhaczmy więc podstawy:
✅ Certyfikat SSL (https i kłódka przy adresie strony): jest.
✅ Favicon (ta mała ikonka przy adresie strony w przeglądarce): jest.
✅ Re-captcha (zapobiega spamowi): jest.
✅ Pasek z info o cookies: jest.
✅ Wersja responsywna (na małe ekrany): wygląda super.
bezpłatny newsletter edukacyjny
Twoja pierwsza strona
Jeśli podoba Ci się sposób, w jaki uczymy, zapisz się na newsletter dla osób, które robią lub planują pierwszą stronę. Konkretna wiedza co tydzień.
3. Paleta kolorów
A teraz przejdę już do tego, co sprawia, że strona pozostaje w pamięci. Gdy otworzyłam ją po raz pierwszy, moją uwagę przykuła paleta kolorów. Jest energetyczna, żywa i ciepła. Sprawia, że od razu robi się jakoś raźniej na sercu 🙂
4. Fonty
Autorki strony postawiły tu na pełny minimalizm, co jednak dało świetny efekt. Zarówno do nagłówków, jak i do treści paragrafów wykorzystały jeden font: Poppins. To bezpłatny font z biblioteki Google Fonts. To, co różnicuje nagłówki od tekstu, to zastosowanie wielkich liter. Linki mamy zaś dodatkowo podkreślone kolorem i kursywą. Całość daje poczucie ładu i usystematyzowania.
5. Zdjęcia
Ogólnie nie lubimy i nie polecamy slajderów, ale ta strona fajnie pokazuje, że są wyjątki 🙂 Na stronie można zastosować jakiś efekt, który ogólnie nie jest polecany, ale trzeba mieć ku temu POWÓD. Tutaj według mnie użycie slajdera pokazującego sylwetki obywateli PRO jest jak najbardziej uzasadnione – ta strona jest poświęcona właśnie im. Celem jest pokazanie konkretnych twarzy kryjących się za oddolnymi inicjatywami.
A do tego zdjęcia w slajderze (i w ogóle zdjęcia na stronie) są idealnie dopasowane, wszystkie w tym samym stylu.
We wpisach blogowych (na tej stronie nazwanych “kartkami z kalendarza) widzimy za to zdjęcia czarno-białe i to też jest bardzo ciekawy, porządkujący zabieg.
We wpisach blogowych (na tej stronie nazwanych “kartkami z kalendarza) widzimy za to zdjęcia czarno-białe i to też jest bardzo ciekawy, porządkujący zabieg.
6. Stopka
I wreszcie to, co na samym dole strony, czyli stopka (ang. footer). W tym wypadku jest naprawdę świetnie zaprojektowana. Jak cała strona: prosto i czytelnie. Zawiera odnośniki do najważniejszych zakładek na stronie, feed z Facebooka i zdjęcie prezentujące jeden z wpisów. Nic tu nie jest za duże ani za małe, nic nie wystaje – no 10/10 🙂
7. Motyw i wtyczka
Jeśli ciekawi Cię, z jakim motywem została zrobiona strona, to śpieszę z odpowiedzią: ✅ to bezpłatny motyw Pinnacle (https://pl.wordpress.org/themes/pinnacle/).
Z kolei wtyczki użyte na stronie to m.in.:
✅ SiteOrigin (https://pl.wordpress.org/plugins/siteorigin-panels/, page builder)
✅ Yoast SEO (https://pl.wordpress.org/plugins/wordpress-seo/ pomaga w zadbaniu o pozycjonowanie strony)
✅ Contact Form 7 (https://pl.wordpress.org/plugins/contact-form-7/, formularz kontaktowy)
✅ Add to any (https://pl.wordpress.org/plugins/add-to-any/, umożliwia udostępnianie treści w social mediach)
Na koniec jeszcze raz przypomnę adres strony: https://obywatelepro.pl/. Może znasz jakiegoś obywatela lub obywatelkę PRO, którego możesz zgłosić, a może sam lub sama jesteś taką osobą?
Dziękuję za przeczytanie całego wpisu :) Zachęcam Cię do pogłębienia swojej wiedzy o robieniu stron razem z naszymi bezpłatnymi kursami. Przygotowałyśmy je specjalnie dla osób stawiających pierwsze kroki w świecie online.
