Recenzja CodeWP 2023: Rozszerz przepływ pracy w WordPress dzięki sztucznej inteligencji!

Opublikowany: 2023-01-18

CodeWP to generator kodu AI dla WordPress. W tym artykule przyjrzymy się, jak go używać, różnym funkcjom, które wnosi do tabeli, generowanym fragmentom kodu, cenom platformy i nie tylko.

To imponująca technologia, która wykorzystuje najnowocześniejszą sztuczną inteligencję do tworzenia fragmentów kodu specjalnie dla WordPressa i produktów w ekosystemie.

CodeWP jest szkolony na milionach linii kodu WordPress, a jego różne tryby specyficzne dla wtyczek AI są również udoskonalane kodem bezpośrednio z baz kodu wtyczek. Na przykład tryb sztucznej inteligencji warunków Oxygen Builder został przeszkolony na dziesiątkach przykładów warunków przy użyciu interfejsu API warunków.

Podstawowe cechy

Zasadniczo CodeWP to narzędzie, które wykorzystuje sztuczną inteligencję do tworzenia fragmentów kodu, które rozwiązują problemy twórców WordPress.

Ale to też dużo więcej. Oto krótki film wprowadzający, który pokazuje wszystkie funkcje oferowane przez platformę oraz kilka praktycznych przypadków użycia.

Jak widać, w tej recenzji jest wiele do omówienia

Tryby sztucznej inteligencji

Sztandarową cechą tej platformy jest tryb AI. Istnieją dziesiątki trybów, a nowe są dodawane mniej więcej co drugi tydzień. Każdy tryb odpowiada określonej wtyczce, zastosowaniu, przypadku lub produktowi.

Gdy przełączasz się w określony tryb, zmieniasz podstawową sztuczną inteligencję na konkretną odmianę, która została przeszkolona na bazie kodu wtyczki lub produktu. Oznacza to, że otrzymujesz hiperspecyficzne i dokładne generacje dla poszczególnych platform.

lepage-2023-01-05-at-17-00-41

To właśnie wyróżnia ten produkt spośród wielu innych ofert na rynku. Naprawdę koncentruje się tylko na WordPressie i WordPressie, a generacje i tryby stają się coraz lepsze z czasem.

Oto przykład trybów AI i ich działania. Popularną niestandardową platformą pól dla programistów jest Carbon Fields. Jest bardzo potężny, ale wymaga dobrego zrozumienia PHP i działania WordPressa. Z tego powodu jest bardzo zimny, ciężki i nawet jeśli jesteś w pełni sprawnym programistą, czasami tworzenie kodu rejestrującego meta-boksie, niestandardowe pola lub strony opcji może być trochę uciążliwe.

Jeśli przełączę się w ten tryb i podam unikalny monit, otrzymam generację, która odzwierciedla składnię i strukturę wymaganą dla tego konkretnego frameworka/wtyczki.

W porównaniu z czytaniem dokumentacji i samodzielnym jej pisaniem, jest to znacznie wydajniejszy sposób robienia rzeczy i zazwyczaj dokładniejszy.

Jest to naprawdę pomocne w tworzeniu dokładniejszych generacji, a dzięki nadchodzącym trybom Elementor Widget i Bricks Builder Widget od teraz może być tylko lepiej.

Tryby twórcy

Twórca to miejsce, w którym wykonujesz całą swoją pracę. Jest to w pełni funkcjonalny edytor kodu z wieloma różnymi opcjami generowania AI, w tym trybami, o których właśnie wspomnieliśmy powyżej. Ma trzy podstawowe opcje… podzielmy to.

Standardowa generacja

Pobiera monit tekstowy i konwertuje go na kod (tekst na kod lub TTC AI). To takie proste, wszystko, co musisz zrobić, to wpisać to, co chcesz wygenerować w monicie i przesłać to, a generacja wkrótce zapełni edytor.

lepage-2023-01-12-at-14-11-42
Monit używany do generowania fragmentu kodu

Edytować

Czasami po wygenerowaniu fragmentu chcesz zmienić określone jego aspekty. Na przykład, co jeśli wygenerowałeś formularz kontaktowy, krótki kod, ale generacja nigdy nie wyczyściła pól tekstowych, co prowadzi do problemów z bezpieczeństwem.

lepage-2023-01-05-at-17-01-47

Wszystko, co musisz zrobić, to przejść do trybu edycji, wprowadzić to, co chcesz, zmienić i kliknąć zielony przycisk. Po dokonaniu edycji ekran zmieni się, aby wyglądać jak na zrzucie ekranu poniżej.

obraz-7-17

Daje to doskonałą wizualną reprezentację tego, co zostało zmienione w kodzie. Wszystko, co jest czerwone, zostało usunięte. Dodano wszystko, co zielone.

Następnie możesz otworzyć fragment w nowej karcie, klikając identyfikator generacji (lub ctrl+o), i przejrzeć wszystkie swoje zmiany, a także oryginalną generację.

Wyjaśnić

lepage-2023-01-05-at-17-02-35

Oprócz tych trzech podstawowych opcji możesz przełączać tryby, które omówiliśmy powyżej, a także przesyłać informacje zwrotne do platformy, która pomaga w tworzeniu lepszych generacji w przyszłości.

lepage-2023-01-12-at-13-51-05

Ten pasek narzędzi nagłówka umożliwia wyszukiwanie istniejących fragmentów i wstawianie ich do edytora w celu wyjaśnienia lub edytowania ulubionych generacji w celu łatwego dostępu, zapisywania ich dobrych lub złych, a nawet eksportowania ich do formatu JSON, który można zaimportować do popularnych wtyczki fragmentów kodu. Jeśli jesteś zapalonym czytelnikiem naszego bloga, wiesz, że uwielbiamy wtyczki Code Snippet i sprawdziliśmy kilka z nich:

  • Przegląd organizatora skryptów: Zaplanuj skrypty, oszczędzaj czas
  • Przegląd zaawansowanych skryptów: lepsze niż fragmenty kodu
  • Najlepsze menedżery fragmentów kodu dla deweloperów

Kolejną zaletą edytora jest to, że możesz całkowicie nawigować za pomocą klawiatury, od otwarcia monitu, przez przesłanie go, przełączanie trybów, po ranking generacji.

Wsparcie dla ponad 11 języków

Dla programistów i użytkowników, którzy nie mówią po angielsku w języku ojczystym, platforma oferuje również obsługę wielu języków.

lepage-2023-01-05-at-17-00-16

Oficjalnie obsługiwanych jest ponad 11 języków, ale widzieliśmy wiele pokoleń w językach, które nie są oficjalnie obsługiwane.

Języki romańskie, takie jak hiszpański, zwykle dają najlepsze wyniki, ale jest też wsparcie dla hindi, chińskiego, rosyjskiego i innych.

Zarządzanie fragmentami i udostępnianie

Czy po wygenerowaniu masz dostęp do wielu informacji o fragmencie kodu i samym kodzie.

lepage-2023-01-12-at-14-25-39

Początkowy ekran pokazuje tylko fragmenty, które dodałeś do ulubionych, ale możesz zobaczyć wszystkie generacje na drugiej karcie. Wszystkie pokolenia, które zostały upublicznione, można znaleźć w trzecim. Dostępnych jest również wiele opcji filtrowania, w których można filtrować według trybu AI, wyszukiwać słowa kluczowe i fragmenty kodu źródłowego b, datę wygenerowania, długość i inne.

lepage-2023-01-12-at-14-31-47

Wszystko w tym fragmencie jest dostępne, w tym Twoje poprzednie edycje, wyjaśnienia i fragmenty podrzędne. Możesz także dodawać ulubione i oceniać bezpośrednio stąd. Zauważysz, że istnieją tagi generowane przez sztuczną inteligencję, a także zapis, jaki tryb i język były smutne, gdy kod był generowany.

lepage-2023-01-12-o-14-32-35
Przykładowa karta wyjaśnienia (uwaga na literówkę)

Jeśli chodzi o zarządzanie fragmentami kodu, masz również możliwość generowania fragmentów kodu CSS i JavaScript dla złożonych kreacji PHP. Na przykład, gdybym chciał utworzyć formularz kontaktowy, moja początkowa generacja prawdopodobnie utworzyłaby krótki kod, funkcję obsługi przesyłania.

Jednak w większości sytuacji ten formularz nie miałby żadnych stylów i może nie dziedziczyć ogólnych stylów moich motywów. Aby temu zaradzić, mogę skorzystać z generatora fragmentów kodu CSS, aby stworzyć kilka prostych stylów opartych na samym kodzie PHP. To samo dotyczy JavaScript… być może formularz wymaga JavaScript do przesyłania danych za pomocą POST… że subsnippet JS właśnie to zrobi.

Domyślnie fragmenty są prywatne i dostępne dla Twojego konta tylko wtedy, gdy jesteś zalogowany. Chroni to poufne informacje przed wydostaniem się na zewnątrz. Jeśli jednak chcesz podzielić się tym z zainteresowanymi stronami, istnieje unikalna funkcja udostępniania.

lepage-2023-01-12-at-14-35-04

Tutaj możesz skopiować adres URL z dołączonym unikalnym kodem dostępu. Jeśli kod jest nieprawidłowy lub go nie ma, łącze nie będzie działać. Jeśli jednak kod jest poprawny (tj. skopiowany), będziesz mógł udostępnić go każdemu, kto ma ten link. To samo dotyczy funkcji udostępniania społecznościowego.

Dodatkowo możesz wysłać fragment e-mailem do dowolnej osoby. Oto jak wygląda ten e-mail:

lepage-2023-01-12-at-14-37-45

Możesz także wyeksportować fragment, jak wspomniano powyżej, bezpośrednio ze strony z pojedynczym fragmentem.

Jak to działa?

Do tej pory omówiliśmy główne funkcje. Wiem, że jest tego dużo, więc moją najlepszą sugestią jest zarejestrowanie się w darmowym abonamencie, który daje 10 pokoleń miesięcznie dostępu do większości funkcji na platformie. W ten sposób będziesz mógł go kliknąć i sam się przekonać. Ulepszenia i dodatki do platformy dodawane są w błyskawicznym tempie, co widać na blogu, więc najlepiej samemu się temu przyjrzeć.

Pytanie, które często widziałem, brzmi: jak właściwie działa to narzędzie? Nie ujawniając zbyt wielu tajemnic, CodeWP wykorzystuje potężną sztuczną inteligencję wyszkoloną na milionach linii kodu PHP. Od tego mamy nasz ogólny tryb PHP WordPress, który obsługuje większość platformy. Jest to szkolone na bazie kodu PHP WordPress, a także na wielu różnych przykładach.

Następnie każdy tryb AI jest szkolony jeszcze dalej na dodatkowej bazie kodu i przykładach. Stamtąd platforma wykorzystuje generacje stworzone przez użytkowników, którzy są faworyzowani lub klasyfikowani „”, aby dalej kierować sztuczną inteligencją w celu tworzenia wysokiej jakości i dokładnych fragmentów kodu. Ponieważ coraz więcej użytkowników korzysta z platformy, aby usprawnić przepływ pracy WordPress, pokolenia po prostu poprawiają się i stają się lepsze.

Kilka przykładów tego, co możesz stworzyć

Na stronie Snippets znajduje się biblioteka przykładów, które są w 100% generowane przez tryby AI.

lepage-2023-01-05-at-16-16-13

Przyjrzyjmy się kilku pokoleniom:

Ten kod tworzy unikalne rozwiązanie krótkiego łącza. Po opublikowaniu posta zostanie utworzony unikalny ciąg znaków, z którego zostanie utworzony krótki link do wpisu. Daje również krótki kod do wyświetlenia tego linku na interfejsie użytkownika. Gdy odwiedzający uzyskuje dostęp do tego posta za pośrednictwem łącza, zostaje przekierowany do uzupełnienia łącza i zablokowania.

Ten fragment kodu doda link do poszczególnych wtyczek w tabeli zarządzania wtyczkami. Po kliknięciu pobierze tę wtyczkę jako ZIP na twój komputer.

Ten kod jest specyficzny dla Oxygen Builder i dodaje nowy warunek do edytora, którego można użyć do warunkowego pokazywania/ukrywania elementów na podstawie pogody w lokalizacji odwiedzającego.

Ten kod wyświetli flagę w nowej kolumnie w tabeli użytkowników, która odpowiada adresowi rozliczeniowemu w pliku.

Każda z tych generacji jest generowana w 1 ujęciu z oryginalnego monitu. I jak widać, te fragmenty rozwiązują złożone problemy .

Zauważysz, że dwa fragmenty po prawej stronie używają innych trybów AI niż standardowy WordPress PHP; Warunki korzystania z WooCommerce PHP i Oxygen Builder. Da ci to dobre wyobrażenie o tym, jak każdy tryb AI zmienia dane wyjściowe, aby były hiperspecyficzne dla produktu, dla którego są przeznaczone.

cennik

Płatne plany zaczynają się od 8 USD miesięcznie, rozliczane co roku.

Istnieją trzy poziomy cenowe, bezpłatny , pro i agencyjny.

Bezpłatny plan zapewnia 10 generacji miesięcznie, przy użyciu ogólnego generatora AI WordPress. Utworzy zaskakująco złożone fragmenty, ale jest bardziej ogólnym trybem w porównaniu z czymś takim jak tryb ACF.

Limit resetuje się co miesiąc w dniu rejestracji. To świetna opcja dla każdego, kto pracuje z WordPressem, ponieważ 1) jest bezpłatny i 2) doskonale rozwiązuje duże problemy, które wymagają godzin googlowania oraz prób i błędów.

lepage-2023-01-05-at-09-56-33

Plan Pro odblokowuje wszystkie główne funkcje platformy. Tryby Edytuj, Wyjaśnij i Generuj są teraz dostępne w edytorze. Dodatkowo otrzymujesz dostęp do wszystkich trybów AI, w tym warunków Breakdance i Oxygen, ACF i Metabox, WooCommerce i kilku innych.

Pro zaczyna się od 8 USD miesięcznie, jeśli kupujesz na rok, i 12 USD miesięcznie, jeśli zdecydujesz się na abonament miesięczny.

I oczywiście przechodzisz od 10 pokoleń do nieograniczonej liczby, co oznacza, że ​​możesz być liberalny w swoich podpowiedziach. Coś zbliża cię do tego, czego potrzebujesz, ale generacja nie jest w 100% idealna? Bez obaw, możesz poprosić go jeszcze 10 razy z różnymi wariantami, aby uzyskać to, czego potrzebujesz.

Plan agencyjny, który nie jest jeszcze dostępny, zapewnia oszczędności skali i funkcje współpracy. Będziesz mógł zaprosić do 5 członków i współpracować ze sobą w czasie rzeczywistym w edytorze.

Oto świetny przegląd darmowego planu, a także tego, co oferuje plan Pro.

Jaki jest tutaj zwrot z inwestycji/wartość?

Patrząc na cenę Pro, jeśli kupisz na rok, wychodzi 96 USD rocznie.

Wtyczka, o której mowa w komentarzach, to niestandardowe strony z podziękowaniami WooCommerce. To da ci 50 $ rocznie, a CodeWP stworzył fragment kodu w około 10 sekund, który robi to samo.

Inną popularną wtyczką, również za 50 USD rocznie, jest edytor pól Checkout. CodeWP może z łatwością tworzyć niestandardowe pola do kasy.

Jest to (bez wątpienia) narzędzie SaaS, inne niż wtyczki, ale jeśli porównasz je z rocznymi opłatami za licencje na wtyczki, jest to cholernie podobne. Tam, gdzie jego wartość zaczyna naprawdę świecić, zaczynasz eliminować potrzebę stosowania dziesiątek innych wtyczek, ponieważ to narzędzie generuje to samo w postaci fragmentu kodu.

Wniosek

CodeWP zapewnia twórcom WordPress solidną, najnowocześniejszą platformę, która wykorzystuje sztuczną inteligencję do tworzenia generacji fragmentów kodu. Funkcje i tryby są dodawane co tydzień, a za niski koszt ośmiu dolarów miesięcznie możesz poważnie poprawić swoją wydajność, zminimalizować wydatki i dzięki temu stać się lepszym twórcą WordPress.