Jak zrobić kalkulator BMI za pomocą Elementor & Element Pack Pro

Opublikowany: 2022-02-01

Jeśli prowadzisz witrynę związaną ze zdrowiem lub prowadzisz bloga o kondycji lub zdrowiu w WordPress, oferując swoim odwiedzającym produkty, usługi lub treści dotyczące dobrego samopoczucia i utrzymania formy, rozsądną decyzją byłoby zaoferowanie im kalkulatora BMI za pomocą Elementora.

Twoje wysiłki w celu zwiększenia świadomości na temat zdrowia będą bezwartościowe, jeśli udzielisz odwiedzającym wielu rad i powiesz im, aby sami obliczyli swój wskaźnik BMI. W rezultacie Twoi goście natychmiast zawrócą i znajdą inne odpowiednie dla siebie źródło.

Zamiast tego rozsądnie będzie dodać kalkulator BMI za pomocą Elementora do swojej witryny i pozwolić odwiedzającym łatwo obliczyć BMI. W rezultacie odwiedzający spędzą więcej czasu na utrzymywaniu kontaktu przez długi czas i przyciągną więcej odwiedzających do Twojej witryny, kończąc na kupowaniu czegoś od Ciebie.

Jest to lepszy sposób, aby zachęcić ruch do utrzymania się w dobrym zdrowiu, tworząc kalkulator BMI za pomocą Elementora i dostarczając go gotowym. Jeśli ktoś stara się zachować formę, może wrócić do Twojej witryny, aby sprawdzić, czy jego BMI się poprawiło.

Co to jest kalkulator BMI i BMI?

BMI to skrót od Body Mass Index. Jest to przybliżona miara tkanki tłuszczowej oparta na wzroście i wadze, która dotyczy dorosłych mężczyzn i kobiet. BMI wskazuje stan wagi danej osoby dla twojego wzrostu. Dzięki BMI możesz szybko wskazać niedowagę, nadwagę, prawidłową wagę lub otyłość.

Kalkulator BMI to podstawowe narzędzie do obliczania BMI, które możesz dołączyć do swojej witryny. Po wykonaniu kalkulatora BMI za pomocą Elementora, po prostu wprowadź wagę w kg oraz wzrost w stopach i calach i uzyskaj wynik BMI. Na podstawie tego wyniku możesz sprawdzić, czy dana osoba ma zdrową wagę, czy nie.

Dlaczego pomiar BMI jest tak ważny?

Mierząc BMI, możesz określić swój stan zdrowia. Im wyższy BMI, tym większe ryzyko wystąpienia różnych problemów zdrowotnych, takich jak cukrzyca, nadciśnienie, choroby wątroby, niektóre rodzaje raka, zapalenie stawów itp.

Tworząc kalkulator BMI za pomocą Elementora i dodając go do swojej witryny WordPress, możesz w łatwy sposób mierzyć BMI i angażować większy ruch oraz zwiększać powtarzalny ruch.

Wykres BMI

Wykres BMI w kalkulatorze BMI za pomocą Elementora pokazuje wskaźnik wagi w zależności od wzrostu:

how_to_make_BMI_calculator_using_Elementor_&_Element_pack_pro

W tym artykule pokażę Ci najłatwiejszy krok po kroku, jak dodać kalkulator BMI za pomocą Elementora do Twojej witryny WordPress.

Zanurzmy się od razu!

Aby dodać kalkulator BMI do swojej witryny, musisz wykonać następujące proste kroki:

Krok-1: Dostosowanie pola formularza

Najpierw, aby utworzyć kalkulator BMI za pomocą Elementora, przejdź do menu Admin, kliknij kwadratowe pole, wpisz „kalkulator” w pasku wyszukiwania, pojawią się niektóre widżety. Wybierz „Zaawansowany kalkulator”, przytrzymaj go i przeciągnij do pola tekstowego.

Teraz pojawi się formularz z polem wartości i przyciskiem prześlij.

Rozpocznij dostosowywanie za pomocą pól Wartość. Kliknij „Pierwsza wartość”, kliknij „Treść”, wybierz „Liczba” z opcji „Typ”.

Teraz wybierz „Pierwsza wartość” w etykiecie, wybierz „Wprowadź swoją wartość” w opcji „Zastępczy”. Wpisz „Twoja waga (kg)”.

Następnie kliknij „Druga wartość”, w pierwszej części ustaw „Wybierz” w opcji „Typ”, ustaw „Twój wzrost (w stopach)” w etykiecie, ustaw szerokość kolumny na 50%. W sekcji opcji wpisz od 1 do 7. Zobacz dokument, aby wstawić wartość.

Teraz skopiuj sekcję i przekształć ją w inną część. W drugiej części ustaw „Wybierz” w opcji „Typ”, ustaw „Twoja wysokość (w calach)” w opcji Etykieta, ustaw szerokość kolumny na 50%. W sekcji opcji wpisz od 1 do 12.

Krok 2: Wstawianie formuły

W tym kroku, tworząc kalkulator BMI za pomocą Elementora, wstawimy formułę do obliczenia BMI. Teraz kliknij pasek „Formuła”, wpisz formułę w polu formuły. Wzór to: SUMA (f1/ ((f2*0,3048 + f3 *0,0254)* (f2*0,3048 + f3 *0,0254))).

Jeszcze trochę do skończenia! Bądź cierpliwy i czytaj dalej.

Krok-3: Dostosowanie kolumny

W tym kroku, tworząc kalkulator BMI za pomocą Elementora, dostosujemy kolumnę. Aby to zrobić, kliknij opcję „Kolumna”, a następnie kliknij zakładkę „Zaawansowane” w lewym górnym rogu trzeciej pozycji, ustaw dopełnienie na 80.

Następnie kliknij pasek „Styl” w lewym górnym rogu drugiej pozycji, dostosuj cień pola.

Prawie skończone! Zachowaj cierpliwość, przejdziemy do ostatniego kroku.

Krok 4: Stylizacja

W tym kroku, tworząc kalkulator BMI za pomocą Elementora, kliknij „Styl formularza”, zmień odstępy, kolor tekstu i typografię.

Następnie kliknij pasek „Pola”, zmień kolor tekstu, kolor zastępczy i kolor tła.

Następnie w sekcji pól zmień szerokość, kolor i wypełnienie.

Następnie kliknij przycisk „Wyślij”, zmień kolor i dodaj wokół niego trochę dopełnienia.

Następnie kliknij zakładkę „Treść”, zmień wyrównanie przycisku przesyłania na „uzasadnij”.

Teraz dostosuj „Wynik”, zmień stan sekcji wyników.

Następnie kliknij pasek „Styl”, zmień sekcję „Błąd”. W tej sekcji zostanie wyświetlony komunikat o błędzie, jeśli użytkownik wprowadzi nieprawidłowe informacje.

Jeśli użytkownik wstawi nieprawidłowe informacje lub nie wprowadzi wartości, pojawi się komunikat o błędzie w taki sposób.

Wszystko gotowe! Ukończyłeś pomyślnie tworzenie kalkulatora BMI za pomocą Elementora. Teraz możesz bardzo łatwo zaoferować odwiedzającym sprawdzenie wskaźnika BMI za pomocą tego kalkulatora.

Teraz, gdy Twój kalkulator BMI za pomocą Elementora jest gotowy do wykonania. Tak to działa.

Ten blog jest opublikowany na BDThemes

Wniosek

Pokazałem ci prosty proces tworzenia kalkulatora BMI za pomocą Elementor i Element Pack Pro. Mam nadzieję, że możesz zastosować to do swojej własnej witryny.

Dziękuję za cierpliwe przeczytanie tego artykułu. Do zobaczenia!