Personalizar a visualização mobile do seu blog permite que você crie uma experiência perfeita e atraente para os visitantes que usam dispositivos móveis. Por exemplo, se você tiver um blog de viagens, otimizar a visualização mobile do blog garante que suas fotos incríveis de viagens e planejamentos detalhados fiquem ótimos em dispositivos móveis, fazendo com que seja mais fácil para seus leitores acompanharem enquanto estão em suas próprias aventuras.
Para começar, você precisa alternar para o Editor mobile. Clique no ícone Alternar para visualização Mobile no canto superior esquerdo do editor (desktop).
Personalizar a visualização mobile do feed do blog
Otimize o feed do seu blog para que ele se adeque a uma tela mobile ao ajustar as configurações. Você pode escolher o que é exibido na tela, alterar o layout e ajustar o tamanho da fonte.
Para personalizar a visualização mobile do feed do blog:
- Vá para o seu editor.
- Vá para a página do blog:
- Clique em Páginas e menu
no lado esquerdo do editor. - Clique em Páginas do blog.
- Clique na sua página do blog.
- Clique no ícone Visualização mobile na parte superior para mudar para o Editor mobile.
- Clique no feed do blog.
- Clique em Configurações.
- Clique na aba Exibição e escolha quais informações devem aparecer na visualização mobile.
As telas mobile são menores do que as telas normais, então talvez você queira ocultar certas informações que possam ser menos importantes para seus leitores.
- Clique na alavanca Ativar configurações do mobile para ativar as configurações do mobile.
- Em O que aparece no seu feed? marque ou desmarque os elementos relevantes.
- Clique em Menu do blog para personalizar o menu para dispositivos móveis:
- Clique na alavanca Mostrar menu do blog para mostrar ou ocultar seu menu no mobile:
- Se mostrado, marque ou desmarque as opções em O que aparece no menu do seu blog?
- Clique em Voltar.
- Clique em Redes sociais para personalizar suas opções de redes sociais no mobile.
- Clique na alavanca Ativar compartilhamento para mostrar ou ocultar os ícones das redes sociais:
- Se mostrado, selecione os ícones relevantes em Selecione os ícones que você deseja mostrar.
- Clique em Voltar.
6. Clique na aba Layout para alterar o layout de seus posts e categorias.
Você pode alterar o layout do feed do post principal, bem como o feed da categoria.
- Clique na aba Feed de todos os posts.
- Selecione um layout para o feed de post principal.
- Selecione o alinhamento do texto.
- Clique na aba Páginas de categoria.
- Selecione um layout para a página de categoria.
- Selecione o alinhamento do texto.
7. Clique na aba Design para alterar o tamanho da fonte.
Você pode alterar o tamanho da fonte que aparece no feed do post principal, bem como no feed da categoria.
- Clique no Feed de todos os posts.
- Arraste os sliders para alterar o tamanho da fonte do texto do título e da descrição.
- Clique na aba Feed da categoria.
- Altere a fonte na página de categoria:
- Arraste os sliders para alterar o tamanho da fonte do texto do título e da descrição.
Personalizar a visualização mobile da sua página de post
Otimize sua página de post para se adequar a uma tela mobile ao alterar as configurações. Mostre ou oculte determinados elementos, altere seu layout e personalize o tamanho da fonte.
Para personalizar a visualização mobile da sua página de post:
- Vá para o seu editor.
- Vá para a página de post:
- Clique em Páginas e menu no lado esquerdo do editor.
- Clique em Páginas do blog.
- Clique em Post.
- Clique no elemento Página de post na sua página.
- Clique no ícone Visualização mobile na parte superior para mudar para o Editor mobile.
- Clique na página do post.
- Clique em Configurações.
- Clique na aba Exibição e escolha quais informações devem aparecer na visualização mobile.
As telas mobile são menores do que as telas normais, então talvez você queira ocultar certas informações que possam ser menos importantes para seus leitores.
- Clique na alavanca Configurações do mobile para personalizar a exibição mobile.
- Em O que aparece no seu feed?: marque ou desmarque os elementos relevantes.
- Clique em Menu do blog para personalizar o menu para dispositivos móveis:
- Clique na alavanca Mostrar menu do blog para mostrar ou ocultar seu menu no mobile:
- Se mostrado, marque ou desmarque as opções em O que aparece no menu do seu blog?
- Clique em Voltar.
- Clique em Redes sociais para personalizar suas opções de redes sociais no mobile.
- Clique na alavanca Ativar compartilhamento para mostrar ou ocultar os ícones das redes sociais:
- Se mostrado, selecione os ícones relevantes em Selecione os ícones que você deseja mostrar.
- Clique em Voltar.
- Clique em Posts e comentários relacionados para personalizar a seção que exibe posts e comentários relacionados:
- Clique na alavanca Mostrar posts relacionados para mostrar ou ocultar a seção de posts recentes.
- Clique na alavanca Ativar comentários para mostrar ou ocultar a seção de comentários.
- Selecione posts relacionados ou recentes.
- Clique na alavanca Mostrar link "Ver tudo" para ativá-la ou desativá-la:
- Ativada: é exibido um link que leva os visitantes do site para o feed do seu blog.
- Desativada: nenhum link é exibido.
- Clique em Voltar.
3. Clique na aba Design e arraste os sliders para alterar o tamanho das fontes.
- Vá para o seu editor.
- Vá para a página do blog:
- Clique em Páginas e menu no lado esquerdo do editor.
- Clique em Páginas do blog.
- Clique no ícone Alternar para mobile na barra superior do seu editor.
- Clique no app Wix Blog no seu Editor mobile.
- Clique em Configurações.
- Clique na aba Design.
- Arraste qualquer um dos sliders para aumentar ou diminuir o tamanho da fonte.
