{"id":80399,"date":"2026-04-29T16:59:14","date_gmt":"2026-04-29T20:59:14","guid":{"rendered":"https:\/\/memberpress.com\/?post_type=ht_kb&p=80399"},"modified":"2026-09-03T06:22:57","modified_gmt":"2026-09-03T10:22:57","slug":"displaying-circles-with-block-and-shortcodes","status":"publish","type":"ht_kb","link":"https:\/\/memberpress.com\/pt\/docs\/displaying-circles-with-block-and-shortcodes\/","title":{"rendered":"Exibi\u00e7\u00e3o de c\u00edrculos MemberPress com bloco e c\u00f3digos de acesso"},"content":{"rendered":"

O MemberPress fornece um bloco e c\u00f3digos de acesso do Gutenberg para exibir c\u00edrculos em qualquer p\u00e1gina ou postagem. O bloco Circle e os c\u00f3digos de acesso oferecem controle total sobre como os C\u00edrculos aparecem no site.<\/p>\n\n\n\n

Este documento explica como usar o shortcode de arquivo de C\u00edrculo, o bloco de C\u00edrculo \u00fanico e o shortcode de C\u00edrculo \u00fanico. Essas op\u00e7\u00f5es permitem que os c\u00edrculos sejam incorporados em qualquer lugar, com configura\u00e7\u00f5es de exibi\u00e7\u00e3o personaliz\u00e1veis.<\/p>\n\n\n\n

C\u00f3digo curto do Circle Archive<\/a><\/h2>\n\n\n\n

O shortcode do arquivo do C\u00edrculo exibe o arquivo completo do C\u00edrculo em qualquer p\u00e1gina. Essa \u00e9 a mesma listagem dispon\u00edvel no c\u00f3digo padr\u00e3o \/mp-circle<\/code><\/strong> URL no site. Os membros podem navegar, pesquisar e participar de c\u00edrculos diretamente dessa p\u00e1gina.<\/p>\n\n\n\n

O shortcode funciona com o Editor de blocos do Gutenberg<\/a><\/strong> e criadores de p\u00e1ginas populares, como Elementor e Divi.<\/p>\n\n\n\n

Adicionar o c\u00f3digo curto de arquivo com o Gutenberg<\/a><\/h3>\n\n\n\n

Siga estas etapas para adicionar o arquivo Circles a qualquer p\u00e1gina ou publica\u00e7\u00e3o:<\/p>\n\n\n\n

    \n
  1. Navegue at\u00e9 Painel > P\u00e1ginas > Adicionar nova p\u00e1gina<\/strong>.<\/li>\n\n\n\n
  2. Adicione um t\u00edtulo para a p\u00e1gina.<\/li>\n\n\n\n
  3. Adicionar um C\u00f3digo curto<\/strong> para a \u00e1rea de conte\u00fado da p\u00e1gina.<\/li>\n<\/ol>\n\n\n\n
    \"Editor\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 o seguinte shortcode:<\/li>\n<\/ol>\n\n\n\n
      [mpcirc-circles]<\/code><\/pre>\n\n\n\n
        \n
      1. Clique em Publicar<\/strong> para salvar a p\u00e1gina.<\/li>\n<\/ol>\n\n\n\n
        A p\u00e1gina agora exibir\u00e1 o arquivo de c\u00edrculos com todos os c\u00edrculos vis\u00edveis.<\/p>\n\n\n\n
        \"P\u00e1gina\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
        Adi\u00e7\u00e3o do shortcode Archive com o Page Builders<\/a><\/h3>\n\n\n\n
        O shortcode do arquivo do Circle pode ser adicionado a p\u00e1ginas criadas com praticamente qualquer construtor de p\u00e1ginas. Para isso, use o m\u00f3dulo de shortcodes do construtor de p\u00e1ginas para adicionar o shortcode do arquivo do Circle a uma p\u00e1gina.<\/p>\n\n\n\n
        Por exemplo, adicione o Widget de c\u00f3digo curto no Elementor<\/strong> ou o M\u00f3dulo de c\u00f3digo no Divi<\/strong>. Em seguida, cole o seguinte shortcode do arquivo Circle nele:<\/p>\n\n\n\n
        [mpcirc-circles]<\/code><\/pre>\n\n\n\n
        Importante:<\/strong> Somente um shortcode de arquivo do Circle pode ser adicionado a cada p\u00e1gina. A incorpora\u00e7\u00e3o de v\u00e1rios c\u00f3digos de acesso de arquivo na mesma p\u00e1gina causar\u00e1 conflitos.<\/p>\n\n\n\n
        Bloco de c\u00edrculo \u00fanico<\/a><\/h2>\n\n\n\n
        O MemberPress inclui um bloco dedicado do Gutenberg para exibir um \u00fanico C\u00edrculo em qualquer p\u00e1gina ou postagem. O bloco Bloco de c\u00edrculos<\/strong> fornece uma maneira visual de incorporar um c\u00edrculo espec\u00edfico sem escrever um c\u00f3digo curto.<\/p>\n\n\n\n
        O bloco usa o mesmo sistema de renderiza\u00e7\u00e3o das p\u00e1ginas do C\u00edrculo. Ele respeita todas as configura\u00e7\u00f5es de controle de acesso e visibilidade<\/a><\/strong> configurado para cada C\u00edrculo.<\/p>\n\n\n\n
        Adi\u00e7\u00e3o do bloco de c\u00edrculos<\/a><\/h3>\n\n\n\n
        Siga estas etapas para adicionar o bloco C\u00edrculo a uma p\u00e1gina ou publica\u00e7\u00e3o:<\/p>\n\n\n\n
          \n
        1. Navegue at\u00e9 Painel de controle > P\u00e1ginas<\/strong> e abra uma p\u00e1gina existente, ou clique em Adicionar nova p\u00e1gina<\/strong>.<\/li>\n\n\n\n
        2. Clique no bot\u00e3o Inseridor de blocos (+)<\/strong> para adicionar um novo bloco.<\/li>\n\n\n\n
        3. Procurar por \u201cC\u00edrculo\u201d<\/strong> no campo de pesquisa do bloco.<\/li>\n\n\n\n
        4. Selecione o C\u00edrculo<\/strong> bloco dos resultados.<\/li>\n<\/ol>\n\n\n\n
          \"O\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. No Configura\u00e7\u00f5es de bloco<\/strong> no lado direito, use o painel Selecionar c\u00edrculo<\/strong> para escolher o C\u00edrculo a ser exibido.<\/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
              \n
            1. Opcionalmente, ajuste o Tela<\/strong> e Configura\u00e7\u00f5es de alimenta\u00e7\u00e3o<\/strong> no painel de blocos para personalizar a apar\u00eancia do C\u00edrculo.<\/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
              O editor mostrar\u00e1 uma visualiza\u00e7\u00e3o ao vivo do C\u00edrculo, incluindo a imagem de her\u00f3i, as guias de navega\u00e7\u00e3o, o feed e as postagens.<\/p>\n\n\n\n
              Configura\u00e7\u00f5es de exibi\u00e7\u00e3o do bloco de c\u00edrculos<\/a><\/h3>\n\n\n\n
              O bloco C\u00edrculo oferece as mesmas op\u00e7\u00f5es de exibi\u00e7\u00e3o que o bloco atributos de shortcode do C\u00edrculo \u00fanico<\/strong><\/a>. Essas configura\u00e7\u00f5es est\u00e3o dispon\u00edveis na se\u00e7\u00e3o Configura\u00e7\u00f5es de bloco<\/strong> quando o bloco Circle estiver selecionado:<\/p>\n\n\n\n