A paginação é usada para organizar páginas sequenciais conectadas contextualmente, para fornecer continuidade tanto para usuários quanto para mecanismos de pesquisa.
Agora, quando se trata do tópico de paginação do seu site WordPress, aqui estão alguns casos de uso:
- Paginação do WordPress para uma página principal do blog (isso pode assumir duas formas: como postagens mais antigas/mais recentes ou como paginação numérica). No entanto, as pessoas preferem a paginação numérica à paginação de postagens mais antigas/mais recentes, pois é mais fácil de usar e melhor “vista” pelos mecanismos de pesquisa.
- Paginação WordPress para uma página de listagem de produtos, em um site de comércio eletrônico. Em uma loja online, as páginas são divididas nestas categorias: página principal do produto, páginas de listagem de produtos e páginas de produtos. A probabilidade de quebrar uma página em partes menores é maior nas páginas de lista de produtos.
- Paginação do WordPress para uma postagem ou página longa. Se uma postagem ou página contiver muito conteúdo, pode ser necessário dividi-la em várias páginas. Portanto, é útil saber como dividir uma página ou postagem longa em várias partes.
Agora, como você pode gerenciar a paginação no WordPress? Bem, depende do que você quer fazer. É por isso que você pode precisar ler o artigo inteiro.
1. Como definir o número de postagens da página do seu blog WordPress
No painel do WordPress, vá para Configurações -> Leitura.
Você pode definir a página inicial do seu site para exibir uma lista das postagens mais recentes. Nesse caso, você também tem a opção de definir a quantidade de postagens que aparecem na página principal do blog. Se houver um número total de postagens maior (do que o número de postagens que você configurou para exibir na página principal do blog), o WordPress criará uma segunda/terceira/quarta… página que conterá os outros artigos escritos para o seu blog.
Como definir um número específico de postagens para páginas do blog:
Se, por exemplo, o blog já tiver 10 posts e apenas 3 estiverem configurados para exibição na página principal do blog, o WordPress criará automaticamente a paginação para a página principal do blog e colocará os posts restantes em páginas adicionais.
A paginação é numérica e os números parecem links (e se comportam como links: quando clicados, eles mostram a página 1, a página 2, dependendo do link que você escolher). Deveria ser assim, porque as pessoas reconhecem um determinado formato de link. É melhor deixar isso inalterado, para que a experiência do usuário seja ideal e garanta uma navegação eficaz do usuário em todas as páginas do blog.
2. Configure a paginação do WordPress para uma página de lista de produtos
Pode ser útil dividir uma longa página de lista de produtos em várias páginas que sejam mais fáceis de navegar. Para fazer isso, você deve ter opções integradas ao tema que está usando em seu site.
Por exemplo, no Mesmerize, você precisa ir do painel do WordPress para Aparência -> Personalizador e definir o número de produtos que aparecerão na página de listagem de produtos (com base no fato de que você instalou anteriormente o WooCommerce para o site e já temos lançou a loja online):
No Personalizador, vá para Opções do WooCommerce.
Em Opções WooCommerce, encontre e clique na seção Opções de lista de produtos.
Nas configurações da página da loja, a primeira opção refere-se à quantidade de produtos que você irá configurar por página, conforme indicado na imagem acima.
Por exemplo, neste caso, definimos o número de produtos por página como 2:
Como o número total de produtos é 24, a lista de produtos será exibida em 12 páginas (2 produtos por página).
Portanto, a paginação é criada automaticamente. As páginas possuem números e os números possuem links, portanto, quando o usuário escolher um determinado número, poderá ir para a respectiva página que exibe os produtos, na lista de produtos.
*Observe que este é um exemplo puro, para ilustrar a exibição automática da paginação com base em uma série de configurações anteriores no Personalizador. Uma página clássica de listagem de produtos em uma loja online pública incluirá mais de 2 produtos.
3. Paginação WordPress para uma postagem ou página longa
Em alguns casos, você terá muito conteúdo em uma página do seu site. Se for uma postagem de blog, é muito mais comum que conteúdo longo seja exibido em uma única página de postagem. Para facilitar o acesso e a navegação dos usuários nesse conteúdo, você pode dividir a página/postagem em várias páginas.
Veja como adicionar paginação a uma página longa:
Vá para o painel de administração do WordPress -> Postagens ou Páginas, dependendo do formato da página que você deseja modificar.
Neste exemplo, iremos para Postagens e selecionaremos a postagem que queremos dividir em várias páginas. Clique em “Editar” abaixo da respectiva postagem do blog.
Se você estiver usando o Editor padrão do WordPress, verá a interface abaixo. Você precisará ir até o ícone de configurações no canto superior direito e selecionar “Editor de Código”.
Se você estiver dentro do Editor Clássico, verá a interface conforme mostrado abaixo. Você precisará alterá-lo para o modo “Texto”.
Agora, independente do Editor que você usar, você verá um código HTML seu. Você precisará encontrar a seção onde deseja fazer a primeira divisão. Insira este pequeno trecho de código lá <!- – nextpage- – >
Em seguida, repita o processo para cada nova quebra de página que você deseja aplicar à postagem original.
Ao final, não esqueça de clicar em Atualizar Post para que as alterações sejam publicadas.
A paginação será criada automaticamente, devido à inserção de código para quebras de página. Esta paginação é numérica, cada página correspondente ao artigo recebe um número em sequência. Esses números (com links colocados acima deles) guiarão os usuários ao longo do artigo, da página 1 à página 2 à página 3, etc.
4. Como estilizar linhas e números de paginação do WordPress (sem código CSS)
Agora, na maioria das vezes, as linhas e números de paginação corresponderão à aparência do tema que você está usando. Mas e se você quiser fazer alterações?
Bem, normalmente você precisaria usar CSS personalizado ou um plugin de paginação do WordPress.
Mas também há outra maneira. Insira os blocos de paginação do WordPress!
Se você estiver usando a experiência baseada em blocos, existem blocos de paginação específicos que você pode personalizar facilmente.
Agora, tudo é um bloco no WordPress: desde parágrafos e imagens até tabelas e controles deslizantes. Por padrão, o WordPress oferece um conjunto de blocos básicos como cabeçalho, parágrafo, imagem, botão e muito mais, mas a comunidade WordPress está desenvolvendo mais, enriquecendo a experiência padrão. Por exemplo, o construtor Kubio até anuncia o bloco de paginação. Mas além dos blocos adicionais, também aumenta o nível do Editor de Blocos, dando aos seus usuários total liberdade no design. Porque, vamos encarar isso. O Editor de Bloco padrão não possui muitos recursos.
Agora, o construtor Kubio é gratuito e compatível com qualquer tema.
Então, vamos ver como você pode personalizar os blocos de paginação! Existem três tipos de blocos de paginação no Kubio: paginação, botão de navegação de paginação e números de paginação.
- Adicione um bloco WordPress
Digamos que você esteja dentro de uma postagem. Vamos ver como você pode adicionar qualquer bloco na experiência de bloqueio do WordPress.
Primeiro, vá até o sinal “+” no canto superior esquerdo.
Clicar no sinal “+” abrirá o insersor de bloco. Agora, desde que instalei o Kubio, também posso ver os blocos do Kubio além dos padrão. Os blocos Kubio possuem ícones azul esverdeados, enquanto os blocos padrão possuem ícones pretos. Você pode pesquisar facilmente um bloco pelo nome. Se você usar outros plug-ins que adicionarão seus próprios blocos, é provável que eles também tenham ícones de cores diferentes. Agora, você vê os três blocos de paginação? Você pode arrastá-los e soltá-los facilmente em uma página.
- Como personalizar blocos de paginação no Editor de Blocos
Agora, como você personaliza blocos de paginação? Vou usar o bloco de número de paginação como exemplo.
Comece clicando em qualquer número do bloco para selecionar o próprio bloco. Você notará que o bloco de número de paginação possui uma barra de ferramentas na parte superior, com diversas opções básicas de edição: posicionamento do bloco, duplicação, inserir depois, inserir antes, bloquear bloco, copiar e colar estilo (este é um recurso do Kubio PRO), e excluir bloco.
Enquanto o bloco ainda estiver selecionado, você poderá notar um painel de edição de bloco no lado direito. É aqui que a magia Kubio acontece. O que você vê abaixo é uma atualização da experiência padrão.
O painel de edição de blocos sempre possui três opções: Conteúdo, Estilo e Avançado. As possibilidades dentro variam de um bloco para outro.
Neste caso, no nível “Conteúdo” você pode fazer ajustes no alinhamento. de números Agora, você sempre pode usar o botão reset para retornar ao estado padrão.
No nível “Estilo”, você pode fazer mais alterações nos botões, nos estados normal, passar o mouse e ativo, como: cor de fundo e do texto, tipografia e espaçamento entre elementos.
No nível “Avançado” você pode personalizar: fundo, espaçamento, bordas e sombras, tipografia, transformação, divisórias, transição, responsivo e diversos.
No caso do bloco de número de paginação, você pode fazer alterações no container, número da página, número da página atual e pontos, nos estados normal e flutuante, conforme mostrado abaixo:
Como eu disse, total liberdade de design, em um construtor de páginas WordPress gratuito: Kubio.
4. Plugins que você pode usar para configurar a paginação do WordPress
Bem, não sou fã de usar vários plug-ins em um site. Quer dizer, prefiro instalar um construtor de páginas, que pode compensar os recursos de mais de 10 plugins. Cada plugin adicional que você adicionar tornará seu site mais lento. Também pode colidir com as funções de algum outro plugin.
Mas você deve saber que existem alguns plugins que podem ajudá-lo a personalizar a paginação no WordPress. Aqui estão alguns deles:
- WP-PageNavi . Este é de longe o plugin de paginação WordPress mais popular que existe. Possui mais de 700.000 instalações ativas. Há um problema com este plug-in. É um pouco técnico e você precisa de algum conhecimento básico de codificação. Eu também posso acabar usando algum código Ficação CSS.
- Página WP. Este plugin possui 40.000 instalações ativas. Exigirá conhecimento de CSS.
- Estilizador de paginação para WooCommerce. Este plugin possui 1.000 instalações ativas e pode ser usado para projetar paginação para lojas online WooCommerce.
