Twórz niestandardowe szablony za pomocą dodatku MB Views dla Meta Box

Meta Box wypuścił swoją wtyczkę MB Views w zeszłym tygodniu. Nowe rozszerzenie umożliwia programistom tworzenie niestandardowych szablonów w zaciszu swojego administratora WordPress. Celem jest zapewnienie łatwego w użyciu interfejsu do wyprowadzania niestandardowych pól bez edytowania plików motywów, ale jego elastyczność przesuwa granice edycji w całej witrynie.

Szybkie spojrzenie: MB Views oferuje solidne wrażenia dla programistów, ale trochę nie jest przyjazne dla osób niezaznajomionych z kodem.

Od dawna jestem fanem tego, co zespół Meta Box zrobił z jego podstawową wtyczką i rozszerzeniami. Twórcy projektu stworzyli dobrze udokumentowaną bazę kodu, napisali solidną dokumentację i ogólnie zwracali uwagę na szczegóły tam, gdzie inni zawiedli. Widoki MB nie jest inaczej. W kilka minut po aktywacji rozszerzenia skonfigurowałem niestandardowe widoki i wdrożyłem je na froncie mojej witryny testowej.

Interfejs jest na tyle prosty, że można go uruchomić niemal natychmiast, z wystarczającą elastycznością, aby zbudować prawie wszystko od administratora WordPressa.

Ogólnie rzecz biorąc, nowy dodatek zespołu jest wart ceny jednego z dostępnych pakietów premium, które wahają się od 79 do 349 USD. Nie jest pozbawiony kilku drobnych problemów, ale należy się tego spodziewać po wydaniu wersji 1.0.

Potężne narzędzie do edycji front-end

Moje doświadczenie w pracy z ekranem do edycji widoku było naturalne. Edytor kodu korzysta z Code Mirror i motywu Oceanic Next. Ma wbudowane automatyczne zakładki i autouzupełnianie, więc wygląda jak większość edytorów offline. Deweloperzy powinni szybko poczuć się jak w domu, tworząc niestandardowy widok.

Ponieważ obecnie używam głównie CSS Tailwind, udało mi się zbudować fałszywy formularz rejestracji e-mail w ciągu kilku minut i wyświetlić go bezpośrednio pod moimi postami, korzystając z dostępnych ustawień widoku.

Edytor kodu ma przycisk „Nowe pole”, który otwiera wysuwane pole po prawej stronie ekranu. Umożliwia użytkownikom wstawianie pól postów, witryn, użytkowników i zapytań. Opcje obejmują również pola niestandardowe utworzone za pomocą wtyczki Meta Box.

Oprócz edytowania szablonu użytkownicy mogą również dodawać niestandardowe CSS i JavaScript bezpośrednio z edytora kodu widoku.

Dane wyjściowe z tych pól są obsługiwane przez Twig, nowoczesny silnik szablonów PHP. Wielu programistów PHP będzie już zaznajomionych z Twigiem i będzie czuło się komfortowo z jego składnią. Dzięki temu systemowi użytkownicy wtyczek nie są ograniczeni do HTML. Mogą używać instrukcji warunkowych i pętli, aby dostosować dane wyjściowe zawartości widoku.

Aby uzyskać lepsze wrażenia dla programistów, fajnie byłoby zobaczyć opcję automatycznego uzupełniania w celu wstawiania nowych pól zamiast klikania przycisku "Nowe pole", a następnie klikania określonego pola. Najprawdopodobniej programiści z czasem zaczną zapamiętywać pola i po prostu je wpisywać. Autouzupełnianie byłoby miłym akcentem w przypadku pól niestandardowych.

Tam, gdzie MB Views naprawdę błyszczy, są ustawienia widoku. Wtyczka umożliwia widokom przejęcie całej strony między nagłówkiem i stopką motywu lub tylko obszarem zawartości. Pozwala użytkownikom wybierać między wyświetlaniem widoku pojedynczych postów, stron archiwum lub czegoś niestandardowego za pomocą wbudowanego shortcode. Użytkownicy mogą dalej rozbijać miejsca, w których pojawia się widok, w oparciu o warunki, które można grupować na różne sposoby. Może być tak prosty lub złożony, jak to konieczne. Nie jest to całkowicie zgodne z tym, co jest możliwe z niestandardowymi warunkami warunkowymi PHP, ale jest wystarczająco zbliżone, aby objąć większość przypadków użycia.

Jeśli ktoś chciałby spróbować swoich sił, mógłby użyć MB Views jako edytora całej witryny. Jedynym prawdziwym wymogiem byłoby zbudowanie ich motywu z nagłówkiem i stopką. Być może w pewnym momencie wtyczka pozwoli użytkownikom przejąć cały układ strony, skutecznie czyniąc motyw niepotrzebnym.

Problemy i przyszłe ulepszenia

Wersja 1.0 polega na dostarczeniu czegoś w ręce użytkowników. Jest to czas, w którym programiści otrzymują niektóre z najbardziej przydatnych opinii, więc spodziewam się, że zostaną rozwiązane następujące kwestie, ponieważ programiści będą nadal budować na wtyczce w przyszłości. Nie natrafiłem na żadne poważne przeszkody, ale natknąłem się na drobne problemy i miałem kilka pomysłów na poprawę.

Pierwszy problem, który trafiłem, sprawił, że początkowo sądziłem, że wtyczka w ogóle nie działa. Wybrałem wyświetlanie mojego niestandardowego widoku na pojedynczych postach. Można to łatwo zrobić za pomocą ustawień widoku. Wybierasz typ „Pojedynczy”. Następnie wybierz „Opublikuj” w pierwszym menu rozwijanym. Założyłem, że dzięki temu szablon pojawi się we wszystkich postach. Jednak po zapisaniu nic się nie stało. Żadna z moich niestandardowych treści nie pojawiła się na interfejsie użytkownika. Problem polegał na tym, że istniała druga lista rozwijana, która nie została domyślnie wypełniona wartością. Była opcja „Wszystkie posty”, którą musiałem wybrać. Szybko rozwiązano ten problem, ale właśnie dlatego dobre ustawienia domyślne są tak ważne w tworzeniu wtyczek.

Nie ma obsługi wersji. W przypadku edytora kodu w panelu administracyjnym WordPress sensowne jest, aby użytkownicy mogli przywrócić swój kod do wcześniejszej wersji. Jeśli użytkownicy tworzą tylko widoki z niewielkimi fragmentami kodu, nie stanowi to problemu. Jednak wtyczka posuwa się tak daleko, że umożliwia użytkownikom tworzenie całego układu strony między nagłówkiem a stopką motywu. Czasami oznacza to dużo kodu i konieczność cofania zmian.

MB Views oferuje [mbv] do wyświetlania widoku w obszarach gotowych do skróconego kodu, takich jak treść postu. Jednak nie ma odpowiednika bloku do użycia w edytorze bloków. W tym momencie posiadanie skróconego kodu, ale brak bloku, wydaje się poważnym niedopatrzeniem. Shortcodes muszą umrzeć powolną i bolesną śmiercią.

Ekran zarządzania widokami też przydałby się trochę miłości. Byłoby miło zobaczyć przynajmniej jedną kolumnę dla typu widoku. Wraz ze wzrostem listy widoków niestandardowych może być trudno na pierwszy rzut oka określić, gdzie każdy widok jest używany.

Przyjazność dla użytkownika i przyszłość

Chcesz uzyskać wartości pól Meta Box i umieścić je w szablonach interfejsu użytkownika, ale nie znasz się zbyt dobrze na kodowaniu i nie chcesz dotykać plików motywów?

Opis otwarcia MB Views twierdzi, że wtyczka jest przeznaczona dla użytkowników, którzy nie są zaznajomieni z kodowaniem. Nie jestem pewien, czy przeciętny użytkownik mógłby z tego skorzystać bez zdobywania po drodze wiedzy o kodowaniu. Interfejs jest przeznaczony przede wszystkim dla programistów. Dosłownie edytor widoków jest edytorem kodu. Ma łatwy do kliknięcia moduł wstawiania pól, ale te pola często będą bezużyteczne bez znajomości HTML i CSS.

Narzędzie jest dobre w tym, co robi, ale w erze edytora bloków wydaje się prawie tymczasowym środkiem.

Aby MB Views było bardziej użytecznym narzędziem dla użytkownika końcowego, będzie musiało przejść do bardziej wizualnego interfejsu typu „wskaż i kliknij” z opcjami projektowania. W przeciwnym razie pozostanie głównie w krainie programistów, którzy mogą dostosować wyświetlanie obrazu do perfekcji.

Niekoniecznie uważam, że MB Views musi iść w tym kierunku, jeśli zespół chce skoncentrować się na wspaniałym doświadczeniu programisty. Jednak obecnie nie spełnia swoich żądań dotyczących przyjazności dla osób mniej zaznajomionych z kodem.

Nadal jesteśmy prawdopodobnie za co najmniej rok od pełnego doświadczenia edycji witryny za pośrednictwem systemu blokowego. Wysiłki zespołu Meta Box najlepiej wykorzystać na zintegrowanie edycji widoku w tym systemie. Dodatek MB Views jest obecnie użytecznym i niezbędnym narzędziem dla wielu użytkowników wtyczek Meta Box, ale może nie mieć czasu, aby zyskać na przyczepności, zanim pełna edycja strony trafi do rdzenia. W tym momencie zespół wtyczek będzie musiał już przejść do zupełnie innego świata doświadczenia użytkownika z WordPress.