Você já acessou algum site pelo celular ou tablet e tinha um ícone para adicionar um “app” a sua tela inicial? A dica de hoje é o Super PWA, um plugin super leve para ser usado por qualquer site WordPress. Uma dica para ver como funciona é acessar o próprio site da Geek Prudens pelo celular. Entretanto, o plugin fará um “app” do site responsivo e não um aplicativo “personalizado”. Abaixo confira a descrição do plugin no repositório oficial do WordPress:

O Progressive Web Apps (PWA) é uma nova tecnologia que combina o melhor da Web para dispositivos móveis e o melhor dos aplicativos móveis para criar uma experiência da Web móvel superior. Eles são instalados no telefone como um aplicativo normal (aplicativo da web) e podem ser acessados ​​na tela inicial.

Os usuários podem voltar ao seu site iniciando o aplicativo na tela inicial e interagindo com o site por meio de uma interface semelhante a um aplicativo. Seus visitantes de retorno irão experimentar tempos de carregamento quase instantâneos e aproveitarão os excelentes benefícios de desempenho do seu PWA!

O Super Progressive Web Apps facilita a conversão do seu site WordPress em um Progressive Web App instantaneamente!

Depois que o SuperPWA for instalado, os usuários que navegarem em seu site a partir de um dispositivo móvel compatível verão um aviso “Adicionar à tela inicial” (na parte inferior da tela) e poderão “instalar seu site” na tela inicial do dispositivo. Todas as páginas visitadas são armazenadas localmente no dispositivo e estarão disponíveis para leitura mesmo quando estiverem off-line.

SuperPWA é fácil de configurar, leva menos de um minuto para configurar seu Progressive Web App! O SuperPWA faz uma desinstalação limpa, removendo todas as entradas e arquivos do banco de dados que cria. Na verdade, nenhuma das configurações padrão é salva no banco de dados até que você salve manualmente na primeira vez. Vá em frente e tente.

Aqui estão os recursos atuais do Super Progressive Web Apps:

  • Gere um manifesto para o seu site e adicione-o à cabeça do seu site.
  • Defina o ícone do aplicativo para seu aplicativo da Web progressivo.
  • Defina a cor do plano de fundo da tela inicial do seu Progressive Web App.
  • Seu site mostrará o aviso “Adicionar à tela inicial” quando acessado em um navegador compatível.
  • Cache agressivo de páginas usando a API CacheStorage.
  • As páginas armazenadas em cache são exibidas mesmo se o usuário estiver off-line.
  • Definir página off-line personalizada: selecione a página que você deseja que o usuário veja quando uma página que não está no cache for acessada e o usuário estiver off-line.
  • Novo na versão 1.2: Suporte para a propriedade meta da cor do tema. Altere a cor da barra de endereços do navegador do Chrome, Firefox OS e Opera para corresponder às cores do seu site.
  • Novo na versão 1.2: Agora você pode editar o nome do aplicativo e o nome abreviado do aplicativo.
  • Novo na versão 1.2: defina a página inicial do seu PWA.
  • Novo na versão 1.2: defina a versão de páginas móveis aceleradas (AMP) da página inicial. Plugins suportados: AMP para WordPress, AMP para WP, Melhor AMP, AMP Supremacy, WP AMP.
  • Novo na versão 1.3: Adicionado suporte para tela inicial de alta qualidade. Agora você pode definir o ícone 512 × 512 para a tela inicial do seu Progressive Web App.
  • Novo na versão 1.3: Super Progressive Web Apps agora é responsável por atualizações de conteúdo e atualizará o cache conforme você atualiza o site.
  • Novo na versão 1.3: Manipulação aprimorada de atualização do trabalhador de serviço no navegador.
  • Novo na versão 1.4: agora você pode definir a orientação padrão do seu PWA. Escolha entre “qualquer” (siga a orientação do dispositivo), “retrato” e “paisagem”.
  • Novo na versão 1.4: agora você pode definir a propriedade theme_color no manifesto.
  • Novo na versão 1.5: Integração OneSignal para notificações push.
  • Novo na versão 1.6: Compatibilidade de rede WordPress Multisite.
  • Novo na versão 1.7: Add-Ons para SuperPWA está aqui! Navios com UTM rastreamento Add-On para rastrear as visitas provenientes de seu PWA.
  • Novo na versão 1.8: Problemas de compatibilidade com o OneSignal agora estão resolvidos!
  • Novo na versão 1.8: Novo complemento: Ícones Apple Touch que definem seus ícones de aplicativos como ícones Apple Touch.
  • Novo na versão 2.0: o SuperPWA agora é compatível com o WordPress instalado em uma subpasta.
  • Novo na versão 2.0: agora você pode definir a propriedade de exibição das configurações do SuperPWA.

REQUISITOS MÍNIMOS DO PROGRESSIVE WEB APP

Os Progressive Web Apps exigem que o seu site WordPress seja servido de uma origem segura, ou seja, seu site deve ser HTTPS e não HTTP. Se o seu site não for HTTPS, entre em contato com seu host sobre isso. 

ESTAS ABAIXO SÃO NOSSAS REDES SOCIAIS

Deixe uma resposta