Jak stworzyć wspaniałe przepisy WordPress (w 4 krokach)

Opublikowany: 2017-09-17

Prowadzenie bloga kulinarnego prawdopodobnie oznacza, że ​​będziesz musiał regularnie wyświetlać przepisy i inne powiązane informacje. Jednak nawet jeśli udzielisz znakomitych instrukcji, Twoja gwiezdna kreacja może pozostać niezauważona bez odrobiny stylu.

W tym artykule porozmawiamy o tym, dlaczego stylizacja przepisów jest ważna i czego należy szukać w świetnej wtyczce kulinarnej. Następnie przedstawimy Ci jeden z naszych ulubionych typów i nauczymy Cię, jak go używać do tworzenia przepisów WordPress. Zacznijmy!

Dlaczego możesz chcieć dodać wspaniałe przepisy do swojej witryny?

Przykładowy przepis na WordPress.

Im bardziej atrakcyjne będą Twoje przepisy, tym bardziej będą atrakcyjne.

To prawie oczywiste, ale chcesz, aby wszystkie elementy Twojej witryny były tak atrakcyjne, jak to tylko możliwe. Im ważniejsze są dla odbiorców, tym więcej uwagi musisz im poświęcić. Jeśli chodzi o blogi kulinarne, niewiele – jeśli w ogóle – elementów przyciąga większą uwagę niż przepisy. Porozmawiajmy, dlaczego:

  • Mogą pomóc zwiększyć zaangażowanie. Przestrzeganie przepisu wymaga czasu i skupienia. Im bardziej atrakcyjne są Twoje przepisy, tym więcej czasu użytkownicy mogą spędzić w Twojej witrynie na czytaniu ich.
  • Możesz dowolnie stylizować swoje przepisy. Wiele osób dodaje garść zdjęć do swoich przepisów i nazywa to dzień. Chociaż dobra fotografia jest niezbędna w przypadku przekonującego przepisu, dzięki WordPressowi możesz zrobić znacznie więcej. Na przykład możesz dodać osobną sekcję, która obejmuje wartości odżywcze.

Jeśli prowadzisz blog kulinarny – lub myślisz o jego założeniu – odświeżenie swoich przepisów to doskonały pomysł. Dzięki temu Twoja witryna będzie wyglądać na bardziej dopracowaną, a nawet może dać Ci przewagę nad konkurentami, których przepisy wyglądają mniej profesjonalnie. Tylko upewnij się, że dobrze smakują, zanim je polecisz!

Czego należy szukać w niesamowitej wtyczce przepisu WordPress

Na szczęście WordPress umożliwia wdrażanie stylowych przepisów w witrynie na wiele sposobów. W takim przypadku możesz to zrobić ręcznie, a nawet użyć motywu takiego jak Divi, który zapewnia dużą kontrolę dzięki systemowi modułów.

Z drugiej strony masz szeroką gamę wtyczek, takich jak Gotowane, WP Recipe Maker i WP Ultimate Recipe. To wszystko są najlepsze wybory i mają wiele wspólnych cech, takich jak:

  • Zapewniając łatwy sposób tworzenia przepisów, które świetnie wyglądają.
  • Wiele układów do stylizowania przepisów, tak aby można je było dostosować do stylu witryny.
  • Funkcje ułatwiające gotowanie, takie jak czasy gotowania, listy składników i inne (wszystkie w unikalnych stylach).
  • Zoptymalizowane galerie zdjęć, które będą towarzyszyć Twoim przepisom.

Jeśli weźmiesz którykolwiek z tych elementów osobno, nie jest szczególnie trudno je zreplikować bez wtyczki. Jednak prawdopodobnie wymagałoby to samodzielnego tworzenia niestandardowych typów postów i spędzania dużej ilości czasu na wprowadzaniu zmian w motywie. Jeśli podołasz zadaniu, niech tak będzie, ale zawsze możesz użyć wtyczki, aby wykonać ciężkie podnoszenie.

Wprowadzenie do gotowej wtyczki

Wtyczka Gotowane.

Wtyczka Cooked pozwala bez wysiłku tworzyć jedne z najpiękniejszych przepisów WordPress, jakie widzieliśmy. Działa, zapewniając wiele stylizowanych elementów, takich jak informacje o wartościach odżywczych, czasy przygotowania i gotowania, galerie i wiele innych.

Możesz wziąć te elementy i zmienić je w dowolny sposób, używając systemu shortcode, który jest łatwy do opanowania. Wszystko, co musisz zrobić, to wprowadzić informacje o swoim przepisie i pozwolić wtyczce przekształcić je w coś, co nie byłoby nie na miejscu w magazynie kulinarnym.

Jeśli jesteś użytkownikiem Divi, z przyjemnością dowiesz się, że wtyczka i motyw współgrają ze sobą. Ponieważ Twoje przepisy są oparte na krótkich kodach, możesz dodać je do dowolnego modułu i dostosować ich styl, aby dobrze wyglądały z resztą witryny.

Kluczowe cechy:

  • Twórz stylowe przepisy WordPress, korzystając z szerokiej gamy gotowych elementów.
  • Użyj skrótów, aby ułożyć elementy przepisu w dowolny sposób.
  • Wyświetlaj swoje przepisy za pomocą atrakcyjnego układu siatki murowanej.
  • Uwzględnij kluczowe informacje, takie jak czas gotowania, poziomy trudności przepisów i informacje żywieniowe.
  • Pozwól odwiedzającym odhaczyć składniki z listy każdego przepisu, aby upewnić się, że niczego nie przegapią.
  • Dołącz funkcję wyszukiwania tylko dla swojej biblioteki przepisów.

Cena: Dostępne wersje bezpłatne i premium | Więcej informacji

Jak stworzyć wspaniałe przepisy WordPress (w 4 krokach)

W tej sekcji użyjemy wtyczki Cooked, aby nauczyć Cię tworzenia przepisów WordPress. Jak wspomnieliśmy wcześniej, nie jest to jedyna wtyczka przepisów dostępna online, ale jest to jedna z najlepiej wyglądających i działa dobrze podczas uruchamiania. Zanim wskoczymy, zainstaluj i aktywuj wtyczkę Cooked, abyś mógł postępować zgodnie z naszymi instrukcjami.

Krok #1: Skonfiguruj wtyczkę

Zanim zaczniemy, będziesz chciał skonfigurować wtyczkę Cooked. Aby to zrobić, przejdź do zakładki Przepisy > Ustawienia na pulpicie nawigacyjnym:

Ustawienia wtyczki Cookie.

Po pierwsze, będziesz chciał wyznaczyć stronę jako „bibliotekę przepisów”. Aby to zrobić, utwórz nową stronę i dodaj gdzieś w środku skrót [cooked-browse] . Następnie zapisz zmiany i włącz funkcję wyszukiwania przepisów, wybierając tę ​​stronę z menu rozwijanego u góry strony Ustawienia :

Konfiguracja Twojej biblioteki receptur.

Idąc dalej, będziesz także chciał ustawić liczbę przepisów, które będą umieszczane na każdej stronie Twojej biblioteki. Wartość domyślna to dziewięć, ale możesz poeksperymentować z innymi liczbami, aby sprawdzić, czy bardziej Ci odpowiadają. Tuż pod tą opcją znajdziesz ustawienie umożliwiające włączenie taksonomii dla Twoich przepisów. Zalecamy pozostawienie go włączonej, aby móc je kategoryzować w celu lepszej organizacji:

Konfigurowanie ustawień taksonomii.

Teraz przewiń w dół i sprawdź ustawienia Global Recipe Toggles . Znajdziesz w nim osiem elementów, a przełączenie jednego z nich wyłączy go dla wszystkich twoich przepisów, więc poświęć chwilę, aby zastanowić się, co chcesz uwzględnić w swoich przepisach:

Przełączanie elementów przepisów.

Na koniec warto wybrać format wyświetlania nazwisk autorów każdego przepisu. Dla zachowania spójności zalecamy wybór formatu, który jest jak najbardziej zbliżony do tego, którego używasz w postach na swoim blogu:

Konfiguracja formatu imienia i nazwiska autora Twojego przepisu.

Pomijając to, zapisz zmiany i przejdź do kroku numer dwa.

Krok #2: Skonfiguruj kategorie dla swoich przepisów

W zależności od tego, ile przepisów planujesz dodać do swojej witryny, prawdopodobnie zechcesz utworzyć dla nich osobne grupy. Nawet jeśli dopiero zaczynasz, dodanie jednej lub dwóch kategorii nie zaszkodzi i ułatwi odwiedzającym przeglądanie Twojej biblioteki.

Aby rozpocząć, przejdź do zakładki Przepisy > Kategorie . Po lewej stronie ekranu znajdziesz opcje potrzebne do dodania nowych kategorii, a obok nich listę wszystkich istniejących kategorii:

Dodanie nowej kategorii do Twojej biblioteki.

Proces tutaj jest bardzo prosty. Po prostu wybierz nazwę i ślimak dla swojego nowego dodatku, a następnie wybierz kategorię nadrzędną, jeśli to konieczne. Na przykład, jeśli chcesz dodać kategorię dań z makaronu, możesz ustawić włoski jako jej nadrzędną (co oznacza, że ​​musisz najpierw ją utworzyć):

Dodanie nowej kategorii dań z makaronu.

Pamiętaj – na dole strony znajduje się pole, które umożliwia dodawanie opisów dla każdej kategorii. Opisy te służą zwykle wyłącznie do celów identyfikacji wewnętrznej. Jednak niektóre motywy – nie Divi – mogą je pokazywać, więc uważaj, co tutaj piszesz:

Wpisz opis swojej kategorii.

Zawsze możesz całkowicie zignorować tę funkcję, jeśli nie chcesz dodawać opisów do swoich kategorii. Tak czy inaczej, gdy masz już swoją podstawową taksonomię, nadszedł czas, aby w końcu wejść do kuchni (lub pulpitu nawigacyjnego) i zająć się pierwszym przepisem.

Krok #3: Stwórz swój pierwszy przepis

Aby rozpocząć, kliknij kartę Recipes > Add New . Spowoduje to wysłanie do edytora WordPress z kilkoma niestandardowymi zakładkami dzięki wtyczce Cooked:

Nowe karty w Twoim edytorze.

Najpierw ustaw nazwę przepisu, a następnie przewiń w dół do głównej części edytora. Zobaczysz tutaj wiele krótkich kodów, z których każdy reprezentuje inny element Twojego przepisu:

Szablon Twojego przepisu.

Na razie nie dotykajmy tych kodów. Zamiast tego kliknij kartę Składniki . Wewnątrz będziesz mógł dodać każdy ze składników swojego przepisu, określając ilości i miary dla każdego z nich:

Zakładka składników Twojego przepisu.

Śmiało i wypisz wszystkie składniki swojego przepisu. Jeśli popełnisz jakiekolwiek błędy, możesz edytować każdy element lub go usunąć, klikając ikonę X, która pojawia się po najechaniu myszą. Gdy skończysz, przejdź do kolejnej zakładki – Wskazówki.

Jeśli chodzi o przepisy, jasne instrukcje są niezbędne, aby Twoi goście nie popełnili żadnych błędów. Jedną z najlepszych funkcji Cooked jest to, że umożliwia rozbicie instrukcji na łatwe do wykonania kroki. W tym celu możesz połączyć zarówno nagłówki, jak i krótkie instrukcje:

Instrukcje Twojego przepisu.

Jeśli chcesz jeszcze bardziej urozmaicić swoje przepisy, istnieje również możliwość dodania zdjęć wraz z krokami, które uznasz za konieczne. To dodatkowa praca, ale może pomóc zilustrować, jak należy przygotować danie. Kontynuuj, aż uzyskasz pełny zestaw instrukcji, a następnie przejdź do zakładki Odżywianie :

Zakładka wartości odżywczej Twojego przepisu.

Ta zakładka wygląda na skomplikowaną, ale pozory mylą. Dopóki znasz informacje o wartościach odżywczych swojego przepisu, po prostu wypełnij wymagane pola i zignoruj ​​te, których nie potrzebujesz. Jeśli nie chcesz podawać tych informacji dla konkretnego przepisu, możesz je pominąć, ponieważ możesz odpowiednio usunąć odpowiedni krótki kod.

Na koniec przejdź do zakładki Galeria i prześlij dowolne obrazy, które chcesz wyświetlić obok swojego przepisu:

Galeria Twojego przepisu.

Kiedy będziesz gotowy, wróć do karty Układ i treść , przewiń w dół, wpisz fragment przepisu i wskaż poziom trudności, czas przygotowania i czas gotowania:

Wyciąg z przepisu i czas przygotowania.

Teraz pozostało tylko dostosować wygląd przepisu od strony frontendu. Omówimy to w ostatnim kroku.

Krok 4: Stylizuj swoje przepisy kulinarne

Zanim zagłębimy się dalej, sprawdźmy jak wygląda nasz przepis. Oto autor przepisu, poziom trudności i funkcja drukowania…

Część twojego nowego przepisu.

…a tuż poniżej mamy informacje o czasie i listę składników:

Wielkość porcji i składniki Twojego przepisu.

Nieźle, ale możesz dostosować to wszystko do swoich dokładnych wymagań, ponownie rozmieszczając skróty na karcie Układ i treść . Ich nazwy nie wymagają wyjaśnień, ale jeśli potrzebujesz pomocy, możesz znaleźć ściągawkę w zakładce Skróty :

Zakładka Skróty.

Podsumowując, nasz przepis już wygląda całkiem nieźle, ale wciąż może być lepszy. Spróbujmy dodać informacje o wartości odżywczej do naszego paska bocznego (w ten sposób nie zapełni pozostałych elementów przepisu). Na szczęście Gotowane pozwala to zrobić po wyjęciu z pudełka. Po prostu przejdź do Wygląd> Widgety i przeciągnij Gotowany Widget na pasek boczny:

Widżet wtyczki Gotowane.

Nie ma potrzeby konfigurowania widżetu, ponieważ jedyną opcją, jaką oferuje, jest wyświetlanie informacji o wartościach odżywczych przepisu. Oto jak teraz wygląda nasz przepis:

Ostatni przykład Twojego przepisu na Gotowane.

Wygląda całkiem nieźle i możesz dostosowywać swój, bawiąc się systemem shortcode. Kiedy skończysz, zapisz zmiany i przejdź do następnego przepisu!

Wniosek

Dodanie stylowych przepisów do bloga WordPress to świetny sposób na zaangażowanie większej liczby użytkowników. Korzystanie z urzekających obrazów, wyświetlanie informacji o wartościach odżywczych i oferowanie szczegółowych instrukcji może sprawić, że odwiedzający będą zwracać większą uwagę i pozostać na miejscu na dłużej. To jest coś, co możesz zrobić bez wtyczki, ale użycie właściwej może zaoszczędzić dużo czasu.

Gotowane nie jest jedyną wtyczką do przepisów, ale jest jedną z naszych ulubionych. Oto jak z niego korzystać:

  1. Skonfiguruj wtyczkę.
  2. Skonfiguruj kategorie dla swoich przepisów.
  3. Stwórz swoje pierwsze przepisy.
  4. Stylizuj swoje kreacje.

Czy masz pytania dotyczące tworzenia przepisów na WordPress za pomocą Gotowane? Zapytaj w sekcji komentarzy poniżej!

Obraz miniatury artykułu autorstwa Oxy_gen / shutterstock.com.