Em 2012, o WordPress 3.4 introduziu uma função que os desenvolvedores poderiam usar para verificar se um visitante estava usando um dispositivo móvel. A função, chamada wp_is_mobile (), foi construída durante um período em que a maioria dos telefones celulares estava com pouca potência e os tamanhos das tela ainda eram pequenos em comparação com os padrões atuais.
Mas agora que o uso móvel superou os laptops rivais de navegação e smartphones no poder, levanta uma questão justa - o WP_IS_MOBILE () ainda é útil ou se tornou desatualizado?
Vamos explorar o que essa função faz, quando usá -la, onde fica aquém e se ainda deve fazer parte do seu de desenvolvimento do WordPress .
O que é wp_is_mobile () e o que ele faz?
A função wp_is_mobile () é uma função WordPress interna que retorna true se um visitante do site estiver usando um dispositivo móvel. Ele verifica a sequência do agente do usuário enviada pelo navegador do visitante para determinar se a solicitação vem de um smartphone ou tablet.
Esta função não distingue entre telefones e tablets, nem analisa o tamanho ou a orientação da tela. Em vez disso, depende da presença de palavras -chave no agente do usuário para tomar sua decisão. Se a sequência do navegador incluir indicadores de um dispositivo móvel, a função retornará true; Caso contrário, ele retorna falsa.
Precisa de ajuda especializada otimizar o WordPress para dispositivos móveis?
Nossa equipe cria soluções personalizadas do WordPress que se adaptam perfeitamente aos dispositivos de usuário, melhoram o desempenho e escalam com seus objetivos de negócios.
Por que foi apresentado?
Quando o WordPress introduziu a função, o Web design responsivo estava apenas começando a decolar. Os desenvolvedores geralmente construíram versões móveis separadas de sites e trabalharam duro para reduzir o uso de dados para usuários móveis. Limitações de largura de banda e desempenho mais fraco do dispositivo tornaram a otimização uma prioridade superior.
A idéia era simples - permita que os desenvolvedores mostrem ou ocultem condicionalmente o conteúdo com base em se o visitante estava em um dispositivo móvel ou não.
Como funciona wp_is_mobile ()?
Aqui está um exemplo básico de como usar essa função dentro de um arquivo de modelo PHP:
<?php if ( wp_is_mobile() ) { ?><p>Este conteúdo é para dispositivos móveis.</p><?php } else { ?><p> Este conteúdo é para usuários de desktop.</p><?php } ?>Este snippet produz conteúdo HTML diferente com base no dispositivo do visitante. É útil se você deseja carregar um layout leve para usuários móveis ou exibir instruções alternativas.
wp_is_mobile () vs design responsivo
A maior limitação de wp_is_mobile () é que ele funciona no lado do servidor , muito antes de qualquer CSS ou JavaScript se envolver. Não pode detectar a largura ou resolução da tela. Em vez disso, se baseia inteiramente na detecção de seqüências de caracteres no agente do usuário.
Por outro lado, as consultas de mídia CSS e as técnicas modernas responsivas podem responder às dimensões e orientação da tela reais. Eles adaptam o layout de conteúdo com base em quanto espaço está disponível, independentemente do tipo de dispositivo.
Se seu objetivo é flexibilidade de layout, WP_IS_MOBILE () não é a ferramenta ideal. Mas se você precisar fornecer conteúdo alternativo antes que a página seja carregada - especialmente com base no tipo de dispositivo - essa função ainda serve a um objetivo.
Quando usar wp_is_mobile ()
Apesar de sua idade, ainda existem vários casos de uso em que WP_IS_MOBILE () pode ser útil:
- Carregando arquivos de imagem menores para dispositivos móveis
- Exibindo instruções específicas para dispositivos móveis ou conteúdo de ajuda
- Redirecionando os usuários móveis para o aplicativo para download de páginas
- Servindo cabeçalhos ou menus alternativos para visitantes móveis
- Criando códigos de short que alternam a visibilidade do conteúdo com base no tipo de dispositivo
É especialmente útil quando emparelhado com funções ou códigos de short personalizados que oferecem aos editores de conteúdo mais controle dentro do editor de blocos do WordPress.
Criação de códigos de short com wp_is_mobile ()
Para dar aos editores uma maneira simples de mostrar conteúdo móvel ou somente de mesa dentro de postagens ou páginas, você pode usar esse código em suas funções.php arquivo:
add_shortcode ('desktop', 'show_desktop_content'); função show_desktop_content ($ atts, $ content = null) {if (! wp_is_mobile ()) return do_shortcode ($ content); } add_shortcode ('celular', 'show_mobile_content'); função show_mobile_content ($ atts, $ content = null) {if (wp_is_mobile ()) return do_shortcode ($ content); }Agora você pode usar [Mobile] Tap [/Mobile] e [Desktop] Clique [/Desktop] para adaptar a linguagem com base na interação do dispositivo.
wp_is_mobile () e wordpress cache
Um dos maiores desafios ao usar WP_IS_MOBILE () é o cache . Como a função é executada no servidor, ela pode causar problemas se o cache não estiver configurado corretamente.
Se uma versão em cache de uma página for criada para um usuário móvel, todos os futuros visitantes - incluindo usuários de desktop - poderão ver a versão móvel, a menos que sua solução de armazenamento em cache separe o conteúdo por tipo de dispositivo.
É por isso que alguns hosts gerenciados do WordPress oferecem opções de cache móvel separadas, para que o conteúdo seja servido com precisão a cada tipo de visitante.
Limitações de wp_is_mobile ()
Embora útil em contextos específicos, WP_IS_MOBILE () vem com limitações:
- Não pode detectar o tamanho ou orientação da tela
- Trata tablets e telefones iguais
- Pode identificar mal os dispositivos se as seqüências de strings do agente do usuário forem falsificadas
- Não é responsável por dispositivos modernos com resoluções de classe de mesa
Os desenvolvedores que trabalham em layouts responsivos avançados podem preferir confiar nas consultas de mídia CSS ou na detecção de dispositivos baseados em JavaScript para obter mais precisão.
Alternativas para wp_is_mobile ()
Aqui estão algumas alternativas e aprimoramentos modernos:
- Mídia CSS para ajustes de layout
- Bibliotecas JavaScript como Modernizr para detecção de recursos
- Marcação de imagem responsiva usando o elemento de imagem
- Blocos condicionais ou plugins que gerenciam a visibilidade do bloco com base no tamanho da tela
Para flexibilidade de conteúdo no editor de blocos, muitos usam plugins de visibilidade de bloco que oferecem regras de exibição baseadas em dispositivo sem tocar o código PHP.
Considerações Finais
A função wp_is_mobile () está longe de ser inútil. Oferece uma maneira simples de detectar visitantes móveis e fornecer conteúdo alternativo ou experiências do lado do servidor. Embora não ofereça a requinte de de design responsivas , ele ainda desempenha um papel nas situações em que a detecção precoce de dispositivos é útil.
No entanto, é melhor usado em combinação com outros métodos. Confiar apenas nessa função pode não oferecer a experiência mais precisa ou fácil de usar, especialmente com a gama diversificada de dispositivos de hoje.
