Vi har arbetat med många WordPress-webbplatser genom åren, och en av de mest unika funktioner vi har behövt lägga till är en omvandlare av metriska enheter till imperiala enheter.
Den här funktionen är särskilt användbar om du driver en internationell e-handelsbutik som säljer produkter med storleksangivelser. Eller en receptblogg med ingredienser som mäts i gram eller milliliter.
Den goda nyheten är att det är enklare än du kanske tror att lägga till den här funktionen på din WordPress-webbplats. I den här artikeln visar vi dig två enkla metoder för att konvertera metriska enheter till imperial på din WordPress-webbplats, oavsett din tekniska kompetensnivå.
Varför konvertera metriska enheter till imperialistiska?
Om du har några mått på din blogg WordPress är det smart att konvertera dessa mått så att alla dina läsare kan förstå och använda dem, oavsett var i världen de befinner sig.
Detta kan förbättra upplevelsen för besökarna och få dem att stanna kvar längre på din site, vilket ökar antalet sidvisningar och minskar avvisningsfrekvensen. Detta sänder positiva signaler till search engines, vilket ofta kan förbättra din ranking och ge dig fler besökare.
För att lära dig mer, vänligen se vår ultimata WordPress sökmotorsoptimering guide för Beginner.
Om you run en online store kan mätningarna hjälpa kunderna att avgöra om en produkt är rätt för dem.
Om en visitor inte kan förstå en produkts mått kanske de väljer att handla någon annanstans, och you går miste om försäljning.
Även om du manuellt kan konvertera och publicera alla mätningar på din WordPress website, är det mycket enklare att använda ett plugin.
Med detta sagt, låt oss se hur du kan add to en konverteringskalkylator till din site så att besökarna kan konvertera metriska enheter till imperial i WordPress. Använd bara snabblänkarna under för att hoppa direkt till den lösning du vill använda:
Metod 1: Konvertera enheter med en widget (inget plugin obligatoriskt)
En metod är att lägga till en omvandlingskalkylator på din webbplats med hjälp av kod och en WordPress-widget. Det här är ett bra alternativ om du inte vill installera ett separat plugin för kalkylatorer, eftersom den onlinekalkylator som kommer att användas är gratis.
You can get the code for your conversion calculator by visiting the GIGA Calculator site.
Denna site har hundratals online-kalkylatorer och konverters som du kan add to your WordPress website, inklusive en Metric till Imperial converter.
Till att börja med kan du testa hur miniräknaren fungerar genom att skriva in olika mått.
Om du är nöjd med hur konvertern är konfigurerad, fortsätt och klicka på ”hämta kod”.
Standardinställningarna bör fungera bra för de flesta WordPress-webbplatser, men du kanske vill ändra titeln som visas ovanför widgeten genom att ersätta ”Widget title” med ditt eget customize message.
I ”Widget code” ser du all HTML som du behöver för att lägga till på din webbplats, så gå vidare och kopiera den.
I en new tab, heada över till din WordPress dashboard och gå till Appearance ” Widgets.
Nu ser du all area som är redo för widgetar i ditt WordPress theme.
Hitta bara det area där du vill visa konvertern från metric till imperial och click på dess ”+” knapp.
I popupen som dyker upp skriver du in ”Custom HTML”.
När det högra blocket dyker upp, click för att add det till widget-ready area. Du kan nu gå vidare och klistra in koden i det här blocket.
För att göra dina ändringar Live, klicka på knappen ”Update”.
Besök nu din WordPress blogg eller website för att se konverteraren i action.
Metod 2: Använda en Form Builder (bäst för avancerade konverteringsberäknare)
Om du vill add to en grundläggande kalkylator för konvertering till din site är metod 1 ett bra val. Men om du vill skapa en mer avancerad kalkylator som också är helt anpassningsbar, rekommenderar vi att du använder Formidable Forms.
Det är den mest avancerade drag & drop WordPress form builder och det bästa WordPress kalkylator plugin. Formidable Forms kommer också med en built-in längdkonverteringskalkylator som kan konvertera längder mellan olika måttenheter.
You can add this converter to your site with just a few clicks or customize it with your own content and messaging without having to write a single line of code.
Det första du behöver göra är att installera och aktivera både de gratis Formidable Forms Lite- och Formidable Forms Pro-tilläggen. Det gratis tillägget har begränsade funktioner, men Formidable Forms Pro använder det som grund för sina mer avancerade funktioner.
För mer detaljer, se vår guide om hur du installerar ett plugin för WordPress.
När du har gjort det, gå till Formidable ” Global Settings och välj sedan ’Click to enter a license key manually’.
Därefter klistrar du in din license key i boxen och clickar på knappen ”Save License”.
Du hittar din license key genom att logga in på ditt account på Formidable Forms website.
Efter några ögonblick ser du ett ”license activation success” message.
Efter det kan du skapa din första kalkylator genom att gå till Formidable ” Formulär och sedan klicka på ”Add New”.
Detta kommer att ge en lista över alla de olika formulärmallarna du kan välja mellan. Formidable Forms har olika färdiga kalkylatormallar, till exempel en bolånekalkylator och en bilbetalningskalkylator.
I search boxen skriver du ”Length” och väljer sedan ”Length Conversion Calculator” när den dyker upp. Klicka sedan på knappen ”Use Template”.
Detta öppnar kalkylatorns template i Formidable Forms editor.
Kl. 12.00 kan du vilja customize de olika fälten. Du kan till exempel ändra fältetiketten eller texten för placeholder.
För att göra detta klickar du bara på fältet och använder sedan inställningarna i menyn ”Field Options”.
Vi rekommenderar att du inte mixtrar för mycket med fälten eftersom det finns en fördefinierad formel som fungerar för att konvertera värdena i kalkylatorn. Du får dock gärna ändra enkla element som gillar fältetiketterna.
Om du går till kartan ”Style” kan du välja en annan design för miniräknaren.
Nästa tabb är ”Settings”. Det finns många saker du kan göra här, som att ställa in en post-completion action (gillar att skicka en bekräftelse email), ändra texten på knappen eller ändra formuläret description.
You can also limit the form visibility to logged-in users only if needed.
När du är nöjd med hur formuläret ser ut kan du klicka på knappen ”Save” högst upp på vyn för att spara din kalkylator.
Nu när du har skapat en kalkylator för konvertering kan du add to den på valfri page eller post. Du kan till exempel skapa en new page, add to kalkylatorn till produktsidor i din WooCommerce store, eller visa den på din homepage.
Som ett exempel, låt oss skapa en separat sida för att visa kalkylatorn genom att gå till Pages ” All Pages och sedan klicka på ”Add New”.
Börja med att skriva in en rubrik för kalkylatorpagen.
Efter det klickar du bara på ikonen ”+” och skriver sedan ”Formidable Forms”. När det högra blocket dyker upp ger du det ett click för att add to the page.
Öppna sedan dropdown ’Select a form’ och välj formuläret för konvertering av längd.
WordPress kommer nu att add formuläret till din page eller post.
Nu kan du fortsätta att redigera sidan genom att lägga till text, bilder, en beskrivning av kalkylatorn, kategorier och taggar och allt annat som du vill använda.
När du är redo att gå live klickar du bara på knappen ”Publicera” eller ”Updated” i det högra hörnet på sidan.
Nu, om du besöker din webbplats, kommer du att se konverteringskalkylatorn live.
Learn More om hur du skapar onlinekalkylatorer i WordPress
Om du gillar att add to andra onlinekalkylatorer till din WordPress website, kontrollera då dessa guider:
- Hur man skapar en Customize Calculator i WordPress (Step-by-Step)
- Så här addar du en BMI-kalkylator i WordPress (Step-by-Step)
- Så här addar du en fraktkalkylator till din site i WordPress
- Så här addar du till en valutaomvandlare i WordPress
Vi hoppas att denna poradnik hjälpte dig att lära dig hur man konverterar metriska enheter till imperial i WordPress. Du kanske också vill kolla in våra expertval av de bästa plugins för kontaktformulär för WordPress och vår przewodnik om hur man spårar och minskar övergivna formulär i WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Har du en fråga eller ett förslag? Lämna gärna en kommentar för att starta diskussionen.