Estimativa: Exibição do tempo de leitura estimado e do número de palavras

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

Estimativa: Tempo de leitura:

Código Liquid -

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


Aqui está a explicação do código

assign reading_time = article.content: Isto cria uma variável chamada reading_time e atribui-lhe o texto completo do corpo da publicação de blog. 

| strip_html: Este filtro remove todas as etiquetas HTML (como <p>, <strong> ou <div> etc.), para que contemos apenas as palavras reais.

| split: ' ': Isto transforma a longa sequência de texto numa lista (array), dividindo-a sempre que encontra um espaço. Note que, se utilizar ‘’ (sem espaço), o código devolverá a contagem de caracteres.

| size: Isto conta o número total de elementos nessa lista, o que corresponde, na prática, ao número total de palavras do artigo.

| times: 1.0: Isto converte o número inteiro num valor decimal (float). Isto é necessário para garantir que a divisão no passo seguinte seja precisa e não seja simplesmente arredondada para baixo de imediato.

| divided_by: 200: Isto divide o número total de palavras por 200 (assumimos que o número médio de palavras lidas por minuto é, de facto, o padrão da indústria de 200 palavras por minuto).

| ceil: Arredonda o resultado para cima para o número inteiro mais próximo (por exemplo, 2,1 minutos passa a "3 min de leitura").

{{ reading_time }} min de leitura: Isto apresenta o número final calculado na página, seguido do texto "min de leitura".



Contagem de palavras: 

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


Uma vez que a lógica da contagem de palavras segue os mesmos passos explicados acima, não voltaremos a detalhá-la aqui.

A estimativa do tempo de leitura e da contagem de palavras utilizando código Liquid é uma solução nativa altamente eficiente para aumentar o envolvimento dos utilizadores com o blog sem depender de aplicações de terceiros pesadas.

Let's Explore Your Project Details

1. Configuração e Implementação Completa da Loja
Lance a sua loja com confiança graças aos nossos serviços abrangentes de configuração. Tratamos de tudo, desde a configuração inicial do domínio e a integração da plataforma de pagamentos até à organização do catálogo de produtos, garantindo uma base sólida para começar a vender de imediato.

2. Design Impecável e Personalização de Temas
Destaque-se com uma loja online de alta conversão, adaptada à sua marca. Quer criemos um tema personalizado do zero ou convertamos designs do Figma/XD, garantimos uma combinação perfeita entre uma estética deslumbrante e uma funcionalidade otimizada para dispositivos móveis.

3. Funcionalidades Personalizadas e Desenvolvimento de Aplicações
Vá além do básico com soluções à medida. Desenvolvemos aplicações Shopify privadas e públicas seguras que ampliam as capacidades da sua loja, automatizam processos de negócio complexos e integram-se perfeitamente com a sua infraestrutura tecnológica atual.

4. Otimização de Desempenho e SEO
A velocidade é a base da conversão. Os nossos programadores implementam código Liquid limpo, otimizam as Core Web Vitals e aplicam as melhores práticas de SEO técnico para garantir que a sua loja tenha um melhor posicionamento e carregue instantaneamente em todos os dispositivos.

5. Migração Sem Problemas e Suporte para Crescimento
Melhore a sua experiência de comércio eletrónico sem riscos. Facilitamos a migração de plataformas como o WooCommerce ou o Magento, garantindo a total integridade dos dados e fornecendo manutenção contínua para que a sua loja cresça ao ritmo do seu negócio.

Let's Explore Your Project Details

Name

Email

Phone Number

Write a message

Hire Us to Autopilot Your Shopify Service
Voltar para o blogue

Deixe um comentário

Blogs Vistos Recentemente

Continuar a Ler

  • Como Aumentar as Vendas na Shopify: As 15 Melhores Estratégias

    Estratégias Shopify Jan 21, 2026
  • Desbloquear o sucesso com serviços de desenvolvimento Shopify: principais tendências

    Desenvolvimento Shopify Jan 21, 2026