Como exibir postagens no blog por categorias no WordPress com elemento

Se você executar um site do WordPress, é provável que você publique diferentes tipos de postagens no blog. Alguns podem ser tutoriais, outros atualizações de notícias, análises de produtos ou histórias pessoais. Mas quando tudo está misturado, pode ser difícil para seus leitores encontrarem o que estão procurando na página de arquivo.

É aí que entram as categorias. Categorias no WordPress permitem que você organize as postagens do seu blog em diferentes seções. Por exemplo, um blog de viagem pode ter categorias como 'Ásia', 'Europa' e 'Dicas'. Um blog de lojas on -line pode usar categorias como 'guias de produtos', 'histórias de clientes' e 'atualizações'.

Ao agrupar seu conteúdo, você facilita a navegação dos visitantes e leia apenas as postagens que os interessam. Nesta postagem do blog, abordaremos um guia detalhado sobre como exibir postagens do blog por categorias no WordPress usando o plug -in do Elementor.

Por que elemento?

O Elementor é um dos construtores de páginas mais populares do WordPress, com mais de 10 milhões de instalações ativas. Porque oferece a você liberdade de design total sem escrever uma única linha de código. Com o seu editor de arrastar e soltar, você pode facilmente criar layouts personalizados e colocar as postagens do seu blog exatamente onde deseja.

Portanto, se você é um usuário sem código que procura a solução mais fácil para criar layouts da Web complexos, o Elementor deve estar no topo da sua lista. Outro grande motivo para usar o Elementor é sua ampla gama de widgets e flexibilidade. Você pode usar widgets como Post Grid, Post List ou Archive Posts para exibir postagens de blog por categorias em diferentes estilos.

Essa flexibilidade significa que você pode destacar categorias específicas em sua página inicial, criar páginas de destino baseadas em categoria ou projetar um arquivo de blog totalmente personalizado, tudo sem tocar o código. É por isso que usaremos o plugin Elementor para explicar o processo neste tutorial.

Como exibir postagens do blog por categorias no WordPress: Guia passo a passo

As pessoas geralmente exibem postagens no blog por categorias na página de arquivo. Existem várias maneiras de fazer isso. Mas para isso, você precisa dos seguintes plugins em seu site:

Depois que esses plug -ins estiverem prontos no seu site, vamos explorar o processo abaixo.

Método um: Criando menus de categoria

Vamos precisar dos seguintes widgets para este método. Com o widget de postagens, criaremos a grade post. Depois disso, com o menu NAV, criaremos o menu de categoria. Isso permitirá que os usuários explorem postagens alternando as categorias.

• Postagens
• Menu WordPress

Etapa 01: Abra uma página de arquivo do construtor de temas

Como mencionado anteriormente, as pessoas normalmente gostam de exibir suas postagens de blog por categoria na página de arquivo. E você precisa do construtor de temas para criar a página de arquivo.

Espero que você já saiba como abrir o construtor de temas. Navegue para modelos> construtor de temas .

Venha para a opção de arquivo . Clique no botão + Adicionar novo para criar uma página de arquivo.

Etapa 02: arraste e solte o widget de postagens para o seu contêiner

Encontre o widget de postagens . Arraste e solte -o no recipiente desejado na tela Elementor.

Depois que o widget de postagens for adicionado, as postagens do blog serão exibidas com layouts padrão.

Etapa 03: estilizar o widget de postagens

Agora, personalize e estilize o layout das postagens para que pareça bom. Mudamos sua pele, tipografia, espaçamento e muitas outras opções.

Etapa 04: Crie um menu de categoria

Vá para o seu painel WordPress . Navegue até a aparência> menus . Não se preocupe se você já tem um menu lá.

Nesse caso, você deve criar um novo menu. Clique na opção Criar uma nova opção de menu .

Escreva um nome para o menu. Em seguida, pressione o botão Criar menu .

Selecione as categorias que você deseja exibir no menu. Depois disso, pressione o botão Adicionar no menu .

Você verá que as categorias foram movidas para o lado direito. Você pode reorganizar sua posição/hierarquia arrastando. Depois de concluído, clique no botão Salvar menu para preservar todas as alterações.

Etapa 05: Exiba o menu de categoria sobre o widget de postagens

Venha para a página que você está editando com o Elementor. Encontre o widget do menu WordPress . Arraste e solte o widget de postagens.

Ao lado da opção de menu, escolha o menu de categoria que você criou no back -end há um tempo atrás. Basta selecionar o nome usado para salvar o menu.

O menu de categoria aparecerá no topo do widget de postagens imediatamente.

Etapa 06: estilizar o menu da categoria

A partir das guias de conteúdo e estilo, projete o menu de categoria que parece bom e está alinhado com o apelo da marca do seu site.

Etapa 07: Definir configurações de consulta

É hora de vincular o widget de postagens ao menu da categoria. Para fazer isso, selecione o widget de postagens , expanda a seção de consulta e escolha a opção de consulta atual .

Agora, se você clicar nas opções de categoria, as postagens do blog mudarão de acordo.

Etapa 08: Definir condições

Clique no ícone de seta suspensa ao lado do botão Publicar. Aperte a opção Condições de exibição na lista.

Selecione categorias como condição de resultados de pesquisa.

Salve a condição.

Etapa 09: Postagens de visualização por categorias

Venha para a página de visualização. Clique na categoria itens de menu um por um. Você verá que as postagens estão mudando de acordo.

Assim, você pode criar e exibir postagens no blog por categorias no WordPress usando o plug -in Elementor.

Método dois: usando a lista de taxonomia

O Elementor possui o widget da lista de taxonomia, pelo qual você pode adicionar categorias sobre o seu arquivo de postagem, e permitir que os usuários explorem postagens por categorias. Verifique o processo abaixo.

Etapa 01: Abra uma página de arquivo do construtor de temas

Espero que você já saiba o processo, como o mostramos há apenas um tempo atrás. Faça login no seu painel do WordPress. Em seguida, navegue para modelos> construtor de temas .

Vá para a opção Arquivo e abra uma página clicando no + Adicionar novo botão.

Etapa 02: arraste e solte o widget de postagem de arquivo

Encontre o widget de postagens de arquivo . Arraste e solte -o em sua tela elementar.

Você verá que todas as suas postagens foram exibidas na tela.

Agora, estilize o widget de publica o arquivo de tal maneira que parece bom para você. Criamos uma seção de postagem de arquivo de duas colunas.

Etapa 03: Adicione o widget da lista de taxonomia

Antes de colocar o widget da lista de taxonomia, coloque um recipiente no topo das postagens de arquivo. Porque o contêiner facilitará o gerenciamento e a estilização do widget da lista de taxonomia.

Depois que o contêiner for adicionado, encontre o widget da lista de taxonomia e coloque -o sobre o contêiner.

Depois que o widget da lista de taxonomia é adicionado, você verá a seção como esta. Agora, você deve adicionar categorias.

Etapa 04: Adicionar categorias

Adicionar categorias é muito simples. Navegue para a guia Conteúdo> Lista . Ao lado da opção de origem, você receberá uma lista suspensa . A partir daí, selecione categorias .

Depois disso, clique no item + Adicionar . Isso abrirá o espaço para você adicionar quantas categorias quiser.

Escreva um nome para a categoria. Em seguida, na caixa de pesquisa de categorias selecionadas , digite a categoria que você deseja. Por exemplo, digitamos Gutenberg para obter e selecionar a categoria.

Nota: verifique se você já salvou a categoria no back -end ao criar postagens no blog. Caso contrário, você não os receberá na caixa de pesquisa de categorias selecionadas.

Você pode adicionar quantas categorias quiser. Veja que adicionamos quatro categorias, mas elas não parecem boas. Você precisa estilizá -los de acordo com o apelo da sua página.

Etapa 05: estilizar as categorias

Para economizar tempo, você pode selecionar uma predefinição para a estilização.

Você pode estilizá -los ainda mais na guia Style e torná -los parecidos com a que você pode ver na imagem abaixo.

Etapa 06: Defina condições e publique a página

Quando necessário estilizações, vá para a opção de condições de exibição .

Selecione categorias para a condição.

Salve a condição.

Etapa 07: Visualizar a funcionalidade da categoria

Venha para a página de visualização. Clique nas categorias uma a uma. Você verá que as postagens estão mudando de acordo com as categorias.

Assim, você pode exibir suas postagens na página de arquivo por categorias usando o widget da lista de taxonomia.

Bônus: tente happyaddons para usar o construtor de temas gratuitamente

Happyaddons é um poderoso plug -in para elementar que vem com mais de 130 widgets e mais de 24 recursos para levar o design do seu site ao próximo nível. Oferece ferramentas de design criativas, funcionalidade avançada e muitas opções de personalização que vão além do que você recebe apenas com o Elementor.

Versões gratuitas e premium estão disponíveis. Até a versão gratuita é carregada com ferramentas úteis que tornam o design da web mais rápido e mais fácil.

# Happyaddons Builder de tema (grátis)

Um dos recursos de destaque no Happyaddons é o construtor de temas , que é totalmente gratuito para usar. Com isso, você pode projetar modelos personalizados para o seu site WordPress, incluindo cabeçalhos, rodapés, postagens únicas e páginas de arquivo. Isso significa que você não está restrito aos designs padrão do seu tema.

Quando se trata de arquivos de blog, você pode adicionar uma grade de blog, lista de postagens ou widgets de postagem de arquivo e até colocar um menu de taxonomia ou categoria no topo. Isso ajuda a exibir postagens do blog por categorias de uma maneira elegante e fácil de usar. Portanto, exibir postagens no blog por categorias na página de arquivo se torna gratuita com o plug -in do Happyaddons.

Verifique como criar um modelo de postagem no blog com happyaddons.

# Solução de economia de custos

Usar o HappyAddons Theme Builder também é uma solução de economia de custos. Normalmente, o Elementor permite apenas recursos do construtor de temas para usuários profissionais, o que requer uma licença premium. Mas com o HappyAddons, você recebe uma alternativa grátis.

Isso torna possível para iniciantes, blogueiros ou proprietários de pequenas empresas criar páginas de arquivo baseadas em categorias sem gastar dinheiro extra. Você obtém o mesmo nível de personalização a um custo zero, o que faz do HappyAddons uma escolha inteligente para usuários preocupados com o orçamento.

Além dos layouts de blog baseados em categorias, o Happyaddons pode fazer muito mais. Inclui widgets avançados como controle deslizante avançado, mesa de preços, carrossel de depoimento, carrossel de logotipo e muitos efeitos criativos . Isso permite que você projete sites profissionais que parecem modernos e envolventes.

Recursos como condições de exibição, cópia de domínio cruzado e projetos predefinidos também economizam tempo e esforço no processo de design.

Notas encerradas!

Exibir postagens no blog por categorias no WordPress é uma das melhores maneiras de organizar seu conteúdo e orientar os leitores para o que eles querem. Se você usa o Elementor ou o HappyAddons, a criação de uma página clara de arquivo com layouts baseados em categoria facilita a navegação do seu site. Também melhora a experiência do usuário e mantém os visitantes envolvidos por mais tempo.

Ao configurar suas páginas de categoria, tente seguir algumas práticas recomendadas. Use nomes de categorias claros e simples para que os leitores os entendam rapidamente. Evite criar muitas categorias. Mantenha -os focados e significativos. Adicione um menu de categoria ou opção de filtro na parte superior do layout do seu blog para ajudar os usuários a explorar as postagens rapidamente.

Por fim, verifique se o seu design é responsivo, para que os visitantes possam navegar sem problemas nos dispositivos de mesa e móveis. Seguindo essas dicas, você pode tornar seu blog mais amigável, bem estruturado e visualmente atraente.