Visão Geral bloco Listing Grid

Ao instalar e ativar o plugin JetEngine, o bloco Listing Grid , assim como os demais blocos, aparecerão na seção Design do menu de blocos. Você pode encontrá-lo clicando no botão “ Adicionar bloco ” no canto superior esquerdo da barra de ferramentas superior e rolando um pouco para baixo.

• Listagem . Neste menu suspenso, você verá todos os modelos de listagem que criou. Escolha o modelo que você precisa para a página e as células da grade serão imediatamente preenchidas com ele;
• Número de colunas . Aqui você pode definir o número de colunas da grade que serão mostradas na tela do PC;
• Número de colunas (Tablet) . Nesta barra você pode digitar a quantidade de colunas da grade que ficarão visíveis quando o usuário olhar na tela do tablet;
• Número de colunas (móvel) . Digite o número de colunas da grade que ficarão visíveis para o usuário quando ele olhar na tela do celular;
• Use como modelo de arquivo . Ao ativar esta alternância, a página onde você colocou a Grade de Listagem será usada como modelo de arquivo;
• Status . Aqui você pode escolher os itens de qual status deseja exibir na grade. Podem ser Postagens Publicadas , itens que estão agendados para o Futuro , aqueles que aguardam revisão ( Revisão Pendente ), Rascunhos e Itens Privados , visíveis apenas para o administrador;
• Use um número de postagem aleatório . Ao ativar esta alternância, o número diferente de postagens será exibido na grade toda vez que o usuário abrir a página. O intervalo pode ser definido nas barras numéricas de postagens mínimas e máximas ;
• Número de postagens . Se você não ativar a opção Usar número de postagem aleatório , poderá definir o número estático de postagens que serão exibidas na grade aqui;

• Mensagem não encontrada . Digite aqui a mensagem que será mostrada caso não existam itens na grade;
• Carga preguiçosa. Quando esta alternância estiver habilitada, a grade não será carregada de uma só vez, mas à medida que o usuário a rola. Isso melhorará a velocidade de carregamento da página;
• É grade de alvenaria . A grade de alvenaria é uma grade onde todas as células têm largura semelhante, mas altura diferente, proporcional ao tamanho original da imagem. Essa alternância ativa esse modo para a Grade de Listagem;
• Altura das colunas iguais . Quando ativado, isso unifica as colunas da grade por sua altura;
• Carregue mais . Ao ativar esta alternância, você adiciona o botão “Carregar mais” à grade de listagem. Para um guia mais detalhado, confira nosso tutorial Carregar mais ;
• Use o tipo de postagem personalizado . Ao criar um modelo de listagem, você o atribui a um determinado CPT. No entanto, se você precisar colocar duas Grades de Listagem idênticas para CPTs diferentes na página, não precisará necessariamente criar dois modelos de Listagem. Você pode simplesmente ativar esta alternância e escolher o segundo CPT no menu suspenso. Neste 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 escolhido aqui. Saiba que se quiser mostrar os metacampos de diferentes CPTs na Listagem, você terá que criar uma Meta Box e atribuí-la a ambos, assim os nomes dos campos serão iguais;
• Injetar itens de listagem alternativos . Se você deseja combinar vários modelos de listagem em uma grade de listagem, ative esta opção e escolha o modelo necessário. Mais detalhes sobre isso podem ser encontrados neste tutorial de injeções de listagem .

As seções de configurações de postagens, termos e consulta de usuários são descritas em uma visão geral separada.

A consulta da API REST permite adicionar alguns argumentos de consulta adicionais digitando-os na área de texto correspondente.

Consulta de tipo de conteúdo é usada quando você deseja exibir itens CCT na grade. Ele permite gerar string e adicioná-la à área de texto Query String . Além disso, você pode exibir itens do Data Store.

Ativar controle deslizante

Ativar controle deslizante de rolagem

Quando você ativa esse botão, ele transforma a grade em uma linha de slides que pode ser movida manualmente. Em tablets e dispositivos móveis, isso também significa que o usuário pode movimentar a linha com os dedos.

• Controle deslizante de rolagem ativado . Aqui você pode escolher os dispositivos onde a Grade de Listagem será mostrada como um controle deslizante;
• Largura da coluna estática . Você também pode definir a largura da coluna onde os slides serão mostrados.