Como detectar dispositivos móveis no WordPress

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br


Quando você está criando um site, é útil poder detectar se o usuário o visita em um dispositivo móvel ou não.

O principal objetivo desse recurso é normalmente poder gerenciar melhor o peso da página, mas também pode ser usado para ocultar ou mostrar conteúdo com base no tipo de dispositivo onde está o visitante.

Além disso, a oferta de conteúdo diferente, dependendo do dispositivo, oferece muitas opções oportunidades de otimização de vendas, se você tiver uma loja on-line, adaptando-se à navegação em cada dispositivo, móvel ou não.

Antes de usar esse recurso, lembre-se de que A detecção móvel não substitui o uso de

media queries

ou uma estrutura que seja adaptável (responsivo), mas sim um complemento que pode ajudá-lo a configurar com precisão o seu tema WordPress.

E não quero dizer versões de oferta responsivo (adaptável a diferentes dispositivos) do seu site, mas executar e exibir itens diferentes, dependendo do dispositivo.

A função wp_is_mobile

O que eu estou falando é a função

wp_is_mobile

que permite detectar se um visitante está usando um dispositivo móvel Para ver o seu site.

Esta função executa uma série de testes com base na solicitação do agente do usuário do navegador do visitante e retorna valores

TRUE

ou

FALSE

dos resultados do teste.

Você pode ver os detalhes do que a função faz no arquivo /wp-includes/vars.php.

Seu uso mais eficaz é através de condicionais, desta maneira:

Você apenas precisa substituir o comentário no fragmento de exemplo pelo código que será executado em cada caso.

Fácil né?

Ah! que não?

Plugins do WordPress para detectar dispositivos móveis

Se preferir, também há um plug-in que permite detectar dispositivos móveis e tomar decisões em conformidade.

Detecção móvel

Este plugin usa a função

wp_is_mobile

, e destina-se a desenvolvedores que desejam ir além das possibilidades padrão do WordPress.

Assim, você pode usar métodos com classes ou adicionar a identificação de tablets. A documentação explica como usá-lo para personalizar o uso de

wp_is_mobile

.

Também é compatível com códigos de acesso e aqui estão vários exemplos de uso.

Exibição condicional para celular

Este plugin é muito mais personalizável que o anterior, e você permite incluir variáveis ​​e condicionais para detectar diferentes tipos de dispositivos móveis.

Tem o código de acesso

(wonderplugin_cond)

e

(/wonderplugin_cond)

que você pode usar envolvendo seu conteúdo e, em seguida, usando os atributos do plug-in para controlar onde cada conteúdo será exibido.

O plug-in suporta dois atributos:

deviceinclude

e

deviceexclude

.

deviceinclude

pode ser usado para exibir o conteúdo apenas para os dispositivos na lista e

deviceexclude

para ocultar o conteúdo dos dispositivos na lista.

Os dispositivos que você pode detectar são

iPod

,

iPhone

,

iPad

,

iOS

,

Android

,

Mobile

,

Windows

,

Mac

e

Linux

. Você pode especificar vários dispositivos, separando-os com vírgulas.

Alguns detalhes a serem lembrados:

  • Se você usar o dispositivo genérico chamado
    Mobile

    Isso incluirá todos os dispositivos móveis e tablets: iPhone, iPad, iPod, celular / tablets Android.

  • Se você quiser diferenciar dispositivos móveis e tablets, poderá especificar vários dispositivos separados por vírgula separadamente, por exemplo
    deviceinclude="iPhone,iPod,Android"

    ou

    deviceinclude="iPad"

    .

  • Atualmente, não há como detectar a diferença entre telefones e tablets Android.

Eu dou alguns exemplos:

(wonderplugin_cond deviceinclude="Mobile")
Este contenido solo se mostrará en dispositivos móviles y tabletas.
(/wonderplugin_cond)

(wonderplugin_cond deviceexclude="Mobile")
Este contenido se ocultará en dispositivos móviles y tabletas.
(/wonderplugin_cond)

(wonderplugin_cond deviceexclude="iPhone,iPad")
Este contenido se mostrará en todos los dispositivos excepto en iPhone e iPad.
(/wonderplugin_cond)

Como você pode ver, ele não possui interface visual, mas é muito fácil de usar e é muito personalizável.

Temas do WordPress para oferecer conteúdo diferente em dispositivos móveis

Mais e mais temas e modelos visuais que permitem estruturar seu site para que diferentes conteúdos sejam exibidos aos visitantes com dispositivos móveis.

A Divi incorporou esse recurso anos atrás e é muito fácil de fazer. Além disso, essa funcionalidade não melhorou muito, estendendo-a a todos os elementos da página.

Qualquer elemento que você possa inserir no Divi, de imagens a textos, linhas, colunas e seções, você pode especificar a aparência de cada dispositivo e, mesmo que pareça ou não.

Além disso, ele também permite que você personalize a aparência geral de dispositivos móveis e pode até alterar menus, fontes e muito mais.

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br

E sim, Elementor também permite edição móvel adaptável, como você pode ver na captura de tela a seguir …

E o WordPress não pode fazer algo assim?

Bem, está nele e, pelo menos por enquanto, há algum plug-in que incorpora essa funcionalidade no editor de blocos, de vez em quando.

Como você pode ver, por opções não será, então comece a pensar oferecer conteúdo adaptado a diferentes dispositivos.

A entrada Como detectar dispositivos móveis no WordPress foi publicada pela primeira vez por Fernando Tellado na Ajuda do WordPress. Não copie conteúdo, ele não diz nada de bom a você para seus leitores.

Publicações interessantes:

Um guia abrangente para o conteúdo Evergreen

Será que as empresas de tecnologia já adotaram a ética com seriedade?

Inteligência artificial (AI) em Web design

Como Formar um Mentor Para Empreendedores da Internet Que não Sugam

Meu filho de 20 anos acabou de voltar depois do drama de colega de quarto. Como faço para expulsá-lo?

Como faturar até € 6300 em um mês, criando um blog a partir do zero, em um nicho hiperespecializado e com medo de morrer

 Encontre os preços da Sunroom on-line no mercado

Como preparar uma estratégia de marketing digital eficaz

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br