W tym artykule pokażemy jak na bazie systemu WordPress stworzyć funkcjonalną i atrakcyjną platformę do publikowania przepisów kulinarnych
Zakładam, że masz już domenę, hosting i zainstalowanego WordPressa. W tym materiale zajmiemy się kolejnym etapem czyli przygotowaniem platformy do prezentowania przepisów w przejrzystej i wygodnej dla czytelnika formie
Wybór motywu i moduł z przepisami
Będziemy do tego potrzebowali 2 rzeczy: szablonu WP typu blogowego lub magazynowego, czyli takiego, który wyświetla wpisy na stronie głównej w postaci siatki (gridu) oraz modułu do publikacji przepisów. Tak wygląda jego typowa struktura.
Moduł składa się z trzech elementów:
- Nagłówek, w którym podane są podstawowe informacje takie jak czas przygotowania posiłku, poziom trudności, liczbę porcji oraz kaloryczność
- Lista składników
- Opis przygotowania potrawy w rozbiciu na etapy (kroki)
Oczywiście wpis poza tym modułem może być jeszcze rozbudowany o dodatkowe elementy takie jak część opisowa (np. “Ten przepis odziedziczyłam po swojej babci, delikatnie go zmodyfikowałam i uważam, że efekt jest rewelacyjny”), zdjęcia, materiały wideo itp
Instalacja i konfiguracja Recipe Card Blocks
Jak zatem rozbudować edytor wpisów o tego rodzaju moduł? Teoretycznie dostępna jest duża liczba wtyczek do WP z tą funkcją. Jest jednak istotny problem – ich nagłówki nie mają opcji tłumaczenia. Tak więc nasz wpis rozpoczynałby się od podstawowych informacji w języku angielskim. Mało profesjonalne
Dlatego posłużymy się dodatkiem do edytora wpisów (Gutenberg) o nazwie Recipe Card Blocks by WPZoom
W domyślnej wersji ma on również nagłówek w wersji angielskiej, ale jest opcja umożliwiająca pełną polonizację.
Recipe Card Blocks instaluje się tak jaki inne pluginy do WP – po zalogowaniu na zapleczu strony w lewym panelu klikamy “Wtyczki”, “Dodaj nową”, w okienku wyszukiwania wpisujemy Recipe Card Blocks, instalujemy i aktywujemy dodatek.
Po aktywacji wyświetlą się ustawienia wtyczki
W rubryce Defaults wyłączamy:
- Display Course
- Displey Cuisine
- Display Difficulty
W okienkach poniżej w miejsce angielskich słów wprowadzamy polskie odpowiedniki (np. składniki zamiast ingredients)
W kolejnej rubryce Recipe Details wyłączamy wszystkie opcje i zapisujemy wszystkie ustawienia klikając “Save”
Teraz możemy już przejść do edycji naszego pierwszego wpisu z przepisem kulinarnym. W lewym panelu WP klikamy “Wpisy”, “Dodaj nowy”, wprowadzamy tytuł np. Sałatka śródziemnomorska.
W kolejnym kroku dodamy i skonfigurujemy moduł Recipe Card Blocks. W lewym górnym rogu edytora klikamy w niebieski przycisk z plusem, w oknie wyszukiwania wpisujemy Recipe i wynikach klikamy w Recipe Card Block
Schemat bloku Recipe pojawia się w edytorze wpisiu. Teraz musimy skonfigurować jego nagłówek (ten z ikonami). W prawym panelu wyszukujemy opcję ‘Add custom details i wprowadzamy odpowiednie treści i dopełniamy je pasującymi ikonami
W kolejnym kroku wprowadzamy składniki i etapy przygotowania potrawy. Na karcie Recipe w edytorze klikamy odpowiednio w “Enter ingredient name” i “Enter Step description” i wprowadzamy nasze dane.
Jeśli chcemy bardziej rozbudować nasz wpis to zarówno powyżej jak i poniżej karty Recipe możemy dodać standardowe bloki edytora z opisami, zdjęciami i filmami.
Gdy wszystko jest gotowe publikujemy wpis (przycisk w prawym górnym rogu)
Prezentacja przepisów na stronie głównej
Jak zostało to wcześniej wspomniane, należy użyć odpowiedniego szablonu do prezentacji przepisów na stronie głównej. Motyw powinien wyświetlać wpisy w siatce tak, by czytelnik łatwo i szybko mógł wyszukać interesujący go przepis
W tym kontekście warto rozważyć takie motywy WP jak:
- Blossom Cookery
- Blossom Recipe
- Yummy Recipe
- Foodica
Są one dostępne zarówno w darmowych wersjach, jak i bardziej rozbudowane, płatne warianty. Można też zainstalować darmowy szablon Blocksy i zaimportować layout Tasty