Wygląd strony na WordPress i jej funkcje – obsługa wtyczek i motywów

Motywy i wtyczki bezpośrednio wpływają na to co Twoja strona będzie mogła robić i jak będzie się prezentować. Motyw w dużej mierze odpowiada za UI i UX strony, natomiast wtyczki poszerzają jej funkcje.

Wygląd stron na WordPress – motyw

Od wersji 5.9 zaczęliśmy rozróżniać motywy klasyczne i motywy blokowe. Ze względu na to, że motywy blokowe są dość świeże i jeszcze niezbyt popularne skupmy się na klasycznych. To właśnie głównie tego typu motywy znajdziemy w repozytorium WordPressa, dostępnym w sekcji: wygląd -> motywy -> dodaj motywy.

Domyślnie na Twojej stronie powinny być zainstalowane motywy klasyczne: twenty twenty-one, twenty twenty oraz twenty twenty two, który wprowadził motywy blokowe.

Dostosowanie motywu

By przejść do dostoswania motywu, możesz z poziomu każdej strony, z górnej belki (belki wordpressa) wybrać przycisk dostosuj lub z poziomu panelu administratora: wygląd -> dostosuj. W efekcie otrzymamy poniższy widok lub podobny, w zależności od zaawansowania motywu.

W podstawowej wersji motyw udostępnia nam takie zakładki jak:

• Tożsamość witryny – by ustwić logo, nazwę i slogan witryny, ale także favicon, czyli ikonę widoczną w karcie przeglądarki.
• Menu – by edytować dostępne menu, tworzyć nowe i zarządzać ich położeniem.
• Ustawienia strony głównej – by edytować, co ma przedstawiać strona główna oraz strona ze wpisami.
• Dodatkowy CSS – by dodawać własny kod css, który dodawany jest na sam koniec sekcji head, każdej z podstron.

Ponadto na samym dole mamy możliwość zmiany podglądu strony na telefon, tablet lub desktop.

Niektóre motywy pozwalają na edycje kolorów, fontów i ich rozmiarów, obszarów widżetów w trybie rzeczywistym, układów i wiele innych dodatkowych elementów. Natomiast inne możesz edytować tylko z poziomu kodu konkretnych szablonów czy plików CSS i JS.

Wtyczki na WordPress – poszerzenie funkcji Twojej strony

WordPress w swoim repozytorium udostępnia ponad 50 tysięcy różnych wtyczek. A każda nowa instancja WordPressa zawiera zwykle 2 wtyczki – akismet antyspam oraz hello dolly jako przykładowy plugin dla wordpress developerów.

Czysta instancja WordPressa pozwala nam uruchomić ciekawą stronę, lecz każda kolejna wtyczka wzbogaca jej wygląd czy funkcje. Przeglądając repozytorium WordPressa znajdziesz rozmaite wtyczki pozwalające:

• tworzyć slajdery,
• dodawać nowe typy postów,
• dodawać nowe bloki do gutenberga,
• tworzyć przekierowania,
• tworzyć bardziej rozbudowane menu,
• wyświetlać twój feed z instagrama,
• stworzyć sklep,
• stworzyć platformę z kursami online,
• i wiele więcej!

Jednakże instalując i włączając wtyczki, narażasz się na niebezpieczeństwo. Im więcej wtyczek tym wolniej może działać Twoja strona. Ponadto instalacja nieodpowiednich wtyczek może narazić Twoją stronę na infekcję wirusową!

Jak uchronić się przed wirusami ze wtyczek?

Przede wszystkim nie instaluj wtyczki do każdej błahostki. Pamiętaj, że to motyw powinien pozwalać Ci maksymalnie edytować wygląd strony (chyba, że został on tak przygotowany przez developera – zgodnie z Waszymi ustaleniami).

Jeśli potrzebujesz specyficznej funkcjonalności zapytaj na grupach tematycznych WordPressa, o to jakiej wtyczki powinieneś użyć. Zrób research czy dostępne rozwiązanie jest bezpieczne, jest aktualizowane i nie narazi Twojej strony.

Jeśli instalujesz już wtyczkę, to zaglądaj do swojego panelu WordPress i aktualizuj na bieżąco wtyczki. To właśnie aktualizacje mają chronić użytkowników!

Mój podstawowy zestaw wtyczek na WordPressa

Tworząc strony dla swoich klientów, zawsze instaluje kilka wtyczek, które uważam za podstawowe. Są to:

• Yoast SEO – do prostego i dosyć zaawansowanego zarządzania znacznikami meta i znacznikami open graph podstron.
• Contact form 7 / wpforms – w zależności od umiejętności klienta i jego potrzeb wybieram jedną z tych wtyczek do obsługi formularzy kontaktowych na stronie.
• Lite Speed Cache / autooptimize – w zależności od typu serwera, na którym jest hosting, instaluję jedną z tych wtyczek do tworzenia pamięci podręcznej, optymalizacji kodu CSS i JS – czyli ogólnego przyśpieszenia strony.
• WebP Converter for Media – wykorzystuję tę wtyczkę do optymalizacji obrazów i konwertowania ich na nowoczesny format WebP.
• UpdraftPlus / Duplicator – jedną z tych wtyczek wykorzystuję do łatwego i szybkiego tworzenia kopii zapasowych serwisu.

Inne wtyczki w zależności od złożoności projektu i tworzonego przeze mnie motywu to:

• Advanced Custom Fields – pozwala na dodawanie własnych pól do różnych typów wpisów, szablonów i stron, a następnie wykorzystanie ich zawartości do wyświetlenia na stronie. Dzięki nim możemy łatwo zarządzać zawartością strony.
• PODS – własne typy postów, czyli tzw taksonomie. Dzięki tej wtyczce łatwo i szybko użytkownik będzie mógł tworzyć własne taksonomie i nimi zarządzać.
• Mailer Lite – do łatwego tworzenia i zarządzania formularzami dołączenia do newslettera.
• Woocommerce – do tworzenia sklepu w systemie WordPress.

W przypadku jeszcze bardziej zaawansowanych projektów tworzę własne rozwiązania za pomocą technologii PHP, JavaScript, HTML i CSS.

Pamiętaj, by dobierać mądrze wtyczki do swojej strony!