{"id":77107,"date":"2025-12-19T10:49:22","date_gmt":"2025-12-19T15:49:22","guid":{"rendered":"https:\/\/memberpress.com\/?post_type=ht_kb&p=77107"},"modified":"2026-01-23T09:48:05","modified_gmt":"2026-01-23T14:48:05","slug":"configuring-the-directory-block-in-memberpress-app","status":"publish","type":"ht_kb","link":"https:\/\/memberpress.com\/pt\/docs\/configuring-the-directory-block-in-memberpress-app\/","title":{"rendered":"Configura\u00e7\u00e3o do bloco de diret\u00f3rio no AppKit MemberPress"},"content":{"rendered":"

O Bloco de diret\u00f3rio exibe listagens de conte\u00fado do WordPress no estilo de arquivo em p\u00e1ginas de aplicativos. Esse bloco cria diret\u00f3rios de conte\u00fado organizados com metadados personaliz\u00e1veis, funcionalidade de pesquisa e op\u00e7\u00f5es de filtragem. <\/p>\n\n\n\n

Este documento explica como adicionar o bloco de diret\u00f3rio, definir as configura\u00e7\u00f5es de exibi\u00e7\u00e3o e otimizar as listagens de diret\u00f3rio para o envolvimento dos membros.<\/p>\n\n\n\n

Entendendo o bloco de diret\u00f3rio<\/a><\/h2>\n\n\n\n

O Bloco de Diret\u00f3rio apresenta cole\u00e7\u00f5es de posts, p\u00e1ginas ou tipos de posts personalizados do WordPress em formatos de lista estruturados. Os membros podem navegar, pesquisar e filtrar conte\u00fado dentro dos diret\u00f3rios. O bloco suporta imagens em destaque, avatares de autores, exibi\u00e7\u00e3o de metadados e op\u00e7\u00f5es de classifica\u00e7\u00e3o. Os Blocos de Diret\u00f3rio devem ocupar p\u00e1ginas inteiras do aplicativo, sem outros blocos, devido aos requisitos de layout em tela cheia.<\/p>\n\n\n\n

Limita\u00e7\u00f5es do bloco de diret\u00f3rio<\/a><\/h2>\n\n\n\n

Os blocos de diret\u00f3rio exigem ocupa\u00e7\u00e3o exclusiva da p\u00e1gina. V\u00e1rios blocos n\u00e3o podem coexistir com blocos de diret\u00f3rio na mesma p\u00e1gina.<\/p>\n\n\n\n

Requisito de bloco \u00fanico:<\/strong> Os blocos de diret\u00f3rio devem ser os \u00fanicos blocos em uma p\u00e1gina de aplicativo. Adicionar blocos adicionais gera erros de configura\u00e7\u00e3o.<\/p>\n\n\n\n

Layout em tela cheia:<\/strong> Os blocos de diret\u00f3rio utilizam todo o espa\u00e7o da tela para uma navega\u00e7\u00e3o ideal pelo conte\u00fado. Layouts misturados com outros blocos comprometem a funcionalidade do diret\u00f3rio.<\/p>\n\n\n\n

Preven\u00e7\u00e3o de erros:<\/strong> Remova todos os outros blocos antes de adicionar Blocos de Diret\u00f3rio. Adicione Blocos de Diret\u00f3rio apenas a P\u00e1ginas de Aplicativos vazias.<\/p>\n\n\n\n

Adicionando o bloco de diret\u00f3rio<\/a><\/h2>\n\n\n\n

Os blocos de diret\u00f3rio s\u00e3o adicionados por meio da interface do editor da p\u00e1gina do aplicativo.<\/p>\n\n\n\n

    \n
  1. Navegue at\u00e9 Painel de controle > MP AppKit<\/strong> > P\u00e1ginas de aplicativos<\/strong>.
    <\/li>\n\n\n\n
  2. Clique em Adicionar novo<\/strong> para criar uma nova p\u00e1gina de aplicativo ou Editar<\/strong> uma p\u00e1gina vazia existente.<\/li>\n<\/ol>\n\n\n\n
    \"Editar\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
      \n
    1. Insira um t\u00edtulo para a p\u00e1gina no campo T\u00edtulo<\/strong> campo.<\/li>\n<\/ol>\n\n\n\n
      \"Adicionar\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
        \n
      1. Clique no bot\u00e3o Alternar Inseridor de Bloco<\/strong> \u00edcone na barra de ferramentas do editor.<\/li>\n<\/ol>\n\n\n\n
        \"Alternar\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
          \n
        1. Digite \u201cDiret\u00f3rio<\/strong>\u201d no campo de pesquisa do bloco.<\/li>\n<\/ol>\n\n\n\n
          \"Pesquisar\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
            \n
          1. Arraste o Bloco de diret\u00f3rio<\/strong> na tela da p\u00e1gina.
            <\/li>\n\n\n\n
          2. Clique em Publicar<\/strong> ou Atualiza\u00e7\u00e3o<\/strong> para salvar a p\u00e1gina.<\/li>\n<\/ol>\n\n\n\n
            \"Bloco\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

            O Bloco de Diret\u00f3rio exibe uma pr\u00e9-visualiza\u00e7\u00e3o esquel\u00e9tica com r\u00f3tulos de metadados de espa\u00e7o reservado ap\u00f3s a inser\u00e7\u00e3o.<\/p>\n\n\n\n

            Entendendo a visualiza\u00e7\u00e3o do diret\u00f3rio<\/a><\/h3>\n\n\n\n

            A pr\u00e9-visualiza\u00e7\u00e3o do esqueleto mostra a estrutura do diret\u00f3rio durante a configura\u00e7\u00e3o.<\/p>\n\n\n\n

            Etiquetas de espa\u00e7o reservado<\/strong> indica as posi\u00e7\u00f5es dos campos de metadados. As etiquetas s\u00e3o exibidas como \u201cMETA 1\u201d, \u201cMETA 2\u201d, \u201cMETA 3\u201d e \u201cMETA 4\u201d, representando os espa\u00e7os dispon\u00edveis para metadados.<\/p>\n\n\n\n

            Pr\u00e9-visualiza\u00e7\u00e3o do layout<\/strong> demonstra como o conte\u00fado aparecer\u00e1 no diret\u00f3rio. O conte\u00fado real preenche esses espa\u00e7os reservados no aplicativo publicado.<\/p>\n\n\n\n

            Orienta\u00e7\u00e3o de configura\u00e7\u00e3o<\/strong> ajuda a identificar oportunidades de personaliza\u00e7\u00e3o. Os espa\u00e7os reservados indicam visualmente onde os campos de metadados ser\u00e3o exibidos.<\/p>\n\n\n\n

            Configurando as defini\u00e7\u00f5es do bloco de diret\u00f3rio<\/a><\/h2>\n\n\n\n

            As configura\u00e7\u00f5es do Bloco de diret\u00f3rio controlam a fonte de conte\u00fado, as op\u00e7\u00f5es de exibi\u00e7\u00e3o e o comportamento de classifica\u00e7\u00e3o.<\/p>\n\n\n\n

            Selecionando o tipo de postagem<\/a><\/h3>\n\n\n\n

            A sele\u00e7\u00e3o do tipo de postagem determina qual conte\u00fado preenche o diret\u00f3rio.<\/p>\n\n\n\n

              \n
            1. Selecione o bloco de diret\u00f3rio<\/strong> no editor de p\u00e1ginas.<\/li>\n\n\n\n
            2. Localize o Configura\u00e7\u00f5es de bloco<\/strong> barra lateral \u00e0 direita.
              <\/li>\n\n\n\n
            3. Encontre o Selecione o tipo de publica\u00e7\u00e3o<\/strong> menu suspenso em Configura\u00e7\u00f5es do bloco.
              <\/li>\n\n\n\n
            4. Escolha o tipo de postagem desejado<\/strong> das op\u00e7\u00f5es dispon\u00edveis:\n