Jak stworzyć blog kulinarny na WordPressie

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:

  1. Nagłówek, w którym podane są podstawowe informacje takie jak czas przygotowania posiłku, poziom trudności, liczbę porcji oraz kaloryczność
  2. Lista składników
  3. 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

Kliknij obrazek aby powiekszyć

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

Kliknik obrazek aby powiększyć

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

Zobacz motyw Tasty