Czy kiedykolwiek trafiłeś na stronę z przepisem lub produktem i zastanawiałeś się: „Ile filiżanek to 500 mililitrów?” lub „Ile to 3 metry w stopach?” 🤔
Jeśli Twoja witryna WordPress odwiedzana jest przez ludzi z całego świata, mylące miary mogą szybko sfrustrować odbiorców i skłonić ich do opuszczenia strony. Dotyczy to zwłaszcza sklepów e-commerce, które podają rozmiary produktów w systemie metrycznym, lub blogów kulinarnych, które używają gramów i litrów zamiast uncji i filiżanek.
Dlatego dodanie konwertera jednostek metrycznych na imperialne może zrobić dużą różnicę. Pomaga odwiedzającym uzyskać potrzebne informacje bez opuszczania Twojej witryny.
Najlepsze jest to, że dodanie konwertera jednostek do WordPressa jest łatwe – nie wymaga kodowania.
W tym przewodniku pokażę Ci dwa proste sposoby dodania konwertera jednostek metrycznych na imperialne do Twojej witryny: jeden poprzez osadzenie darmowego widżetu kalkulatora, a drugi za pomocą potężnej wtyczki WPForms.
Dlaczego konwertować jednostki metryczne na imperialne?
Jeśli Twoja strona WordPress zawiera jakiekolwiek pomiary, dodanie konwertera jednostek może znacznie poprawić doświadczenie użytkownika. Jest to szczególnie prawdziwe w przypadku odwiedzających z zagranicy, którzy mogą nie znać domyślnych jednostek miary.
Oto kilka typowych przypadków użycia, w których konwerter jednostek metrycznych na imperialne (lub odwrotnie) może pomóc:
- Strony produktów w eCommerce – W sklepie internetowym ten konwerter może pomóc międzynarodowym klientom zrozumieć wymiary produktów, wagi, rozmiary odzieży i inne.
- Blogi z przepisami – Automatycznie konwertuj gramy, mililitry i stopnie Celsjusza na filiżanki, uncje i stopnie Fahrenheita dla amerykańskich czytelników.
- Witryny DIY i majsterkowania – Konwertuj pomiary budowlane, materiały lub temperatury.
- Blogi podróżnicze – Tłumacz odległości, temperatury i objętości paliwa dla globalnej publiczności.
- Blogi edukacyjne lub naukowe – Konwertuj wartości laboratoryjne lub dane naukowe dla czytelników z różnych regionów.
We wszystkich tych przykładach konwerter jednostek może poprawić doświadczenie użytkownika. Pomaga również zachęcić ludzi do dłuższego pozostawania na Twojej stronie, zwiększając liczbę wyświetleń stron i zmniejszając współczynniki odrzuceń.
Może to wysyłać pozytywne sygnały do wyszukiwarek, co często poprawia Twoje rankingi i przyciąga jeszcze więcej odwiedzających.
💥 Powiązany post: Chcesz poprawić swoją pozycję w wyszukiwarkach? Zapoznaj się z naszym kompletnym przewodnikiem po SEO w WordPress dla początkujących.
Chociaż można ręcznie konwertować i publikować wszystkie pomiary na swojej stronie WordPress, znacznie łatwiej jest użyć narzędzia innej firmy lub wtyczki.
Biorąc to pod uwagę, pokażę Ci, jak dodać kalkulator konwersji do swojej witryny, aby odwiedzający mogli przeliczać jednostki metryczne na imperialne w WordPressie.
Po prostu skorzystaj z poniższych szybkich linków, aby przejść bezpośrednio do rozwiązania, którego chcesz użyć:
- Metoda 1: Konwersja jednostek za pomocą widżetu (nie wymaga wtyczki)
- Metoda 2: Używanie kreatora formularzy (najlepsze dla zaawansowanych kalkulatorów konwersji)
- FAQs About Converting Metric Units to Imperial in WordPress
Zacznijmy!
Metoda 1: Konwersja jednostek za pomocą widżetu (nie wymaga wtyczki)
Jednym ze sposobów dodania kalkulatora konwersji do Twojej witryny jest użycie kodu i widżetu WordPress. Jest to świetna opcja, jeśli nie chcesz instalować osobnego wtyczki kalkulatora, ponieważ kalkulator online, którego będziemy używać, jest darmowy.
Ponieważ to podejście opiera się na widżetach, jest to również najlepsze podejście, jeśli używasz klasycznego motywu. Jeśli na swojej stronie masz zainstalowany motyw blokowy, powinieneś przejść do Metody 2.
Pamiętaj tylko, że to podejście najlepiej sprawdza się w przypadku prostych kalkulatorów konwersji bez niestandardowych funkcji.
Kod dla Twojego prostego kalkulatora konwersji możesz uzyskać, odwiedzając stronę GIGA Calculator. Ta strona zawiera setki kalkulatorów i konwerterów online, które możesz dodać do swojej witryny WordPress, w tym konwerter jednostek metrycznych na imperialne.
Na początek możesz przetestować działanie kalkulatora, wpisując różne pomiary.
Jeśli jesteś zadowolony z konfiguracji konwertera, kliknij „pobierz kod”.
Domyślne ustawienia działają dobrze dla większości stron WordPress, ale możesz łatwo dostosować widżet.
Na przykład możesz edytować „Tytuł widgetu”, aby nadać mu niestandardową nazwę i zmienić „Szerokość widgetu” (w pikselach), aby upewnić się, że idealnie pasuje do paska bocznego lub obszaru treści Twojej witryny.
W sekcji „Kod widżetu” zobaczysz cały kod HTML, który musisz dodać do swojej witryny, więc skopiuj go.
W nowej karcie przejdź do swojego panelu WordPress i wybierz Wygląd » Widgety.
Zobaczysz teraz wszystkie obszary gotowe na widżety w swoim motywie WordPress.
Po prostu znajdź obszar, w którym chcesz wyświetlić konwerter jednostek metrycznych na imperialne, i kliknij jego przycisk „+”.
Na przykład, dodam mój konwerter do paska bocznego.
W pojawiającym się oknie dialogowym wybierz blok „Niestandardowy HTML”. Jeśli nie widzisz od razu tego bloku, możesz użyć paska wyszukiwania, aby go znaleźć.
Gdy pojawi się odpowiedni blok, kliknij, aby dodać go do obszaru gotowego na widgety. Możesz teraz wkleić kod do tego bloku.
Aby wprowadzić zmiany na żywo, kliknij przycisk „Aktualizuj”.
Teraz odwiedź swojego bloga WordPress lub witrynę, aby zobaczyć konwerter w akcji.
Oto jak to wygląda na mojej przykładowej stronie demonstracyjnej:
Metoda 2: Używanie kreatora formularzy (najlepsze dla zaawansowanych kalkulatorów konwersji)
Jeśli potrzebujesz prostego kalkulatora konwersji jednostek i używasz klasycznego motywu, to Metoda 1 jest dobrym wyborem. Pamiętaj jednak – jest ona ograniczona do predefiniowanego zestawu konwersji.
Jeśli chcesz uzyskać większą elastyczność i pełną kontrolę nad projektowaniem formularza, polami i logiką konwersji, polecam użycie WPForms. Jest to również najlepsza opcja, jeśli używasz motywu blokowego.
WPForms to najlepszy kreator formularzy metodą przeciągnij i upuść oraz najlepsza wtyczka kalkulatora WordPress. Pozwala ona na stworzenie całkowicie niestandardowego kalkulatora, który odpowiada Twoim dokładnym potrzebom.
W WPBeginner używamy WPForms do wielu naszych zadań związanych z tworzeniem formularzy, w tym formularzy kontaktowych, corocznych ankiet i nie tylko. Uwielbiamy to, jak łatwo jest go używać i jak można dostosować formularze do swojej witryny.
Możesz zapoznać się z naszą szczegółową recenzją WPForms, aby poznać jego funkcje.
Do tej metody będziesz potrzebować planu WPForms Pro, ponieważ kreator formularzy AI i funkcje obliczeń są dostępne tylko w płatnej wersji.
Pierwszym krokiem jest zainstalowanie darmowego wtyczki WPForms Lite, która stanowi podstawę.
Darmowy plugin ma ograniczone funkcje, ale WPForms Pro wykorzystuje go jako podstawę dla swoich bardziej zaawansowanych funkcji. Aby uzyskać więcej informacji, zobacz nasz przewodnik jak zainstalować wtyczkę WordPress.
Po zakupie planu Pro na stronie WPForms możesz uzyskać klucz licencyjny z panelu swojego konta.
Następnie przejdź do WPForms » Ustawienia. Następnie wklej swój klucz licencyjny do pola i kliknij przycisk „Zweryfikuj klucz”.
Po weryfikacji klucza zobaczysz komunikat o powodzeniu.
Stąd możesz utworzyć swój pierwszy kalkulator, przechodząc do WPForms » Dodaj nowy.
Na ekranie „Konfiguracja” nazwij swój konwerter. Jest to tylko do Twojej wiadomości, ale sugeruję wybranie jasnej nazwy, abyś mógł się do niej łatwo odwoływać.
Następnie możesz najechać kursorem na „Generuj za pomocą AI” i kliknąć przycisk „Generuj formularz”.
Na następnym ekranie zobaczysz pole monitu po lewej stronie i obszar podglądu po prawej.
Tutaj możesz eksperymentować z różnymi podpowiedziami i zaimportować wygenerowany przez AI konwerter do edytora drag-and-drop, aby go dalej dostosować.
Teraz należy pamiętać, że większość kreatorów formularzy nie pozwala na używanie pól rozwijanych w formułach. Będziesz potrzebować 3 oddzielnych pól, aby konwersja działała:
- Pierwsze pole zbiera wartość wejściową, na przykład centymetry.
- Drugie pole przechowuje współczynnik konwersji, w tym przypadku 1 cm = 0,393701 cala. Możesz je ukryć, aby użytkownicy go nie widzieli.
- Trzecie pole wykonuje obliczenia i wyświetla przeliczony wynik, w calach.
W ten sposób Twój formularz pozostaje prosty i działa natychmiast po stronie front-end.
Budowniczy SI automatycznie ustawia pole „Współczynnik konwersji” tak, aby było ukryte przed odwiedzającymi. Jest to świetny trik, ponieważ dzięki niemu Twój kalkulator wygląda schludnie i prosto dla użytkowników.
Na przykład, oto co dodałem do pola promptu:
Create a metric to imperial converter form using this specification:
Field 1:
Label: Centimeters
Type: Number
Instruction: Enter the value in centimeters (e.g., 10)
Field 2:
Label: Conversion Factor (Hidden)
Type: Number
Default Value: 0.393701
(This field is hidden and is used in the calculation)
Field 3:
Label: Inches
Type: Calculation (Number)
Formula: Centimeters × Conversion Factor
(Displays converted value in inches)
🧑💻 Wskazówka Pro: Możesz dostosować ten monit, aby utworzyć dowolny konwerter jednostek. Na przykład, aby przeliczyć gramy na uncje, wystarczy zmienić etykiety i użyć odpowiedniego współczynnika konwersji (1 g = 0,03527396 uncji).
Nie znasz współczynnika konwersji? Szybkie wyszukiwanie w Google „współczynnik konwersji gramów na uncje” zazwyczaj da Ci potrzebną liczbę!
Możesz nawet umieścić wiele konwerterów w tym samym formularzu. Po prostu postępuj zgodnie z tym samym formatem trzech pól dla każdego typu konwersji, który chcesz dodać.
Po wygenerowaniu formularza po prostu kliknij przycisk „Użyj tego formularza”.
Spowoduje to otwarcie edytora WPForms.
W tym momencie SI zbudowała podstawową strukturę naszego formularza. Teraz musimy tylko dodać „mózg” do naszego kalkulatora – faktyczną formułę, która wykonuje konwersję.
Aby rozpocząć, kliknij pole „Inches” (cale), aby otworzyć jego ustawienia. Następnie przejdź do zakładki „Advanced” (Zaawansowane) i włącz przełącznik „Enable Calculations” (Włącz obliczenia).
Aby to skonfigurować, kliknij pole „Inches” (cale), aby otworzyć jego ustawienia. Następnie przejdź do zakładki „Advanced” (Zaawansowane) i włącz opcję „Enable Calculations” (Włącz obliczenia).
Kliknij „Wygeneruj formułę”, aby użyć AI do zbudowania logiki konwersji.
W wyświetlonym oknie podręcznym możesz wprowadzić swój monit z czynnikiem konwersji.
Oto użyty przeze mnie monit:
convert centimeters to inches, 1 cm = 0.393701 inches
W ciągu kilku sekund AI Calculations zwróci formułę, której możesz użyć.
Po prostu kliknij przycisk „Wstaw formułę”, aby ją dodać.
Aby upewnić się, że formuła działa poprawnie, kliknij „Zweryfikuj formułę” tuż pod polem formuły.
Jeśli wszystko jest poprawnie skonfigurowane, zobaczysz zielony znacznik wyboru, który potwierdzi, że jest prawidłowy.
Teraz możesz również zmienić etykietę pola lub opis etykiety.
Aby to zrobić, po prostu kliknij pole, a następnie użyj ustawień w menu „Opcje pola”.
Możesz również edytować „Nazwę formularza” i „Opis formularza” w zakładce „Ustawienia”.
🧑💻 Wskazówka Pro: Zalecam dostosowanie tych pól, ponieważ można je wyświetlać na stronie front-end. To świetny sposób, aby dać odwiedzającym więcej kontekstu na temat tego, co robi formularz.
Gdy będziesz zadowolony z wyglądu formularza, kliknij przycisk „Zapisz” u góry ekranu, aby zapisać swój kalkulator.
Teraz, gdy utworzyłeś kalkulator konwersji, możesz dodać formularz do dowolnej strony lub wpisu.
Po prostu kliknij „Osadź”, aby rozpocząć proces.
W wyświetlonym oknie dialogowym kliknij „Wybierz istniejącą stronę”.
Następnie musisz wybrać stronę z listy rozwijanej.
Następnie kliknij przycisk „Zaczynajmy!”, aby otworzyć edytor bloków WordPress.
WordPress przeniesie Cię teraz do edytora treści.
Stąd kliknij przycisk „+” i wybierz blok WPForms, aby go dodać.
Następnie wybierz konwerter z listy rozwijanej.
WPForms załaduje następnie formularz w edytorze.
Domyślne ustawienia nie wyświetlają tytułu i opisów konwertera.
Aby je wyświetlić, po prostu włącz przełączniki w sekcji „Ustawienia formularza” w panelu po prawej stronie.
W razie potrzeby możesz przesuwać formularz w górę i w dół w obszarze treści.
Kiedy będziesz gotowy do publikacji, po prostu kliknij przycisk „Opublikuj” lub „Zaktualizuj” w prawym górnym rogu strony.
Teraz, jeśli odwiedzisz swoją witrynę, zobaczysz kalkulator konwersji na żywo.
Dzięki WPForms możesz również dodawać swoje formularze w obszarach gotowych na widżety. Na przykład, na moim blogu z przepisami demonstracyjnymi pokażę Ci, jak dodać konwerter gramów na uncje na pasku bocznym.
Przejdź do Wygląd » Widżety z Twojego obszaru administracyjnego WordPress.
W sekcji Pasek boczny kliknij przycisk „+” i wybierz blok WPForms. Następnie rozwiń pola rozwijane, aby wybrać odpowiedni formularz. W tym przypadku użyję „Konwertera gramów na uncje”.
Po wykonaniu tej czynności możesz kliknąć „Zapisz”, aby zachować zmiany.
Teraz, jeśli otworzysz swojego bloga WordPress, zobaczysz konwerter na pasku bocznym:
Najczęściej zadawane pytania dotyczące konwersji jednostek metrycznych na imperialne w WordPressie
Jeśli dopiero zaczynasz z konwersjami jednostek na swojej stronie WordPress, możesz mieć kilka pytań. Oto kilka najczęstszych, które pomogą Ci szybko skonfigurować i uniknąć typowych błędów.
Czy mogę dodać wiele konwerterów do tego samego formularza WordPress?
Tak! Możesz utworzyć wiele pól konwersji w tym samym formularzu WordPress. Po prostu postępuj zgodnie z tą samą strukturą: pole wejściowe, ukryty współczynnik konwersji i pole wyjściowe.
Jest to przydatne, jeśli chcesz pozwolić użytkownikom na konwersję kilku rodzajów pomiarów (np. cm na cale i gramów na uncje) w jednym miejscu.
Jak dokładne są te konwersje jednostek?
Konwersje opierają się na standardowych formułach matematycznych, więc są zazwyczaj bardzo dokładne.
Jednak ostateczny wynik zależy od sposobu ustawienia formuły. Możesz wybrać użycie pełnych wartości dziesiętnych dla maksymalnej precyzji lub zaokrąglenie wyniku, aby ułatwić czytanie odbiorcom – szczególnie na stronach z przepisami lub sklepach internetowych.
Czy mogę użyć listy rozwijanej, aby użytkownicy mogli wybierać jednostki?
Tak, ale zależy to od wybranej metody. Widżet GIGA Calculator z Metody 1 zawiera wbudowane listy rozwijane do wyboru jednostek.
Jednak, jak szczegółowo omówiliśmy w Metodzie 2, większość kreatorów formularzy, takich jak WPForms, działa najlepiej, gdy używasz oddzielnych pól liczbowych do obliczeń. Aby uzyskać niezawodne i natychmiastowe wyniki, zalecamy podejście z trzema polami i ukrytym współczynnikiem konwersji.
Czy potrzebuję wtyczki do dodawania konwersji jednostek w WordPressie?
Technicznie rzecz biorąc, można by zakodować logikę za pomocą JavaScript lub PHP, ale użycie kreatora formularzy, takiego jak WPForms, jest znacznie łatwiejsze, zwłaszcza jeśli nie jesteś programistą. Daje również kontrolę metodą przeciągnij i upuść oraz wbudowane style.
Czy mogę wyświetlić wynik natychmiast na stronie?
Tak, pod warunkiem, że Twój kreator formularzy obsługuje obliczenia w czasie rzeczywistym lub formuły generowane przez AI. Na przykład w WPForms możesz wyświetlać wyniki natychmiast po wpisaniu przez użytkowników wartości lub przesłaniu formularza.
Dodatkowe zasoby 🔗: Więcej o tworzeniu kalkulatorów online w WordPress
Jeśli chcesz dodać inne kalkulatory online do swojej witryny WordPress, zapoznaj się z tymi przewodnikami:
- Jak dodać kalkulator BMI w WordPress (krok po kroku)
- Jak dodać kalkulator wysyłki do swojej witryny WordPress
- Jak dodać konwerter walut w WordPress
- Jak dodać kalkulator kredytu hipotecznego w WordPress
- Jak stworzyć niestandardowy kalkulator w WordPress (krok po kroku)
- Najlepsze wtyczki kalkulatora podatkowego dla WordPress
Mam nadzieję, że ten samouczek pomógł Ci nauczyć się konwertować jednostki metryczne na imperialne w WordPressie. Możesz również zapoznać się z naszymi najlepszymi wyborami najlepszych wtyczek formularzy kontaktowych dla WordPressa oraz naszym przewodnikiem jak śledzić i zmniejszać porzucanie formularzy w WordPressie.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Dennis Muthomi
Oto przydatna wskazówka, jeśli korzystasz z Metody 2 z Formidable Forms: Dodaj przycisk „Kopiuj wynik” obok miejsca, w którym pojawia się konwersja. Zrobiłem to dla bloga kulinarnego i świetnie się sprawdza! Odwiedzający mogą szybko kopiować miary podczas gotowania.
Czasami najlepszą częścią tych kalkulatorów jest to, że zmniejszają liczbę zgłoszeń do działu wsparcia dotyczących niejasności w pomiarach.