Visão geral Widget Listing Grid

• Listagem — menu suspenso onde pode ser selecionado o modelo de listagem , aquele que foi criado anteriormente no Dashboard do WordPress;
• Número de colunas — o número de colunas exibidas na listagem. Exceto pelas opções “1” a “10”, existe também uma chamada “Auto”. Se a opção “Auto” for escolhida, a configuração Largura mínima da coluna será mostrada. Não é a largura exata da coluna; a opção define um valor mínimo necessário para a largura da coluna. A largura real excederá ligeiramente o valor mínimo e essa largura será necessária para preencher o contêiner selecionado com colunas.

• Usar como modelo de arquivo — alterne para usar a página onde você colocou a grade como modelo de arquivo. Neste caso, o número de postagens será retirado das páginas do Blog exibidas na maioria dos campos que podem ser encontrados em Painel do WordPress > Configurações > Janela de leitura;
• Status — apenas postagens com status selecionado neste menu suspenso serão mostradas na Grade de Listagem:
  • Publicar — postagens publicadas;
  • Futuro — posts programados para serem publicados em algum momento;
  • Rascunho — rascunhos;
  • Revisão Pendente — os posts que precisam de alguma revisão;
  • Privado — as postagens que ficam visíveis apenas para você;
• Usar número de postagens aleatórias – alternância que pode ser habilitada para mostrar um número aleatório de postagens cada vez que o usuário recarrega a página. Após ativá-lo, o número mínimo de postagens pode ser definido na barra de números de postagens , e o número máximo de postagens – na barra de números de Max Random Posts ;
• Mensagem não encontrada — campo para especificar qual texto aparecerá quando o dado não for encontrado;
• Carregamento lento — a opção aumenta o desempenho de renderização da página. Quando esta alternância está habilitada, a grade é carregada conforme o usuário rola a página e não quando a página é aberta;
• Grade de alvenaria — alterne para apresentar o Listagem em forma de grade de alvenaria;

• Altura de colunas iguais — alternador para unificar todas as colunas por sua altura.

As seguintes opções Carregar mais , Usar tipo de postagem personalizada e Injetar itens de listagem alternativos são abordadas nas seguintes partes do artigo.

Opção Carregar Mais

A opção Carregar Mais permite organizar perfeitamente a listagem e economizar espaço na página caso haja muitos posts para mostrar. Quando esta opção está habilitada, a grade mostra um número definido de postagens e carrega mais delas conforme a demanda do usuário. Com a ajuda desta opção, também pode ser utilizada a funcionalidade Rolagem Infinita na página, o que significa que as novas postagens da grade serão carregadas conforme o usuário rola a página.

• Carregar mais tipo – uma lista suspensa onde o comportamento “Carregar mais” deve ser escolhido. Itens adicionais podem ser carregados com um clique ou rolagem infinita;
• Carregar mais ID do elemento — um campo para o ID do botão que será anexado à listagem. Deve ser um widget separado adicionado à página com o ID especificado em suas configurações. Então esse ID deverá ser colado neste campo;
• Texto do carregador — um texto que será exibido quando os itens estiverem sendo carregados;
• Botão giratório do carregador — uma alternância que ativa um botão giratório do carregador no momento em que as postagens estão sendo carregadas.

Use a opção de tipos de postagem personalizados

Quando um modelo de listagem é criado, isso é feito para um tipo de postagem personalizada especificado. E quando é utilizado no Listing Grid , apenas os itens daquele CPT são mostrados. 

Porém, em alguns casos, há necessidade de colocar duas Grids de Listagem para CPTs diferentes que terão o mesmo visual e estrutura. Neste caso, pode-se criar dois modelos de Listagem idênticos para esse fim, mas essa não é a única maneira. 

A alternância Usar tipos de postagem personalizados pode ser habilitada e o CPT será escolhido no menu suspenso correspondente. Nesse caso, a Grade de Listagem usará a estrutura do modelo de Listagem que você escolheu no menu suspenso Listagem , mas substituirá o CPT original pelo que você escolheu no seletor  de tipos de postagem .

” alt=”usar alternância de tipos de postagem personalizados” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/07/use-custom-post-types-toggle.png” />

• Tipos de postagem — um campo onde os tipos de postagem podem ser selecionados.

Injetar campo de itens de listagem alternativos

Para personalizar o novo item, deve-se clicar no botão “ Adicionar Item ”.

Simplificando, caso existam Listagens customizadas de forma diferente, é possível utilizá-las em uma Grade de Listagens . Mais sobre esta função pode ser encontrada no tutorial Funcionalidade do modelo de listagem .

Esta seção permite usar uma consulta construída com a funcionalidade Query Builder .

A consulta de postagens destina-se a incluir ou excluir algumas postagens na listagem por IDs de postagem e outros parâmetros avançados. Mais informações podem ser encontradas no tutorial Consulta de Postagens .

A mesma coisa com Termos Consultas . Pode ser utilizado para especificar os termos mostrados e não apenas exibir todos os termos ligados a uma determinada taxonomia.

Quanto à Consulta de Usuários , caso existam algumas listas de usuários do site, como Autores, Administradores, Editores, etc., que ajudem a mantê-la, pode-se criar a Grade de Listagem de Usuários e definir parâmetros avançados para exibi-la, por exemplo, por funções, excluir ou incluir alguns deles por ID de usuário.

Uma consulta que pode ser ajustada se o CCT for a fonte da listagem. Aqui, as configurações de consulta estão localizadas no pop-up correspondente, onde os campos Offset , Status , Order e outros campos de consulta podem ser personalizados.

Além disso, o seletor Obter itens do armazenamento permite escolher um armazenamento de dados que foi criado para o CCT atual (a alternância de armazenamento do tipo de conteúdo personalizado está ativada no módulo Armazenamento de dados e o CCT necessário selecionado).

Com a seção de configurações de Visibilidade do Widget , é possível configurar o widget para sempre ser mostrado ou ocultá-lo quando a consulta estiver vazia.

Existem duas opções aqui: os botões Ativar controle deslizante e Ativar controle deslizante de rolagem .

Se o primeiro estiver ativado, serão mostradas as seguintes opções:

• Slides to Scroll — campo para decidir quantas postagens serão deslocadas para o lado em um clique;
• Mostrar navegação por setas – alterne para ser ativado para que as setas sejam exibidas em cada lado do slide e escolha o ícone de seta ;
• Mostrar navegação por pontos — alterne para adicionar a navegação por pontos à parte inferior do bloco deslizante;
• Defina a reprodução automática e sua velocidade com a função Slider se não quiser que os usuários deslizem a listagem manualmente;
• Loop Infinito   — switcher a ser habilitado para que os slides se repitam do primeiro após o último ser mostrado;
• Modo Central – alternância que torna os itens centralizados e outros itens pré-mostrados nas laterais;
• Velocidade da animação — campo para especificar a velocidade da animação do controle deslizante.

A opção Ativar controle deslizante de rolagem adiciona uma rolagem horizontal à grade. Em um dispositivo móvel, esse controle deslizante pode ser movido simplesmente deslizando-o com os dedos. Isso pode reduzir suficientemente o comprimento da página e melhorar a IU.

• Scroll Slider On — o dispositivo no qual o controle deslizante de rolagem será ativado. Pode ser um desktop, tablet ou celular;
• Largura da coluna estática — campo para definir algumas larguras estáticas da grade para diferentes dispositivos.