Uppskattning: Visar beräknad lästid och ordantal

Shopify website development Jan 21, 2026
Estimation: Displaying Estimated Reading Time and Word Count

Uppskattning: För lästid:

Liquid-kod -

{% assign reading_time = article.content | strip_html | split: ' ' | size | times: 1.0 | divided_by: 200 | ceil %}{{ reading_time }} min läsning


Här är en genomgång av koden

assign reading_time = article.content: Detta skapar en variabel som heter reading_time och tilldelar den hela brödtexten i blogginlägget. 

| strip_html: Detta filter tar bort alla HTML-taggar (som <p>, <strong> eller <div> etc.) så att vi bara får med de faktiska orden som räknas.

| split: ' ': Detta förvandlar den långa textsträngen till en lista (array) genom att dela upp den varje gång det finns ett mellanslag. Observera att om du använder '' (inget mellanslag) kommer den att returnera antalet tecken.

| size: Detta räknar det totala antalet objekt i den listan, vilket i praktiken ger dig det totala antalet ord i artikeln.

| times: 1.0: Detta omvandlar heltalet till ett decimaltal (float). Detta är nödvändigt för att säkerställa att divisionen i nästa steg är exakt och inte bara avrundas nedåt direkt.

| divided_by: 200: Detta delar det totala antalet ord med 200 (vi antar att genomsnittligt antal ord som läses per minut faktiskt är 200 ord per minut, vilket är en branschstandard).

| ceil: Det rundar av resultatet uppåt till närmaste heltal (t.ex. blir 2,1 minuter till "3 min läsning").

{{ reading_time }} min läsning: Detta skriver ut det slutgiltiga beräknade numret på sidan följt av texten "min läsning".



För ordantal: 

{% assign word_count = article.content | strip_html | split: ' ' | size %}{{ word_count }} ord


Eftersom logiken för ordantal följer samma steg som förklaras ovan, kommer vi inte att upprepa genomgången här.

Uppskattningen av lästid och ordantal med hjälp av Liquid-kod är en mycket effektiv, inbyggd lösning för att öka engagemanget hos bloggläsare utan att förlita sig på tunga tredjepartsappar.

Let's Explore Your Project Details

1. End-to-end-uppsättning och konfiguration av butik
Lansera med trygghet tack vare våra omfattande uppsättningstjänster. Vi sköter allt från den inledande domänkonfigurationen och integrationen av betalväxel till organiseringen av produktkatalogen, så att du får en stabil grund för omedelbara försäljningar.

2. Pixelperfekt design och anpassning av tema
Stick ut med en konverteringsdrivande butik som är skräddarsydd för ditt varumärke. Oavsett om vi bygger ett anpassat tema från grunden eller konverterar Figma-/XD-designer ser vi till att skapa en sömlös kombination av en fantastisk estetik och mobilanpassad funktionalitet.

3. Anpassad funktionalitet och apputveckling
Gå bortom grunderna med skräddarsydda lösningar. Vi utvecklar säkra privata och publika Shopify-appar som utökar din butiks funktionalitet, automatiserar komplexa affärsprocesser och integreras sömlöst med din befintliga teknikstack.

4. Prestanda- och SEO-optimering
Hastighet är grunden för konvertering. Våra utvecklare implementerar ren Liquid-kod, optimerar Core Web Vitals och tillämpar tekniska SEO-best practices för att säkerställa att din butik rankar högre och laddas direkt på alla enheter.

5. Sömlös migrering och skalningsstöd
Uppgradera din e-handelsupplevelse utan risk. Vi erbjuder smidig migrering från plattformar som WooCommerce eller Magento, garanterar att inga data går förlorade och tillhandahåller löpande underhåll för att skala din butik i takt med att ditt företag växer.

Let's Explore Your Project Details

Name

Email

Phone Number

Write a message

Hire Us to Autopilot Your Shopify Service
Tillbaka till blogg

Lämna en kommentar

Nyligen visade bloggar

Fortsätt läsa

  • Så ökar du försäljningen på Shopify – 15 bästa strategier

    Shopify-strategier Jan 21, 2026
  • Lås upp framgång med Shopify-utvecklingstjänster: Topptrender

    Shopify-utveckling Jan 21, 2026