Przegląd przydatnych wtyczek do WordPressa

Mój absolutny faworyt i niezbędnik każdego profesjonalnego developera WP. ACF rozbudowuje standardowe pola WorpdPessowe, dając im spory zastrzyk nowych możliwości; można w nich dodać m.in. pola typu: tekst, obszar tekstowy, edytor wysiwyg, obrazek, plik, link do strony, powiązania, wybór, pola wyboru, datepicker (kalendarz z wyborem daty) oraz w wersji PRO dochodzą również pola powtarzalne (chyba najważniejsza z nowych funkcji), galeria, pola elastyczne i więcej.

Wtyczka jest o tyle dobra, że umożliwia szybkie stworzenie pól łatwych do edycji dla klienta, który nie musi „się babrać” w edytorach wizualnych, czy tekstowych – po prostu my przypisujemy pole do konkretnego miejsca, a klient wpisuje w dane pole wartość, zapisuje i voila.

<aside class="example-block">
<span class="example-block__title"><?php the_field('box_title')?></span>
<p><?php the_field('box_subtitle')?></p>
</aside>

.example-block {
    background: #151515;
    color: #fff;
    padding: 1em;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    width: 50%;
    margin: 1em 0;
}
.example-block__title {
    font-size: clamp(1.125rem, 1.125rem + (100cqi - 320px) * 1.6 / (1200 - 320), 1.225rem);
}

Zastosowań jest naprawdę multum i wtyczka w wersji PRO (49$/rok dla pojedynczej strony lub 249$/rok dla nieograniczonej ilości stron, przeliczając na złotówki to ok. 176zł/897zł) jest chyba jedną z najlepszych inwestycji do WordPressa.

Warto również wspomnieć, że ACF posiada naprawdę sporo dodatkowych rozszerzeń, które jeszcze tylko bardziej przekonują do wykorzystania wtyczki 🙂

Bardzo użyteczny dodatek do wtyczki ACF – umożliwia wyświetlanie wartosci pól w kolumnach, przy listach wpisów/stron w panelu administracyjnym, ponadto w ograniczonym zakresie możemy ustawić pole jako edytowalne przy szybkiej edycji lub skonfigurować pola typu tekst/numer na sortowalne.

Osobiście nie używam edytora wizualnego prawie wcale ale faktem jest, że WordPress jest platformą niesamowicie atrakcyjną dla blogerów i tym samym dla osób, które chcą po prostu wprowadzać treść w trybie WYSIWYG (czyli poprzez edytor wizualny).

Advanced Editor Tools rozbudowuje standardowy edytor o wiele nowych funkcji, w tym edycję tekstów, edycję tabel, formatowania itd. – elementy możemy układać/dodawać/usuwać wedle uznania.

Jedna z najłatwiejszych w implementacji wtyczek do nawigacji okruszkowej (mowa o poziomej nawigacji często znajdującej się pod tytułami stron np. Home > Sklep > Produkty). Wystarczy wkleić dostarczony kod do szablonu w wybranym miejscu.

Breadcrumb NavXT oferuje również całkiem zaawansowane możliwości wyświetlania, ponadto jest w pełni kompatybilna z bbpressem.

Integracja ze wtyczkami językowymi typu Polylang lub WPML odbywa się (niestety) za pomocą odpowiednich, dodatkowo płatnych modułów: Link 1 – Polylang, Link 2 – WPML.

Tak jak nazwa wskazuje, wtyczka umożliwia lokalne hostowanie GA – a konkretniej gtag.js; eliminuje to większość problemów z benchmarkami typu Google Pagespeed Insights, Pingdom czy GTMetrix oraz ładuje witrynę nieco szybciej (ponieważ nie ma potrzeby pobierania skryptu z zewnątrz).

Sam skrypt jest automatycznie aktualizowany na bieżąco WordPressowym cronem, aby zachować jego „świeżość”.

Wtyczka umożliwia dodatkowo, m.in.:

• ukrycie skryptu przed ad-blockerami, poprzez zmianę nazwy pobranego pliku na losowy ciąg znaków;
• ustawienia warunku, po którym jest możliwe śledzenie (w tym integracja z systemami zarządzania ciasteczkami);
• ustawienie miejsca wczytywania skryptu (nagłówek/stopka/manualnie)
• ładowanie skryptu z własnego CDN

Opcjonalnie jest również możliwość włączenia maksymalnie odchudzonego skryptu – ten zlicza najbardziej podstawowe statystyki.

Rozszerzenie do wtyczki Contact form 7 – zapisuje dane przesłane z formularzy do bazy danych, które również możemy przejrzeć w panelu administracyjnym, a potem wyeksportować do CSV/XLS. Same dane możemy również wyświetlać na podstronach/wpisach przy użyciu odpowiednich shortcode’ów.

Jest to idealna, bardziej rozbudowana alternatywa dla natywnego narzędzia Flamingo.

Prosta wtyczka do sanityzacji nazw plików – jeśli zawierają one np. polskie znaki diakrytyczne, cyrylicę lub inne „niestandardowe”, to zostaną one podmienione na te z alfabetu łacińskiego.

Zaoszczędza to sporo problemów, zwłaszcza przy migracjach.

Jedna z niewielu wtyczek, która w pełni darmowo umożliwia stosowanie skompresowanego formatu obrazów AVIF; jest on nieco bardziej optymalny niż WEBP (lepsza kompresja przy mniejszych stratach) i oczywiście ustawia też powrót do domyślnych formatów (tzw. „fallback„), jeśli przeglądarka użytkownika nie wspiera alternatywnej opcji.

Inne kompresory nierzadko używają zewnętrznych serwisów do utworzenia zdjęć w formacie AVIF, co może znacznie przyspieszyć operację, aczkolwiek tutaj mamy w pełni działającą, lekką i darmową opcję.

Najpopularniejsza, darmowa wtyczka formularzy dla WordPressa.

Posiada wbudowany „gotowiec”, który można od razu wykorzystać na witrynie.

Tworzenie formularzy odbywa się na zasadzie zakodowania szablonu w html, ponadto daje możliwość rozbudowywania o własne skrypty js, z podpięciem pod unikalne wydarzenia DOM; posiada masę różnych rozszerzeń w formie dodatkowych wtyczek oraz rozbudowane, natywne możliwości – jak np. specjalne tagi.

Rozszerzenie do CF7 umożliwiające ustawienie zasad do pól, czyli np. „jeśli jest zaznaczone pole nr 3, to pojawi się pole nr 4”, można też ustawić zasady na podstawie wpisanych wartości (pola typu input text), czy po prostu podzielić formularze na sekcje.

Rozbudowany system komentarzy dla WordPressa, dodający wiele nowych możliwości i zmieniający natywny wygląd formularza. W przeciwieństwie do Disqusa nie jest to system zewnętrzny, tylko wewnętrzny – po prostu rozszerza on już istniejący moduł komentowania.

Bardzo „czysty” design, możliwość udostępniania na mediach społecznościowych, wsparcie dla dużych wtyczek opartych na społecznościach (typu BuddyPress), kilku-poziomowe odpowiedzi i wiele więcej.

Demo możecie zobaczyć tutaj.

Natywnie wtyczka co prawda wspiera tylko ReCaptchę od Google i do tego w wersji płatnej, natomiast zupełnie za darmo można doinstalować wtyczkę „Simple CAPTCHA Alternative with Cloudflare Turnstile”, która natywnie wspiera formularze wpDiscuz i śmiem twierdzić, że to nawet lepsza opcja.

Prawdopodobnie najlepsza i najlżejsza wtyczka do ustawiania własnej kolejności kategorii/taksonomii. Nie ładuje żadnych dodatkowych skryptów/modułów, korzysta w pełni z natywnych zasobów wordpressa i nie reklamuje się „dodatkowymi ustawieniami w wersji pro„.

Prosta wtyczka wyłączająca całkowicie funkcjonalność bloga – ukrywa zakładkę domyślnych wpisów blogowych, kategorii oraz tagów, a także ustawia potrzebne przekierowania.

Przydatne, jeśli tworzymy np. prosty Landing Page.

Wtyczka umożliwiająca wyłączenie komentarzy dla całej instalacji lub dla poszczególnych typów wpisów dwoma kliknięciami.

Strony załączników od wersji WP 6.4 są domyślnie wyłączone, natomiast nie oznacza to automatycznie rozwiązania wszystkich innych problemów, które pozostają „pod maską”.

Największą z tych komplikacji jest blokowanie slugów – czyli jeśli załącznik z nazwy utworzy sobie url /smieszne-kotki/, to nie ma natywnej możliwości utworzenia podstrony/wpisu, czy czegokolwiek innego z tym samym slugiem (a próby tworzenia przekierowań kończą się fatalnie), tylko z automatu dopisze się końcówka -[numer] (i wychodzi nam np. /smieszne-kotki-2/); w skrajnym wypadku możemy sobie nawet zablokować bardzo istotne adresy typu, np. /oferta/, czy /kontakt/.

Wtyczka ta rozwiązuje ten problem i również „odblokowuje” slugi z istniejących załączników, ponadto ustawia błąd 404 na unikalnych adresach załączników, aby nie ingerowały one w strukturę witryny, a docelowo również SEO.

Użyteczne rozszerzenie do wtyczki CF7 – wdraża intuicyjny mechanizm wgrywania wielu plików na raz, na zasadzie „przeciągnij i upuść” z dodatkową walidacją, własnymi limitami, wiadomościami itd.

Funkcjonalność jest kompatybilna ze wszystkimi, najpopularniejszymi przeglądarkami.

Prosta wtyczka zabezpieczająca automatycznie adresy e-mail na naszej witrynie przed botami; oferuje zabezpieczanie na 3 sposoby – w tym również ukrywanie skryptem js.

Opcjonalnie umożliwia też ochronę numerów telefonów.

Lekka i prosta w użyciu wtyczka do eksportu lub importu mediów, niezwykle użyteczna jeśli potrzebujemy np. zmigrować media z jednej instalacji na drugą i nie mamy innych możliwości.

Dane są zapisywane do arkusza CSV, co daje również możliwość sprawnej modyfikacji, w razie potrzeby.

Import wpierany jest AJAX-em, więc są mniejsze szanse na timeouty, czy inne problemy. Możemy oczywiście wczytać dziesiątki, czy nawet setki mediów na raz – z możliwością wyłączenia regeneracji oraz wykrywaniem duplikatów.

Sama wtyczka tworzy wpisy tak, aby zachować oryginalne, relatywne ścieżki – tak więc migracje są praktycznie bezbolesne.

Rozbudowana wtyczka umożliwiająca zmianę poziomu kompresji dla poszczególnych rozmiarów i formatów zdjęć. Domyślnie są one stosunkowo niskie, zwłaszcza dla najmniejszych miniatur – przy pomocy tego narzędzia możemy nie tylko ustawić poszczególne wartości ale też i od razu zregenerować zdjęcia, czy ustawić zasady dla tworzenia atrybutów.

Genialna wtyczka o może niekoniecznie trafionej nazwie. Zmienia ona automatycznie rozmiar przesyłanych obrazów do określonych wartości – niezwykle przydatne, kiedy jesteśmy pewni, że klientowi(lub komukolwiek innemu) „może się zdarzyć” wrzucanie zdjęć prosto z aparatu; wtyczka zadba o to, aby wielkość i kompresja zdjęcia była w „rozsądnym” rozmiarze 🙂

Funkcje wtyczki:

• Skalowanie obrazów do wybranego rozmiaru i kompresji.
• Przeformatowanie/zregenerowanie istniejących mediów.
• Opcjonalne przeformatowanie BMP->JPG lub PNG->JPG.
• Korzystanie ze wbudowanych funkcjonalności WordPressa.

Użyteczna wtyczka, zwłaszcza dla bardzo „ciężkich” (tj. zawierających dużo wpisów, podstron, produktów itd.) witryn – przypisuje ona zoptymalizowany klucz dla wybranych tabeli bazy danych, przyspieszając docelowo dostęp do niej (proces i zasada działania są oczywiście bardziej skomplikowane – w razie potrzeby zapraszam do opisu wtyczki w oficjalnym repozytorium, całość jest szczegółowo wyjaśniona).

Mimo nazwy, wspiera ona również bazy typu MariaDB.

Uczulam, że nie jest to żadne magiczne narzędzie, które rozwiąże wszystkie problemy optymalizacji bazy danych dla danej instalacji, nadal powinniśmy dbać o czyszczenie starych rewizji, osieroconych danych meta, spam-komentarzy itd.; natomiast w przypadku dużych instalacji opartych np. o ACF, możemy raczej skierować swoją uwagę w drugiej kolejności na przenosiny danych z _postmeta do dedykowanych tabel, zapewniając sobie nie tylko lepszą optymalność, ale i skalowalność bazy danych.

Na dużych instalacjach zaopatrzonych w setki/tysiące użytkowników warto pomyśleć o uzupełnieniu wtyczką Index WP Users For Speed.

Użyteczna wtyczka dla developerów, która automatycznie odświeża witrynę po wykryciu zmian w plikach css/js/php.

Działa bardzo sprawnie np. przy kompilowaniu lub po prostu zmianach w arkuszach CSS, gdzie zmiany możemy zobaczyć praktycznie po ułamku sekundy. W przypadku modyfikacji skryptów js działa „różnie”, ergo mogą zdarzyć się czkawki (ze względu na specyfikę, nie wiem czy jest to możliwe do uniknięcia). Najgorzej niestety jest przy auto-odświeżaniu zmian do plików php, wystarczy że spowodujemy błąd 500 jakimś marginalnym brakiem we funkcji i często będziemy zmuszeni do ręcznego odświeżenia (w przypadku klepania czystego html tego problemu nie będzie, w gwoli ścisłości).

Domyślnie, jeśli nie podoba się nam Gutenberg i chcemy budować witrynę „po staremu”, to zazwyczaj instalujemy Klasyczny edytor i zapominamy o całej sprawie. Problem w tym, że nie usuwa to w żaden sposób zasobów ładowanych z tego modułu (a te nie są znowu takie lekkie – arkusze stylów ważą 117kb lub 162kb z włączonym WooCommerce), nie wyłacza FSE, czy nie zmienia „po staremu” wielu innych rzeczy – ta wtyczka ma za zadanie to wszystko ogarnąć.

Nie wymaga żadnych dodatkowych konfiguracji, wystarczy ją zainstalować i włączyć.

Osobiście jestem przeciwnikiem używania wszelkich typów edytorów blokowych (włącznie z Gutenbergiem) ale umówmy się, że w pewnym momencie może zajść potrzeba lub po prostu chęć sprawdzenia „kompetentnego” przykładu takiego rozwiązania.

Pracowałem już na kilku tego typu wtyczkach – Visual Composer, Beaver Builder, Motopress, Live Composer, Power Builder, Elementor i innych, o których internet już zapomniał ale najbardziej „przyjazny” dla użytkownika okazał się właśnie darmowy Page Builder od Site Origin. Nie posiada on tylu różnych bajerów co VC ale UI jest bardzo intuicyjny i posiada tyle różnych funkcjonalności, że da się na nim postawić całkiem dobrze wyglądającą witrynę.

Bardzo prosta wtyczka ustawiająca przekierowanie dla danego wpisu/podstrony na dowolny adres – działa również z własnymi typami wpisów.

Lżejsza alternatywa dla WordPressowej integracji Disqusa – wymaga jedynie wpisania krótkiej nazwy podłączonej witryny i reszta odbywa się automatycznie.

Jeśli zależy wam na dodatkowym odciążeniu, to można doinstalować również Disqus Conditional Load.

Bardzo „fajna”, darmowa wtyczka do zarządzania ciastkami na naszej witrynie. W odróżnieniu od większości innych w repozytorium nie posiada żadnych ograniczeń oraz nie łączy się z żadnymi zewnętrznymi serwisami.

Jest w pełni kompatybilna z europejskim prawem, wspiera Google Consent Mode, ukrywa się przed botami (opcjonalnie), a także zapisuje zgody (domyślnie) anonimizując ostatnie 2 człony adresu IP. Jest także multi-języczna i przede wszystkim lekka. Bazuje ona na popularnym API CookieConsent w wersji 2.

Opcjonalnie umożliwia wdrożenie tłumaczeń AI (to jednak wymaga podania klucza API, tak więc domyślnie ta opcja jest wyłączona).

Zaznaczam jednak, że nie jest to „automatyczna” wtyczka, tak więc nie działa to na zasadzie skanera, auto-wypełniania pól z ciastkami i integrowania wszystkiego jednym kliknięciem – informacje, ciastka, zasady blokowania i informacje musimy wprowadzić z palca. Więcej na temat konfiguracji znajdziecie w dedykowanym wpisie blogowym.

Bardzo użyteczna wtyczka do monitorowania procesów i identyfikowania problemów związanych z instalacją naszego WordPressa. Tyczy się to również optymalizacji, debuggowania, a nawet procesu tworzenia skórek/pluginów.

Niektóre z funkcji wtyczki

• Wykaz zapytań do bazy danych na podstawie wysłanego żądania.
• Wykaz „powolnych” oraz błędnych zapytań.
• Wykaz błędów PHP wraz z opisówkami, przestarzałych funkcji i adnotacji.
• Wykaz informacji systemowych.

… i wiele, wiele więcej.

Więcej o samej wtyczce i jej praktycznym użytkowaniu możecie przeczytać na blogu WPZen.

Cytując z repozytorium: Wtyczka Sierotki automatycznie poprawia typografię witryny WordPress, zapobiegając pojawianiu się pojedynczych liter lub bardzo krótkich słów – zwanych sierotkami – na końcu wiersza.

Przydatna rzecz, zwłaszcza że nie zawsze mamy nad tym kontrolę.

Wtyczka od dłuższego czasu posiada również opcjonalną, natywną integrację z polami tekstowymi/wysiwyg od ACF.

Jedna z najbardziej rozbudowanych wtyczek do prezentacji statystyk z witryny. Może działać jako alternatywa dla Google Analytics, czy Matomo.

Niektóre z funkcji:

• logowanie wejść w trybie rzeczywistym;
• możliwość filtrowania statystyk na różne sposoby (zalogowani użytkownicy, najpopularniejsze boty itd.);
• kompatybilna z kombajnami do pamięci podręcznej (WPSC/W3TC);
• geolokacja, wykrywanie przeglądarki i używanego systemu;
• możliwość użycia shortcode’ów, które wyświetlą wybrane statystyki na stronie;
• w pełni zgodna z RODO;

… i wiele więcej.

Oczywiście jak każda wtyczka do zliczania statystyk może dać odczuwalną zmianę (w zależności od wagi witryny, dostępnych zasobów hostingu i odwiedzalności) w optymalności strony.

Perełka, którą znalazłem ostatnio szukając zamiennika dla wtyczki od tłumaczeń – opcji tak naprawde nie ma wiele, jeśli mówimy o „prawdziwie darmowej”. Tutaj najczęściej pada wybór pomiędzy Polylang, a WPML – osobiście nie przepadam za żadną z tych wtyczek, ta pierwsza ma diabelnie drogie dodatki, a bazowa wersja wtyczki potrafi powodować naprawdę dziwne problemy, na które szkoda mi tracić czasu (nie mówię, że to działo się systematycznie ale ilościowo wypada ponad przykład anegdotyczny) oraz w wielu przypadkach trzeba ją rozbudowywać dla bardzo podstawowych funkcjonalności. WPML natomiast to obrzmiały moloch, z nieintuicyjnym interfejsem (bardzo szanuję natomiast support, spoglądając na fora często widzę rozwiązywanie problemów, które nie mają nawet związku ze wtyczką), no i dla małej witryny to najczęściej to zdecydowanie mało optymalne rozwiązanie.

Niektórzy może słyszeli też o Bogo, tylko tutaj jest szkopuł wynikający z praktycznie nieistniejącej dokumentacji, mało aktywnego developera, braku opcji typu tłumaczenie slugów, no i operowanie po tej wtyczce całokształtem odbywa się „na czuja” (jest też fork rozbudowujący nieco wtyczkę – Bogo PX ale nie mam pojęcia jak długo i czy będzie w ogóle przyszłościowo wspierane).

Tak więc potrzebowałem czegoś pomiędzy i tutaj wybór padł na Sublanguage – bardzo lekkiej, łatwej w użyciu, nieźle udokumentowanej, w pełni darmowej wtyczki do tłumaczeń. Mamy tutaj cały pakiet funkcjonalności, jak np.:

• tłumaczenie slugów;
• wsparcie dla multisite;
• możliwość tłumaczeń wszystkich meta-kluczy z miejsca (czyli od razu wsparcie dla ACF);
• pełne tłumaczenie wszelkich taksonomii;
• tłumaczenie mediów.

Jeśli do czegoś miałbym się przyczepić, to zapewne filozofii odnośnie trzymania danych w tabeli post_meta – dla bardzo dużych instalacji to oznacza potencjalne problemy optymalności, no i autor z jakiegoś dziwnego powodu nie opublikował dwóch najnowszych wersji wtyczki w oficjalnym repozytorium.

Prawdopodobnie najlepsza i najbardziej popularna wtyczka do zarządzania tabelami w treści witryny. Po prostu must-be, jeśli używamy danych tabelarycznych (nie muszę chyba przypominać nikomu jak upierdliwa jest edycja „standardowych” tabel w edytorze wizualnym).

Możemy dowolnie zarządzać wyglądem tabel, ich umieszczeniem (standardowo poprzez shortcode’y, czy bloki) i używać pełnego htmla w samych komórkach. Dodatkowo mamy możliwość zarządzania nawigacją, filtrowaniem, wyszukiwaniem i wieloma innymi funkcjonalnościami.

Tutaj możecie sprawdzić przykładowy zrzut edycji tabeli oraz demo standardowej tabeli.

Na koniec należy też pochwalić autora – jest on bardzo pomocny i cierpliwy, często nawet w przypadku „błahych” problemów.

Jeśli jednak z jakiegoś powodu szukacie wtyczki z tabelami, gdzie klient (lub wy, obojętnie :)) będzie mógł sobie zmieniać kolory komórek, fontów i rozciągać wiersze/kolumny/komórki wedle woli i jest to narzędzie możliwie najbardziej „zautomatyzowane”, to możecie wypróbować wtyczkę Data Tables Generator by Supsystic.

Jedynym „mankamentem”, do którego można się przyczepić jest płatny moduł do responsywnych tabel – ze względu na techniczną specyfikę, jest to temat dość skomplikowany i nie ma uniwersalnego, prawidłowego sposobu przedstawienia tabel na urządzeniach mobilnych, stąd nawet sam moduł oferuje kilka opcji i jest cały czas ulepszany.

Najbardziej zoptymalizowana alternatywa dla takich pluginów jak Yoast czy All in One SEO Pack – zdobywa coraz większą popularność(ponad 200.000+ aktywnych instalacji!).

Czym się wyróżnia na tle konkurencji?

• lekka, „czysto” napisana i nie ciążąca na instalacji;
• zero reklam;
• pełna obsługa Open Graph i obrazów dla mediów społecznościowych;
• obsługa danych Schema.org;
• czytelny, minimalistyczny panel SEO do wypełniania metadanych stron/wpisów;
• dobrze opisana strona konfiguracyjna z komentarzami, która będzie czytelna nawet dla laika (także w języku polskim!);
• zaawansowane ustawienia indeksacji, archiwizacji i zachowania względem podstron archiwum;
• auto-wypełnianie tytułów i opisów;

Jest również możliwość bezproblemowej migracji z Yoasta, czy innych wtyczek SEO.

Moja ulubiona wtyczka do pozbywania się „nieczystości” z instalacji. Nie jest w żaden sposób inwazyjna, działa naprawdę szybko i w odróżnieniu od innych rozwiązań, które „czyszczą” działa mniej awaryjnie.

Oferuje m.in. usuwanie:

• rewizji;
• elementów z kosza wszystkich stron/wpisów/taksonomii itd.;
• „pustych” tagów;
• pingbacków i trackbacków;
• elementów zaznaczonych jako spam (komentarze);
• osieroconych meta-danych.