Adicionando paginação ao bloco Listing Grid
Adicione o bloco Paginação à página
Vá até a página com o bloco Listing Grid e clique no botão “ Adicionar Bloco ”. Encontre o bloco Paginação e clique nele para adicioná-lo ao bloco Listing Grid .
Lidar com a seção de configurações gerais de paginação
Dê uma olhada no menu de configurações do lado direito. No menu suspenso Este filtro para , escolha a opção “Grade de listagem”. Certifique-se de que não haja outras grades de listagem na página. Também existe a opção de adicionar paginação aos produtos WooCommerce.
O menu suspenso Aplicar tipo permite que você escolha como as alterações serão aplicadas:
- AJAX – quando o usuário clica na próxima página, ela abre sem recarregar a página;
- Recarregamento da página – a parte da Grade de Listagem aparece após o recarregamento da página;
- Misto – não recarrega a página mas transforma a URL, para que você possa copiar o endereço da página específica de paginação.
Lide com a seção de configurações de controles
Esta seção de configurações define a aparência dos controles de paginação.
- Texto Anterior/Próximo . O texto que você digitar nessas duas barras ficará visível nos botões “ Página anterior ” e “ Próxima página ”;
- Deslocamento central dos itens . Se você tiver mais de 10 páginas na paginação, provavelmente gostaria de ocultar parte do intervalo numérico para torná-lo menor. Nesta barra você pode digitar a quantidade de páginas que serão mostradas nos dois lados da página atual;
- Deslocamento da borda dos itens . Este recurso funciona com o deslocamento central dos itens. Permite definir quantas páginas ficarão visíveis em cada borda do intervalo;
- Deslocamento superior do provedor . Depois de usar a paginação, haverá um deslocamento superior em N pixels.
Faça o estilo
Se você instalou e ativou o plugin gratuito JetStyleManager , você verá o botão “ Block Style ” na barra de ferramentas superior. Lá você encontrará todas as configurações de estilo para o bloco Paginação . Se você tiver dificuldade para entender o que esses recursos fazem, confira esta visão geral do Block Style .
Depois de personalizar o design, você pode ir para o front end e ver como funciona a paginação.
Isso é tudo. Agora você sabe como vincular os blocos Paginação e Listagem Grid na página criada com a ajuda do editor Gutenberg.