WordPress

Jak wyświetlać etykiety z informacjami o wartościach odżywczych w WordPress

  • 28 czerwca, 2023
  • 8 min read
Jak wyświetlać etykiety z informacjami o wartościach odżywczych w WordPress


Szukasz sposobu na wyświetlanie etykiet z informacjami o wartościach odżywczych w WordPress?

Etykiety z wartościami odżywczymi dostarczają informacji na temat zawartości składników odżywczych w żywności, w tym liczby kalorii, białka, tłuszczu, węglowodanów i innych. Etykiety te pomagają użytkownikom podejmować bardziej świadome decyzje dotyczące zdrowia zgodnie z ich dietą.

W tym artykule pokażemy, jak łatwo dodawać etykiety z informacjami o wartościach odżywczych w WordPress.

Wyświetlaj etykiety z informacjami o wartościach odżywczych w WordPress

Po co dodawać etykiety z informacjami o wartościach odżywczych w WordPress?

Jeśli jesteś blogerem kulinarnym lub sprzedajesz artykuły spożywcze w swoim sklepie internetowym, dodanie etykiet z informacjami o wartości odżywczej wraz z przepisami i produktami może pomóc w spełnieniu wszelkich wymogów prawnych dotyczących żywności.

Informując konsumentów o zawartości kalorii, węglowodanach, białku i innych składnikach odżywczych posiłków, umożliwiasz im również podejmowanie świadomych decyzji dotyczących ich diety.

Etykiety z informacjami o wartościach odżywczych

Na przykład dodanie etykiety z informacjami o wartości odżywczej do przepisu pozwoli osobom z cukrzycą monitorować spożycie cukru i zachować zdrowie.

Dodanie etykiet z informacjami o wartościach odżywczych może również poprawić rankingi SEO Twojego bloga WordPress. Dzieje się tak dlatego, że wyszukiwarki zwykle traktują priorytetowo strony internetowe, które poprawiają wrażenia użytkownika, dostarczając odpowiednich informacji o swoich produktach.

To powiedziawszy, zobaczmy, jak możesz łatwo dodawać etykiety z informacjami o wartościach odżywczych w WordPress.

Jak dodać etykiety z informacjami o wartościach odżywczych w WordPress

Możesz łatwo dodawać etykiety z informacjami o wartościach odżywczych w WordPress za pomocą Nutrifox.

Jest to internetowy generator etykiet wartości odżywczych, który umożliwia użytkownikom tworzenie i dostosowywanie etykiet wartości odżywczych dla ich produktów spożywczych lub przepisów.

Utwórz etykietę z wartościami odżywczymi za pomocą Nutrifox

Najpierw musisz odwiedzić stronę internetową Nutrifox i założyć konto, klikając przycisk „Rozpocznij bezpłatną wersję próbną” w prawym górnym rogu ekranu.

Nutrifox oferuje wszystkim 14-dniowy okres próbny, po którym zostaniesz obciążony opłatą w wysokości około 9 USD miesięcznie lub 89 USD rocznie.

Rozpocznij bezpłatny okres próbny na Nutrifox

Po utworzeniu konta zostaniesz przekierowany na stronę „Witamy w Nutrifox”.

Stąd po prostu kliknij przycisk „Utwórz swój pierwszy przepis”, aby rozpocząć.

Kliknij przycisk Utwórz swój pierwszy przepis

Następnie zostaniesz przekierowany do nowego ekranu, na którym musisz wprowadzić nazwę receptury, którą zamierzasz utworzyć.

Warto przeczytać!  php - Powtarzalne pole w powtarzalnej grupie pól

Po dodaniu nazwy przepisu wystarczy kliknąć przycisk „Przejdź do składników”.

Notatka: Jeśli chcesz, możesz również zaimportować opublikowany przepis do Nutrifox ze swojej witryny WordPress, klikając łącze „Importuj opublikowany przepis”.

Kliknij przycisk Przejdź do składników

Spowoduje to przejście do nowego ekranu, na którym utworzysz przepis. Tutaj w prawej kolumnie ekranu zobaczysz etykietę z informacją o wartości odżywczej.

Możesz teraz zacząć od wypełnienia pól wielkości porcji i liczby porcji.

Na przykład, jeśli piszesz przepis na ciasto z czerwonego aksamitu, będziesz musiał dodać 1 plasterek jako wielkość porcji. Następnie musisz dodać liczbę plasterków, które będą w cieście w opcji „Porcje”.

Gdy to zrobisz, po prostu wpisz składniki przepisu w sekcji „Składniki” i kliknij przycisk „Dodaj”.

Wpisz porcje i ich wielkość, a następnie dodaj składniki do przepisu

Po dodaniu przepisu etykieta wartości odżywczych zostanie automatycznie zaktualizowana.

Dostosuj swoje etykiety z informacjami o wartościach odżywczych

Teraz musisz kliknąć przycisk „Dostosuj” w prawej kolumnie, aby nadać styl etykiecie faktów.

Stąd śmiało i wybierz „Styl etykiety” z menu rozwijanego. Możesz wybrać „Smaczne”, „FDA” lub „Podstawowe”.

Następnie możesz również wybrać składniki odżywcze, które mają być wyświetlane na etykiecie z informacjami o wartości odżywczej, przełączając przełącznik obok tych opcji.

Na przykład, jeśli chcesz wyświetlić procentową zawartość wapnia w posiłku, musisz przełączyć przełącznik obok opcji „Wapń”.

Dostosuj etykiety z informacjami o wartościach odżywczych

Gdy będziesz zadowolony z etykiety z informacjami o wartości odżywczej, musisz skopiować etykietę

Gdy będziesz zadowolony z etykiety z informacjami o wartościach odżywczych, musisz skopiować jej identyfikator z adresu URL witryny Nutrifox.

Ten identyfikator etykiety to 4-5-cyfrowy numer, który pozwoli Ci osadzić etykietę z faktami na swojej stronie internetowej WordPress.

Skopiuj identyfikator etykiety z adresu URL witryny

Dodaj etykiety wartości odżywczych do posta WordPress

Po skopiowaniu identyfikatora etykiety przejdź do pulpitu nawigacyjnego swojej witryny WordPress.

Gdy już tam będziesz, musisz zainstalować i aktywować wtyczkę Nutrifox WP Connector. Aby uzyskać więcej instrukcji, zapoznaj się z naszym przewodnikiem krok po kroku dotyczącym instalacji wtyczki WordPress.

Ta wtyczka doda blok „Nutrifox label” do edytora Gutenberga, który pozwoli ci wyświetlać etykiety z wartościami odżywczymi wraz z twoimi przepisami.

Warto przeczytać!  Jak wyświetlać losowe posty w WordPress (prosty samouczek)

Po aktywacji wtyczki otwórz stronę lub post, na którym chcesz dodać etykietę faktów. Następnie musisz kliknąć przycisk „+” w lewym górnym rogu ekranu i znaleźć blok „Nutrifox Label”.

Po dodaniu bloku po prostu wklej skopiowany wcześniej identyfikator etykiety Nutrifox do bloku.

Dodaj blok Nutrifox Label i wklej identyfikator etykiety

Na koniec śmiało kliknij przycisk „Opublikuj” lub „Aktualizuj”, aby zapisać zmiany.

Możesz teraz odwiedzić swoją witrynę internetową, aby sprawdzić działanie etykiety zawierającej informacje o wartościach odżywczych.

Podgląd etykiet z informacjami o wartości odżywczej

Bonus: użyj smacznych przepisów, aby zoptymalizować swój blog o jedzeniu i dodaj etykiety z wartościami odżywczymi

Tasty Recipes to świetna wtyczka do przepisów WordPress, która pozwala zoptymalizować blog kulinarny pod kątem SEO przepisów. Pozwala także dostosować projekt i układ kart z przepisami.

Dodatkowo umożliwia zintegrowanie kart z przepisami z Nutrifox w celu dodania etykiet wartości odżywczych wraz z przepisami.

Najpierw musisz zainstalować i aktywować wtyczkę Tasty Recipes. Aby uzyskać szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem dotyczącym instalacji wtyczki WordPress.

Po aktywacji udaj się do Ustawienia » Smaczne przepisy stronę i wprowadź klucz licencyjny. Możesz uzyskać klucz licencyjny na stronie konta Tasty Recipes.

Klucz licencyjny Smaczne Przepisy

Następnie wystarczy przejść do zakładki „Projekt” na stronie „Smaczne przepisy”.

Stąd możesz wybrać szablon projektu karty przepisu z kolumny podglądu po prawej stronie.

Możesz także dodatkowo dostosować szablon za pomocą ustawień ekranowych po lewej stronie ekranu.

Wybierz szablon przepisu

Po zaprojektowaniu szablonu karty z przepisami przewiń w dół do sekcji „Wyświetlacz Nutrifox” i upewnij się, że opcja „Wstaw etykietę Nutrifox (iframe)” jest zaznaczona.

Jeśli wybierzesz opcję „Wstaw jako zwykły tekst”, będziesz musiał ręcznie wprowadzić szczegółowe informacje dotyczące etykiet z wartościami odżywczymi.

Gdy będziesz zadowolony z dokonanych wyborów, nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać ustawienia.

Wybierz opcję Wstaw etykietę Nutrifox w sekcji dotyczącej odżywiania

Następnie przejdź do zakładki „Ustawienia” u góry, aby skonfigurować opcje wtyczki.

Tutaj możesz wybrać, które przyciski mają być wyświetlane w przepisach, wyświetlać pola wyboru obok składników, zezwalać użytkownikom na przeliczanie jednostek i skalować przepisy dla różnych wielkości porcji.

Warto przeczytać!  Nie udało się załadować zasobu admin-ajax.php

Możesz także zezwolić użytkownikom na kopiowanie składników jednym kliknięciem i wklejanie przepisu w innym miejscu.

Na koniec nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać zmiany.

Ustawienia wtyczki przepisu

Dodaj kartę przepisu i etykietę z informacjami o wartościach odżywczych do posta WordPress

Aby dodać kartę przepisu i etykietę z informacjami żywieniowymi do swojej witryny, musisz otworzyć nowy lub istniejący post w edytorze bloków na pasku bocznym administratora WordPress.

Gdy już tam będziesz, po prostu kliknij przycisk „+” w lewym górnym rogu ekranu i znajdź blok „Smaczny przepis”.

Dodaj blok Smaczne przepisy do edytora bloków

Po dodaniu bloku w edytorze bloków otworzy się okienko „Utwórz przepis”. Tutaj możesz zacząć od dodania tytułu, opisu, obrazu i nazwiska autora karty przepisu.

Następnie wpisz składniki przepisu w sekcji „Składniki” i dodaj instrukcje dla użytkowników w sekcji „Instrukcje”.

Dodaj opis, instrukcje i składniki do karty przepisu

Następnie przewiń w dół do sekcji „Odżywianie”, w której musisz dodać identyfikator etykiety dla etykiet z informacją o wartości odżywczej.

W tym celu musisz odwiedzić witrynę Nutrifox i otworzyć etykietę z informacjami o wartości odżywczej, którą chcesz zintegrować z przepisem.

Gdy już tam będziesz, możesz pobrać identyfikator etykiety z adresu URL witryny. Będzie to 4-5-cyfrowy numer na końcu adresu URL.

Uzyskaj identyfikator etykiety ze strony internetowej Nutrifox

Po prostu skopiuj go i wróć do pulpitu nawigacyjnego WordPress.

Następnie musisz wkleić identyfikator etykiety w polu „Nutrifox ID”. Po zakończeniu wystarczy kliknąć przycisk „Wstaw”, aby dodać kartę przepisu do edytora bloków.

Dodaj identyfikator etykiety dla Nutrifox

Na koniec kliknij przycisk „Aktualizuj” lub „Opublikuj”, aby zapisać zmiany.

Możesz teraz odwiedzić swoją witrynę internetową, aby sprawdzić kartę przepisu ze zintegrowaną etykietą z informacją o wartości odżywczej.

Podgląd karty przepisu z etykietami wartości odżywczych

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak wyświetlać etykiety z informacjami o wartościach odżywczych w WordPress. Możesz również zapoznać się z naszym samouczkiem na temat dodawania przyjaznego dla SEO schematu przepisów w WordPress i naszymi najlepszymi typami najlepszych motywów WordPress dla blogów z przepisami.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć samouczki wideo WordPress. Możesz nas również znaleźć na Świergot i Facebooka.




Źródło