No WordPress, é possível criar páginas de categoria bonitas e poderosas utilizando uma grelha circular ou uma rotação circular. Este artigo descreve em pormenor como utilizar estas ferramentas para o conseguir.
I. Porquê criar páginas de categorias utilizando uma grelha circular ou uma rotação circular?
Grelha cíclica e rotação cíclicasão ferramentas muito úteis na conceção moderna da Web. Permitem apresentar o conteúdo de uma página num formato de grelha ou rodado, o que é esteticamente agradável e prático. Ao utilizá-las para criar páginas de categorias, pode apresentar dinamicamente conteúdos de diferentes categorias, como artigos, produtos, imagens, etc., melhorando assim a experiência do utilizador.
Os principais pontos fortes incluem:
- Ecrã dinâmico: Apresenta automaticamente conteúdos categorizados, reduzindo a necessidade de actualizações manuais.
- Flexibilidade: O layout, o estilo e a apresentação do conteúdo podem ser facilmente ajustados.
- Experiência do utilizador: Proporcionar uma melhor experiência visual e de navegação e aumentar o tempo que os utilizadores passam no sítio.
II. Passos para criar uma página de categoria
Neste guia, usaremos um exemplo para detalhar como passar oElementor ProA rede cíclica (Grelha de laço) para criar uma página de categoria que exibe categorias de artigos. Embora estejamos a utilizar artigos como exemplo, a mesma abordagem funciona para produtos e outros tipos de conteúdo.
1. configurar e arrastar e largar a grelha de laços
Primeiro, precisamos de configurar uma grelha circular na página para apresentar as categorias de conteúdo.
Arrastar e largar a grelha de laços:
- Inicie sessão no painel de controlo do WordPress.
- Criar uma nova página ou editar uma página existente.
- No editor do Elementor, encontre oWidget de grelha de laçoe arraste-o e largue-o na tela da página.
Selecionar o tipo de modelo:
- No painel esquerdo, encontre o menu pendente "Selecionar tipo de modelo".
- Selecionar "taxonomia" como o tipo de modelo. Se o WooCommerce estiver instalado, também verá "categorização de produtos"Opções.
Criar um modelo:
- Clique no botão Criar modelo. Isto criará um novo modelo para a sua página de categoria, onde pode adicionar conteúdo dinâmico.
2. construir modelos com etiquetas dinâmicas
Para que o modelo apresente automaticamente o conteúdo da categoria, é necessário utilizar etiquetas dinâmicas. Isto eliminará a necessidade de introduzir manualmente informações como nomes de categorias, descrições, etc.
Adicionar um widget de título:
- Arraste e largue o widget Título no modelo para apresentar os nomes das categorias.
Utilizar etiquetas dinâmicas:
- No painel Definições do widget Título, clique no ícone Etiqueta dinâmica junto ao campo Título.
- Selecione "Título do ficheiro" no menu pendente. Desta forma, o modelo apresentará automaticamente o nome da categoria atual sem necessidade de o introduzir manualmente.
Eliminar o texto desnecessário:
- Normalmente, o WordPress adiciona automaticamente o nome da categoria antes do "Correio"etc. Para remover estes textos irrelevantes, pode ir às definições do widget de cabeçalho, encontrar a opção "Incluir contexto" e defini-la como "Não".
Adicionar uma descrição da categoria:
- Utilize o widget do editor de texto para apresentar a descrição da categoria.
- No campo de conteúdo do widget do editor de texto, selecione a etiqueta dinâmica "Descrição do arquivo", que apresentará automaticamente a descrição da categoria atual.
3. tornar os itens da categoria clicáveis
Para melhorar a experiência do utilizador, os itens nas páginas de categoria podem ser tornados clicáveis para que os utilizadores possam ir diretamente para a página de detalhes da categoria clicando no título ou na imagem da categoria.
Tornar o contentor clicável:
- Ao editar um modelo, selecione o contentor clicando no ícone no canto superior esquerdo.
- No painel de definições do contentor, procure "Opções adicionais"Parte.
- No menu pendente da etiqueta HTML, selecione a opção "Ligação".
- No campo Link, clique no ícone Dynamic Label e selecione "Archive URL". Isto fará com que todo o contentor seja um link que, quando clicado pelo utilizador, saltará para a página da categoria apropriada.
Torne os elementos individuais clicáveis:
- Se apenas pretender que o título ou a imagem seja clicável e oNão o contentor inteiroque pode ser encontrado na secção "elemento" para encontrar o separador "ligação (num sítio Web)".
- Clique no ícone Etiqueta dinâmica e selecione "URL de arquivo". Desta forma, apenas a parte do título ou da imagem será alterada para uma hiperligação.
4. exclusão de categorias desnecessárias
Nalguns casos, pode ser desejável excluir certas categorias não desejadas (por exemplo, "Não categorizado") da página de categorias. Eis os passos a seguir:
Abrir as definições de consulta:
- Selecione a grelha em loop ou o widget rotativo.
- No painel esquerdo, abra a secção Consultas.
Selecionar manualmente as condições de filtragem:
- No menu suspenso Filtrar por, selecione Seleção manual.
- Clique na opção "Exclude" e introduza o nome da categoria que pretende excluir (por exemplo, "Blog shortcodes > FAQ").
Guardar as definições:
- Depois de concluir as definições de exclusão, clique no botão "Guardar".
III. Adicionar imagens às páginas de categorias
A adição de imagens às páginas de categorias pode melhorar significativamente o aspeto visual da página. Se pretender adicionar uma imagem para cada categoria, eis os passos para o fazer:
1. adicionar widgets de imagem
Adicionar um widget de imagem:
- Arraste e largue o widget de imagem para a localização adequada no modelo.
Utilize etiquetas dinâmicas para selecionar imagens:
- No separador Content (Conteúdo) do widget Image (Imagem), clique no ícone Dynamic Label (Etiqueta dinâmica) junto ao campo Image (Imagem).
- No menu suspenso, selecione "Campos de imagem de produto do WooCommerce". Isto permitir-lhe-á apresentar automaticamente as imagens associadas a cada categoria.
Configuração de campos dinâmicos:
- Em Dynamic Fields, clique no ícone de chave e selecione o campo associado à imagem da categoria no menu pendente.
Guardar e pré-visualizar:
- Depois de concluída a configuração, guarde o modelo e pré-visualize a página para garantir que as imagens da categoria são apresentadas corretamente.
IV. Conceber e otimizar páginas de categorias
Depois de criar uma página de categoria básica, o design e a funcionalidade da página podem ser optimizados para melhorar a experiência do utilizador.
1. definições de estilo de página
Utilize as ferramentas de estilo do Elementor para personalizar a disposição, as cores, os tipos de letra e outros elementos visuais das suas páginas. Certifique-se de que a página é coerente com o estilo geral do seu sítio, ajustando estas definições.
2. conceção reactiva
Certifique-se de que as suas páginas de categoria são bem apresentadas numa variedade de dispositivos (por exemplo, telemóveis, tablets, computadores). Utilize a funçãoconceção reactivaferramenta que pré-visualiza e ajusta a página emEm diferentes dispositivosO ecrã do
3. otimização do desempenho
Utilize imagens leves e código limpo para garantir que as páginas carregam rapidamente. Uma boa velocidade de carregamento não só melhora a experiência do utilizador, como também melhora a classificação nos motores de busca.
chegar a um veredito
Criar páginas de categoria do WordPress utilizando uma grelha circular ou rotação circular não só manterá o conteúdo do seu site mais organizado, como também proporcionará uma melhor experiência de navegação aos seus utilizadores. Com funcionalidades como etiquetas dinâmicas, contentores clicáveis e otimização de imagens, é fácil criar uma página de categoria que seja simultaneamente bonita e funcional.