Zanurz się w wtyczce bloku recenzji książki

Opublikowany: 2020-10-16

Stworzona przez Donnę Peplinskie, Product Wrangler w Automattic, wtyczka Book Review Block ma prawie trzy lata. Jednak zwróciłem moją uwagę dopiero podczas ostatniej wycieczki w poszukiwaniu interesujących wtyczek blokowych.

Wtyczka robi prawie to, co mówi na okładce. Przeznaczony jest do recenzowania książek. Zwykle zawiera wszystkie pola, które użytkownicy mogą potrzebować dodać do swoich recenzji, takie jak tytuł, autor, zdjęcie, ocena i inne. Interesujące jest to, że może automatycznie uzupełnić te szczegóły prostą wartością ISBN. Dodatkowo obsługuje znaczniki schematu, które mogą pomóc w SEO.

Deszcz czy blask, chory czy dobrze, czytam codziennie. Obecnie brakuje mi półtora miesiąca do dwuletniej pasji czytania. Kiedy pojawia się nastrój, ośmielam się nawet napisać recenzję książki. Chociaż bardzo chcę dzielić się ciekawymi projektami WordPress ze społecznością, czasami mam osobiste motywy do testowania i pisania o wtyczkach, takich jak Book Review Block. Interesuje mnie wszystko, co może pomóc mnie lub innym zapalonym czytelnikom podzielić się z innymi naszymi przemyśleniami na temat świata literatury.

Trzeba przyznać, że byłem podekscytowany, gdy podłączyłem numer ISBN do Rhthym of War , nadchodzącej czwartej książki mojej ulubionej serii fantasy wszechczasów, The Stormlight Archive . Musiałem tylko kliknąć przycisk „Pobierz szczegóły książki”.

Powodzenie! Wtyczka zadziałała swoją magią i wciągnęła niezbędne informacje. Zawierał nazwisko mojego ulubionego autora, wydawcę, zbliżającą się datę wydania i liczbę stron. Miał nawet długi opis, który mogłem skrócić w edytorze.

Korzystanie z Bloku Recenzji Książek w edytorze WordPress.
Domyślne wyjście bloku Recenzja książki.

Było trochę pracy, aby to się stało przed sukcesem. Aby automatycznie pobrać szczegóły książki, użytkownicy końcowi muszą mieć klucz API od Google. Zajęło mi około minuty ustawienie tego i wprowadzenie go do pola dostępnego na pasku bocznym opcji bloku. Wspaniałą rzeczą we wtyczce jest to, że zapisuje ten klucz, dzięki czemu użytkownicy nie muszą wpisywać za każdym razem, gdy chcą przejrzeć książkę.

Recenzja książki Zablokuj dobry punkt wyjścia. Jest prosty i prosty w użyciu. Nie jest to jeszcze punkt, w którym nazwałbym to świetną wtyczką. Jednak może tak być.

Upadek

Blok Recenzja książki wtyczki powinien czerpać wskazówki z głównego bloku Media i tekst. Kiedy od razu się do tego zabierzesz, obaj zasadniczo robią to samo wizualnie. Oba są blokami z obrazem i pewną zawartością leżącą obok siebie.

Poniżej znajduje się lista elementów, w których powinien podążać za rdzeniem:

  • Brak możliwości edycji tekstu alternatywnego (tytuł książki jest używany automatycznie).
  • Obraz jest zawsze wyrównany do lewej, a treść do prawej, bez możliwości ich odwrócenia.
  • Mediów i treści nie można układać w stosy w widokach mobilnych.
  • Nie można dostosować rozmiaru kolumn obrazu lub treści.
  • Chociaż obsługiwane są wbudowane kontrolki tekstu sformatowanego, użytkownicy nie mogą dodawać bloków nagłówków, list ani akapitów do obszaru zawartości i używać skojarzonych z nimi opcji blokowania.

To jest krótka lista, która może zaoferować kilka szybkich ulepszeń wrażenia użytkownika. Ostatecznie problemy z wtyczką zasadniczo sprowadzają się do braku możliwości dostosowania danych wyjściowych.

Jednym z innych stałych problemów jest to, że obraz książki ładowany przez wtyczkę jest zawsze trochę za mały. Wydaje się, że jest to większy problem z interfejsem API Książek Google niż z wtyczką. Za każdym razem, gdy testowałem książkę, decydowałem się dodać większy obraz — wtyczka umożliwia zastąpienie domyślnego.

Ustawienia kolorów są ograniczone. Blok oferuje tylko opcję koloru tła bez możliwości dostosowania koloru tekstu. Lepszą opcją dla użytkowników wtyczek jest zawinięcie go w blok grupy i dostosowanie tam kolorów tła i tekstu.

Zawijanie bloku Recenzja książki wewnątrz bloku Grupa w edytorze WordPress.
Blok Recenzja książki umieszczony wewnątrz bloku Grupy.

Byłoby również miło mieć szerokie i pełne opcje wyrównania, co jest często pomijanym elementem wielu autorów wtyczek blokowych.

Używanie bloku mediów i tekstu do odtworzenia bloku recenzji książki

Wtyczka Book Review Block ma duży potencjał i chcę zobaczyć, jak ewoluuje, zapewniając większą elastyczność użytkownikom końcowym. Ponieważ blok Media & Text jest najbardziej zbliżony do tego, co oferuje wtyczka, postanowiłem odtworzyć za jego pomocą bardziej atrakcyjny wizualnie projekt.

Tworzenie sekcji recenzji książki z blokiem Media i tekst w edytorze.
Sekcja recenzji książki utworzona za pomocą bloku Media i tekst.

Wprowadziłem pewne poprawki po stronie treści. Użyłem bloku nagłówka dla tytułu książki, bloku listy dla metadanych książki i bloku akapitu dla opisu.

Blok Media i tekst zapewnił mi również swobodę dostosowywania wyrównania, układania obrazu i treści w widokach mobilnych oraz majstrowania przy rozmiarze obrazu. Dodatkowo ma to bardzo ważne pole do dostosowywania atrybutu alt obrazu.

Blok Media & Text dał mi znacznie większy przebieg projektu.

Jednak blok podstawowy ma pewne ograniczenia. Nie obejmuje w pełni niektórych funkcji dostępnych za pośrednictwem bloku Recenzja książki. Najbardziej oczywiste są automatyczne szczegóły książki za pośrednictwem numeru ISBN i znaczników schematu. Mniej oczywiste, nie ma łatwego sposobu na odtworzenie oceny w postaci gwiazdek — użyłem gwiazdek emoji — a długi tekst opisu nie zawija się pod obrazem. Aby to odtworzyć, musiałbyś zdecydować się na użycie wyrównanego do lewej obrazu, a następnie treści.

Ogólnie rzecz biorąc, blok Media i tekst daje mi możliwość lepszego stylizowania danych wyjściowych, co jest tym, co bardziej interesuje mnie jako użytkownik. Chcę nadać rzeczom swój wyjątkowy charakter. W tym miejscu wtyczka Book Review Plugin nie działa. Jest to również rodzaj rzeczy, które autor wtyczki może powtarzać, oferując większą elastyczność w przyszłości.

W tym miejscu wiele wtyczek blokowych działa nieprawidłowo, szczególnie gdy użytkownik powinien wprowadzić więcej niż jeden lub dwa bity danych. Bloki reprezentują wolność na wiele sposobów. Jednak gdy twórcy wtyczek trzymają się sztywnej struktury, użytkownicy mogą czasami stracić poczucie wolności, które mieliby w przypadku tworzenia swoich stron.

Jeden z najlepszych bloków, bez wątpienia, który zachowuje tę wolność, pochodzi z wtyczki Recipe Block. Ma uporządkowane dane wejściowe i pola. Pozwala jednak użytkownikom końcowym na tworzenie własnych treści o dowolnej formie.

Kiedy autorzy bloków przekraczają tę sztywność, użytkownicy wygrywają.