WPCode kontra Fluent Snippets: Która jest lepsza? Porównanie wtyczek i praktyczny poradnik

Nawet najpiękniejszy kod może sparaliżować Twoją witrynę WordPress, jeśli wybierzesz niewłaściwe wtyczki.

To nie przesada. Widziałem mnóstwo stron internetowych, które działały idealnie, a potem ich prędkość ładowania skoczyła z 0.8 sekundy do 3 sekund po dodaniu kilku fragmentów kodu. Po długim dochodzeniu okazało się, że pewien fragment kodu uruchamiał mnóstwo niepotrzebnych zapytań w bazie danych.

Dzisiaj porozmawiamy o WPCode i Fluent Snippets, dwóch wtyczkach do zarządzania fragmentami kodu, które często są porównywane w społeczności WordPress.

Szczerze mówiąc, korzystałem z obu intensywnie i nawet pomogłem znajomym uniknąć pewnych pułapek. Dziś podzielę się z wami wszystkimi moimi szczerymi doświadczeniami.

Zacznę od pewnego kontekstu.

Istnieje kilka sposobów na dodanie własnego kodu w WordPressie. Jednym z nich jest bezpośrednia modyfikacja pliku functions.php motywu, co jest proste i przejrzyste, ale wszystko traci się z każdą aktualizacją; innym jest użycie motywu potomnego, który jest nieco lepszy, ale nadal wiąże się z wyższymi kosztami utrzymania; a jeszcze innym jest znalezienie niezawodnej wtyczki do fragmentów kodu, która jest bezpieczniejsza w zarządzaniu i uruchamianiu.

W tych dwóch konkurencjach konkurują ze sobą WPCode i Fluent Snippets.

WPCode , weteran w społeczności WordPress, jest produktem zespołu WPCode i zawsze cieszył się dobrą reputacją. Ma ocenę 4.9 na 10; pomimo zaledwie 31 recenzji, ta ocena mówi sama za siebie.

Fluent Snippets , kolejny produkt od zespołu WPManageNinja – tak, tego samego zespołu, który stworzył FluentCRM. Ma ponad 40 000 instalacji i ocenę 4.6, nieco mniej niż WPCode, ale czterokrotnie większą liczbę instalacji.

To ciekawe. Odwrotna zależność między liczbą instalacji a ocenami musi mieć swoje uzasadnienie.

Doświadczenie redaktora

WPCode korzysta z edytora ACE, który, muszę przyznać, ma wyraźnie tradycyjny styl WordPressa. Posiada podświetlanie kodu, ale schemat kolorów jest dość konserwatywny, a do tego dochodzi funkcja uzupełniania kodu. Jeśli jesteś przyzwyczajony do VS Code, użycie go tutaj wywoła u Ciebie dezorientujące uczucie: „Ach, cofnąłem się o pięć lat”.

Fluent Snippets jest inny, ponieważ jest bezpośrednio zintegrowany z Monaco Editor.

Tak, to ten sam edytor co VS Code. Podświetlanie kodu, autouzupełnianie, podpowiedzi składniowe – całe doświadczenie jest niemal identyczne, jak w przypadku pisania kodu lokalnie. Kiedy po raz pierwszy go użyłem, od razu się w nim zakochałem. To było to uczucie: „wreszcie wtyczka, która jest gotowa na porządny edytor!”.

Ale pojawia się pytanie: czy lepszy edytor oznacza koniecznie lepsze doświadczenie użytkownika?

niepewny.

Znam znajomego w Shenzhen, który prowadzi firmę zajmującą się tworzeniem stron internetowych z treściami. Jest samodzielnym właścicielem strony internetowej i samodzielnie utrzymuje ponad trzydzieści stron. Powiedział mi, że uwielbia WPCode. Dlaczego? Bo jest prosty. Otwiera panel administracyjny, klika kilka razy, pojawia się kod i to wszystko. Nie potrzebuje żadnych wymyślnych funkcji; liczy na stabilność i bezbłędne działanie.

Te słowa naprawdę mnie wówczas poruszyły.

Tak, Monaco Editor jest świetny i bardzo wydajny. Ale dla kogoś, kto zarządza ponad trzydziestoma stronami internetowymi dziennie, sama nauka jest uciążliwa.

存储方式

Omówiliśmy już edytor, więc przejdźmy do czegoś bardziej hardkorowego.

Kod WPCode jest przechowywany w bazie danych, a wszystkie fragmenty kodu w tabeli wp_options. Każda operacja odczytu wiąże się z zapytaniem do bazy danych, a w scenariuszach o wysokiej współbieżności liczba tych zapytań może się kumulować.

Fluent Snippets wykorzystuje przechowywanie plików. Fragmenty kodu są przechowywane jako pliki PHP w katalogu wp-content/fluent-snippets/, a WordPress dodaje je bezpośrednio podczas wykonywania, omijając zapytania do bazy danych.

Teoretycznie przechowywanie plików jest szybsze i bezpieczniejsze.

Dlaczego jest to uważane za bezpieczniejsze? Ponieważ przechowywanie plików z natury izoluje ryzyko wstrzyknięcia kodu SQL; w bazie danych nie ma fragmentów kodu, które mogłyby zostać wstrzyknięte.

Ale jest pewne „ale”.

Przechowywanie plików również ma swoje problemy. Za każdym razem, gdy fragment kodu jest aktualizowany, wymagane są uprawnienia do zapisu pliku. Jeśli serwer jest nieprawidłowo skonfigurowany lub działa w określonych środowiskach hostingu wirtualnego, zapisywanie plików może napotykać problemy. Wcześniej ktoś w grupie skarżył się, że kod nie działa po aktualizacji fragmentu kodu, a po zbadaniu sprawy okazało się, że jest to problem z uprawnieniami do pliku.

Nie ma zatem jednego, uniwersalnego rozwiązania; każdy przypadek ma swój własny scenariusz.

Warunki załadunku

W tym miejscu pojawia się najbardziej oczywista różnica pomiędzy tymi dwoma wtyczkami.

Warunkowe ładowanie WPCode jest dość podstawowe i obsługuje zarówno ładowanie pierwszego planu, jak i tła. Można je również włączyć lub wyłączyć globalnie. To takie proste.

Warunkowe ładowanie Fluent Snippets jest niesamowite; może opierać się na rolach użytkownika, regułach URL, typach urządzeń, a nawet polach niestandardowych. Profesjonalizm tego rozwiązania jest nie do przebicia.

这意味着什么？

Oznacza to, że można uzyskać bardzo szczegółową kontrolę. Na przykład „ładuj ten kod tylko na urządzeniach mobilnych, których adres URL zawiera /product/, a użytkownik nie jest zalogowany” to wymóg, który jest praktycznie niemożliwy do spełnienia w WPCode, ale jest standardową funkcją w Fluent Snippets.

Oczywiście, że wiążą się z tym koszty. Im bardziej złożona konfiguracja, tym wyższe koszty utrzymania. Pół roku później wątpliwe jest, czy w ogóle rozumiesz warunki i zasady, które napisałeś.

Moje uczucia

WPCode jest niczym scyzoryk szwajcarski: jest wystarczający i stabilny, ale jego funkcjonalność ma ograniczenia.

Fluent Snippets to coś w rodzaju profesjonalnego zestawu narzędzi: możesz zrobić więcej, ale musisz wiedzieć, co robisz.

Szczerze mówiąc, te dwie dziedziny nawet ze sobą nie konkurują.

Jeśli prowadzisz własną stronę internetową lub działalność na niewielką skalę, WPCode jest wystarczający. Jego największa wartość polega na dobrym zarządzaniu kodem, unikaniu błędów i zapewnieniu stabilnego działania.

Jeśli wykonujesz zaawansowane operacje lub Twoja witryna ma złożoną logikę biznesową, warunkowe ładowanie Fluent Snippets może okazać się wybawieniem.

Zastosowanie praktyczne: Typ zawartości nie może bezpośrednio wywoływać krótkich kodów

Dobrze, teraz gdy omówiliśmy podstawowe porównania, przejdźmy do praktycznych przykładów.

Wiele osób tworzy fragment kodu typu Content w Fluent Snippets, a następnie pisze w nim krótkie kody.

Na przykład

[nihaoya]

To prawda.

Powiem szczerze, że już kiedyś wpadłem w tę pułapkę.

Fluent Snippets obsługuje trzy typy fragmentów kodu: typ PHP, typ zawartości i typ CSS/JS.

Jeśli Twój fragment kodu jest ustawiony na typ Treść (PHP+HTML), wpisz w nim następujący kod: [nihaoya]Nie będzie tego analizować; będzie tylko... [nihaoya] Znaki te są wyświetlane dokładnie tak, jak były wyświetlane.

To jest po prostu zwykły tekst, a nie skrócona wersja wynikowa.

Aby shortcode faktycznie się wykonał, musi być umieszczony w funkcji PHP `do_shortcode()`. Składnia jest następująca:

<?php echo do_shortcode('[nihaoya]'); ?>

W ten sposób WordPress przeanalizuje krótki kod i wyświetli odpowiadającą mu treść.

Zajęło mi dużo czasu, żeby to zrozumieć. W dokumentacji nie było o tym jasno napisane.

Jeśli Twój fragment kodu używa typu PHP, sprawa jest jeszcze prostsza: wystarczy napisać instrukcję `return` w funkcji, zarejestrować ją za pomocą `add_shortcode`, a shortcode będzie działał poprawnie. Nie ma tu żadnej dwuznaczności; problem leży wyłącznie w typie Content.

Podejrzewam, że autor tej funkcji założył, że typ Content jest przeznaczony głównie dla treści HTML i że skrócony zapis powinien być obsługiwany za pomocą typów PHP, stąd brak wyraźnego oznaczenia tego w interfejsie. Jednak w praktyce wiele osób używa obu typów zamiennie, co prowadzi do problemów.

na zakończenie

Dla kogo WPCode jest odpowiedni? Dla małych stron internetowych o prostych potrzebach i dla tych, którzy nie chcą majsterkować. Jest gotowy do użycia od razu po instalacji, wymaga niewielkiej nauki, a rozwiązywanie problemów jest proste.

Dla kogo Fluent Snippets jest odpowiedni? Dla średnich i dużych witryn internetowych ze złożoną kontrolą warunkową i naciskiem na wydajność. Przechowywanie plików oznacza szybsze wykonywanie zadań, ładowanie warunkowe – lepszą kontrolę, a edytor Monaco – wygodniejsze środowisko programistyczne.

Oczywiście, zakłada się, że jesteś skłonny zapłacić za naukę tych „więcej”.

Szczerze mówiąc, jeśli po prostu dodajesz kod Google Analytics lub informację o prawach autorskich na końcu artykułu, WPCode jest w zupełności wystarczający. Naprawdę nie ma potrzeby zawracania sobie głowy modyfikowaniem Fluent Snippets, aby uzyskać „lepszy edytor”.

Jeśli jednak Twoja witryna wymaga testów A/B i musi ładować różny kod w zależności od urządzenia, roli użytkownika lub typu strony, funkcja warunkowego ładowania Fluent Snippets może zaoszczędzić Ci wielu ręcznych osądów i trudnego kodowania.

Jeszcze jedno.

Narzędzia to tylko środki; ich prawdziwa wartość leży w tym, czy potrafisz w pełni wykorzystać ich potencjał.

WPCode to popularne narzędzie, stabilne, łatwe w użyciu i nadające się do szybkiego wdrożenia. Fluent Snippets to profesjonalne narzędzie oferujące lepszą wydajność, bardziej elastyczną kontrolę warunków i odpowiednie dla programistów oraz złożonych stron internetowych.

Wybierając wtyczki nie chcesz popisywać się swoimi umiejętnościami, ale chcesz, aby Twoja witryna była stabilniejsza, szybsza i bezpieczniejsza.

Zdecydowanie wierzę, że to, co Ci najbardziej odpowiada, jest najlepsze, a niekoniecznie większa liczba funkcji lub ich mocniejsza strona.

jedno zdanie podsumowanie

• Mała witryna, proste wymagania → Kod WP
• Duża witryna, złożona kontrola stanu → Płynne fragmenty kodu

Na koniec mała rada: najcenniejszą eksploracją jest zdobycie praktycznego doświadczenia i uruchomienie kodu. Nie dodawajcie tego do zakładek bez praktyki, wszyscy!