Você deseja ocultar um widget específico do WordPress para usuários móveis?
Widgets são conteúdos dinâmicos frequentemente adicionados à barra lateral ou rodapé do site. Às vezes, um widget pode ser exibido bem em desktops, mas você pode ocultá-lo em dispositivos móveis.
Neste artigo, mostraremos como ocultar condicionalmente um widget WordPress em dispositivos móveis (sem escrever nenhum código).
Nota: Nos temas WordPress mais responsivos, a barra lateral é exibida abaixo do conteúdo quando você está em dispositivos móveis. É por isso que muitas vezes os proprietários de sites desejam ocultar determinados widgets no celular para acelerar a velocidade de seus sites.
Como ocultar um widget no celular no WordPress
Por causa deste tutorial, vamos ocultar o widget de pesquisa em nosso site de teste, mas você também pode usá-lo para ocultar qualquer widget do WordPress.
Em nosso site de teste, o widget de pesquisa aparece na parte superior do rodapé e funciona muito bem no desktop.
No entanto, em um telefone, os widgets da barra lateral são exibidos abaixo do conteúdo, em vez da barra lateral:
Vamos ocultar o widget de pesquisa para que ele seja exibido apenas em desktops, não em dispositivos móveis.
Observação : Neste tutorial, o termo "Computador" inclui laptops e desktops.
Primeiro de tudo, você precisa instalar e ativar o plugin de opções de widget . Para mais detalhes, confira nosso guia passo a passo sobre como instalar um plugin do WordPress.
Após a ativação, vá para a página Aparência »Widgets na sua área de administração do WordPress.
Nesta página, você verá seus widgets ativos colocados nas áreas prontas para widgets de seu site.
Vamos editar o widget de pesquisa clicando no nome do widget:
Nas configurações do widget, uma nova seção será adicionada pelo plugin do widget Opções. Aqui você só precisa clicar no pequeno ícone do celular e escolher em qual dispositivo deseja ocultar o widget.
Não se esqueça de clicar no botão “Salvar” para salvar suas alterações.
Agora vá e veja seu site em um dispositivo móvel. Este widget não aparecerá mais na sua área de widgets:
Mas, e se você quiser ocultar um widget em dispositivos de desktop, mas exibi-lo em celulares?
Vamos dar uma olhada em como fazer isso.
Como fazer uma versão móvel de um widget no WordPress
Às vezes, você pode querer ter uma versão de um widget para visitantes de desktop e outra para visitantes móveis.
Por exemplo, você pode exibir seus cinco publicações mais recentes na área de trabalho, mas apenas três postagens em dispositivos móveis.
Também é fácil de fazer com o plug-in Opções do widget. Você pode apenas criar dois widgets e definir um widget para ser exibido apenas na área de trabalho e o outro para ser exibido apenas em dispositivos móveis.
Primeiro, adicione ou abra o widget que deseja exibir unicamente no desktop. Em seguida, clique no pequeno ícone do celular. Depois disso, basta marcar as caixas " Tábua ' e " Móvel" para ocultar o widget nesses dispositivos:
Não se esqueça de clicar no botão Enregistrer para armazenar suas alterações.
Agora adicione ou abra o widget que você deseja mostrar apenas em dispositivos móveis. Repita o mesmo processo, mas desta vez clique na caixa de seleção 'Área de Trabalho' para ocultar o widget em dispositivos de desktop:
Aqui. Agora você tem uma versão para desktop e uma versão móvel do seu widget.
Descubra também alguns temas e plugins premium do WordPress
Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.
Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.
1. Plugin de otimização de velocidade do WordPress
Você está lutando para gerenciar vários plug-ins de otimização de velocidade do site? Você está preocupado que eles estejam prejudicando a velocidade de execução do seu site? então, este plugin WordPress será a solução definitiva para todas as suas preocupações.
Este plugin foi projetado para fornecer quase 6 a 8 recursos WordPress plugins diferente. Basta instalá-lo e configurá-lo para ver uma melhoria acentuada no carregamento de suas páginas.
Gostaríamos de salientar que este não é um plugin de cache ou CDN, mas o resultado que oferece é impressionante. Não hesite em experimentar este plugin do WordPress para ver do que ele é capaz.
Descarregar | Demo | hospedagem na web
2. Social Share & Locker Pro
A extensão Social Share & Locker Pro foi projetada para ajudar seu site a ser mais visível nas redes sociais. Com apenas alguns cliques, você pode definir a posição de seus ícones sociais ou bloquear seu conteúdo solicitando o compartilhamento em uma das redes sociais oferecidas por você.
Você tem temas predefinidos do 10 e isso deve cobrir os desejos mais comuns. Todos os seus temas são Retina e fazem maravilhas.
Além disso, com o Social Share & Locker Pro, você poderá exibir o nome completo das redes sociais ou apenas o ícone. Dependerá do seu projeto, do espaço disponível ou dos seus desejos.
Descarregar | Demo | hospedagem na web
3. WordPress PDF Lightbox Imagens
O WordPress Image PDF Lightbox é um Extensão WordPress premium que permite criar visualizadores de arquivos PDF. Um visualizador de PDF é uma coleção de fotos que podem ser salvas como PDFs.
Com esta extensão, você pode criar quantos visualizadores de PDF desejar. Para cada visualizador, o administrador pode definir algumas opções como:
- A imagem da capa: que será adicionada como a primeira página do PDF criado pelo usuário
- Máximo de imagens por visualizador
- Uma imagem de marca d'água: para ser aplicada em páginas PDF
- Envio por e-mail: se este recurso estiver ativado, um formulário de contato será oferecido logo após a galeria de imagens. Por meio desse formulário, os usuários poderão enviar por e-mail o PDF criado para qualquer pessoa.
Descarregar | Demo | hospedagem na web
Recursos Recomendados
Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.
- Como adicionar autenticação de dois fatores em WordPress
- Como construir um site completo com o Elementor
- 10 ferramentas de automação para marketing de pequenas empresas
- 5 CDN recomendado para aumentar o desempenho do seu blog WordPress
Conclusão
Aqui ! É isso neste tutorial. Esperamos que este artigo tenha ajudado você a aprender como ocultar um widget em dispositivos móveis. Você também pode ver nosso guia definitivo sobre como acelerar o desempenho do WordPress para iniciantes.
No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.
Não hesite em compartilhe com seus amigos em suas redes sociais favoritas. E se você tiver sugestões ou comentários, deixe-os em nossa seção Comentários.
...
