Letar du efter sätt att visa en animerad nummerräknare på din WordPress-webbplats?
Att visa ett numeriskt antal hjälper till att fånga dina besökares uppmärksamhet och låter dig visa milstolpar, nöjda kunder, framgångsrika projekt som slutförts och annan viktig statistik på din webbplats.
I den här artikeln kommer vi att visa dig hur du visar en nummerräkningsanimation i WordPress.
Varför lägga till en nummerräkningsanimation i WordPress?
Att visa en sifferräknare på din WordPress-webbplats är ett bra sätt att engagera användare och fånga deras uppmärksamhet.
Du kan använda den för att visa viktig statistik på din webbplats, som antalet besökare per månad eller antalet artiklar på en WordPress-blogg.
På samma sätt kan du använda en animerad antalsräkning för att visa avslutade projekt, antalet nöjda kunder, antalet kunder, milstolpar som ditt företag har nått och annan viktig information.
Till exempel, OptinMonster Använd sifferräknaren för att visa optimerade månatliga besökssessioner.
Att lägga till och anpassa ett antal siffror i WordPress kräver vanligtvis redigeringskod. Detta kan vara svårt för nybörjare som inte vet hur man skriver kod.
Med det sagt, låt oss se hur du kan visa en animerad sifferräknare i WordPress. Vi kommer att täcka två enkla metoder med hjälp av en premium webbplatsbyggare och ett gratis plugin.
Du kan klicka på länkarna nedan för att gå till ditt föredragna avsnitt.
Metod 1: Visa en nummerräkningsanimation med SeedProd
Det bästa sättet att lägga till en animerad nummerräknare i WordPress är att använda SemillaProd. Det är den bästa WordPress-webbplatsbyggaren som erbjuder en dra-och-släpp-sidbyggare och många anpassningsalternativ.
För den här handledningen kommer vi att använda SeedProd Pro-versionen eftersom den innehåller avancerade block och låter dig lägga till en räknare. Det finns även en SeedProd Lite-version du kan prova gratis.
Det första du behöver göra är att installera och aktivera SeedProd. Om du behöver hjälp, kolla in vår guide om hur du installerar ett WordPress-plugin.
Vid aktivering kommer SeedProd att be dig ange licensnyckeln. Du hittar licensnyckeln i ditt kontoområde och köpbekräftelsen via e-post.
Därefter måste du gå till SeedProd » Målsidor från din WordPress adminpanel.
SeedProd låter dig skapa professionellt designade anpassade målsidor, inklusive en kommande sida, underhållslägessida, inloggningssida och 404-sida.
Gå vidare och klicka på knappen “Lägg till ny målsida”.
Efter det kan du välja en mall för din målsida och visa den animerade sifferräknaren.
Håll helt enkelt muspekaren över en mall och klicka på den orange bockknappen.
Nu öppnas ett popup-fönster. Ange bara namnet på en sida och sidans URL.
Därefter klickar du på knappen “Spara och börja redigera sidan”.
Detta kommer att starta SeedProd dra och släpp byggare.
Du kan sedan redigera din sidmall genom att lägga till olika block eller klicka på befintliga element på sidan.
För att lägga till en animerad nummerräkning, dra helt enkelt “Räknare”-blocket från din vänstra meny och släpp det på mallen.
Efter det kan du välja Counter block för att anpassa det ytterligare.
Det finns till exempel alternativ för att ändra start- och slutnummer på räknaren, ange ett nummerprefix och suffix och redigera titeln.
Du kan sedan byta till fliken “Avancerat” i inställningarna Counter block till vänster.
Här hittar du fler alternativ för att ändra stil, färg, mellanrum, teckensnitt och mer för ditt motblock.
Efter det kan du gå till fliken “Sidinställningar” längst upp.
Klicka nu på knappen “Sidstatus” och ändra den till Posta.
Du kan sedan klicka på knappen “Spara” högst upp och avsluta målsidesbyggaren.
Besök deras hemsida för att se den animerade nummerräknaren i aktion.
Metod 2: Visa en animering för talräkning med hjälp av räknarnumret
Ett annat sätt att lägga till antal räknande animationer i WordPress är att använda Räknarnummer plugg.
Det är ett gratis WordPress-plugin som är lätt att använda och låter dig skapa enkla räknarnummer för din webbplats.
Först måste du installera och aktivera Counter Number-plugin. För mer information, se vår guide om hur du installerar ett WordPress-plugin.
Efter aktivering kan du gå till Räknarnummer » Alla räknare från din WordPress-instrumentpanel och klicka på knappen “Lägg till ny räknare”.
Därefter kan du ange en titel för ditt revisorsnummer.
I gratisversionen kan du bara välja den enkla designmallen. Om du vill ha fler mallar och anpassningsalternativ föreslår vi att du använder SemillaProd.
Du kan sedan lägga till uppgifter om revisorsnummer. Det finns alternativ för att redigera räknarens titel, välja en ikon och ange räknarens nummervärde.
Du kan lägga till så många räknarnummer du vill genom att klicka på knappen ‘Lägg till ny räknarruta’ längst ner.
Utöver det får du fler anpassningsalternativ i panelen till höger.
Till exempel låter plugin dig ändra räknarens titelfärg, nummerfärg, ikonstorlek, teckenstorlek, teckensnittsfamilj och mer.
När du har gjort dina ändringar, rulla uppåt och publicera din räknare.
Du kan sedan gå till Räknarnummer » Alla räknare från din WordPress-instrumentpanel.
Fortsätt och kopiera Counter Shortcode. Det kommer att se ut ungefär så här:[COUNTER_NUMBER id=41]
Du kan sedan placera din animerade nummerräkning var som helst på din webbplats, från inlägg och sidor till sidofält.
Lägg bara till ett nytt inlägg eller sida eller redigera ett befintligt. När du är i innehållsredigeraren klickar du bara på “+”-tecknet och lägger till ett kortkodsblock.
Du kan sedan klistra in kortkoden för räknaren i blocket.
Härifrån kan du förhandsgranska och publicera din sida eller ditt inlägg för att se animerade siffror i aktion.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du visar en animering för antal räknare i WordPress. Du kan också kolla in vår ultimata guide till WordPress-säkerhet och vårt expertval av de bästa WordPress-plugins för småföretagswebbplatser.
