Entendendo os blocos de aplicativos suportados para o aplicativo MemberPress

O aplicativo MemberPress é compatível com uma variedade de blocos Gutenberg que podem ser usados no App Editor, nas páginas do aplicativo e nas postagens do blog. Os blocos compatíveis permitem a renderização de blocos React Native, garantindo que o conteúdo seja exibido nativamente no aplicativo, em vez de depender de fallbacks da Web. Este guia descreve os blocos Gutenberg compatíveis, sua funcionalidade e como eles se comportam no aplicativo MemberPress.

Compreensão dos blocos de aplicativos suportados

Os blocos compatíveis oferecem recursos de renderização nativa, melhorando o desempenho e a experiência do usuário no aplicativo móvel.

Tela nativa renderiza os blocos compatíveis diretamente no aplicativo, sem a necessidade de visualização na Web. A renderização nativa proporciona carregamento mais rápido e consistência visual aprimorada.

Funcionalidade específica do aplicativo permite blocos projetados exclusivamente para recursos de aplicativos móveis. Os blocos de aplicativos MemberPress oferecem recursos que não estão disponíveis nos blocos padrão do WordPress.

Otimização do desempenho reduz o uso de recursos em comparação com a renderização de fallback da Web. Os blocos nativos são carregados mais rapidamente e consomem menos memória em dispositivos móveis.

Manuseio de blocos sem suporte exibe blocos não nativos dentro de modais de fallback da Web. A renderização de fallback mantém a acessibilidade do conteúdo e indica a exibição não ideal.

Indicadores visuais marque os blocos compatíveis com ícones de aplicativos móveis no App Editor. A identificação do ícone ajuda os criadores de conteúdo a selecionar os blocos apropriados para exibição no aplicativo.

Blocos compatíveis com o WordPress

Os blocos do WordPress oferecem recursos padrão de formatação de conteúdo e exibição de mídia com suporte à renderização de aplicativos nativos.

Blocos de texto

Os blocos de texto permitem a formatação do conteúdo e a exibição de informações estruturadas:

• Parágrafo
• Título
• Lista
• Citação
• Código
• Pré-formatados
• Pullquote
• Tabela
• Verso

Blocos de mídia

Os blocos de mídia exibem imagens, áudio e conteúdo de vídeo de forma nativa no aplicativo:

• Imagem
• Galeria
• Áudio
• Capa
• Arquivo
• Mídia e texto
• Vídeo

Blocos de design

Os blocos de design fornecem estrutura de layout e organização visual para o conteúdo do aplicativo:

• Botões
• Colunas
• Grupo
• Mais informações
• Quebra de página
• Separador
• Espaçador

Blocos de widgets

Os blocos de widgets permitem a exibição de conteúdo HTML personalizado com limitações específicas:

• HTML personalizado (somente se não incluir iframes ou conteúdo da Web)

Incorporar blocos

Os blocos incorporados suportam a reprodução no aplicativo de várias fontes de mídia:

• Twitter
• YouTube
• WordPress
• SoundCloud
• Spotify
• Flickr
• Vimeo
• Dailymotion
• TED
• TikTok
• Tumblr
• Amazon Kindle

Outras fontes de incorporação, incluindo Imgur, Kickstarter, Reddit e Scribd, também são compatíveis.

Blocos de aplicativos MemberPress

Os blocos de aplicativos do MemberPress oferecem funcionalidade exclusiva específica do aplicativo, disponível apenas nas páginas de aplicativos.

Bloco de notificações exibe a lista de notificações e a interface de gerenciamento. Os membros acessam o histórico de notificações e as preferências por meio desse bloco.

Bloco de links rápidos cria atalhos de navegação personalizáveis para as principais seções do aplicativo. O acesso rápido aumenta a eficiência da navegação para os recursos acessados com frequência.

Os blocos específicos de aplicativos aparecem somente nas páginas de aplicativos e não podem ser usados em posts ou páginas padrão do WordPress.

Suporte a blocos personalizados

A integração de blocos personalizados permite que os blocos criados pelo desenvolvedor sejam exibidos de forma nativa no aplicativo.

Registro de blocos personalizados adiciona blocos de desenvolvedor à categoria MemberPress App Blocks. Os blocos personalizados registrados aparecem ao lado dos blocos de aplicativos nativos no App Editor.

Disponibilidade da página do aplicativo habilita blocos personalizados para uso em páginas de aplicativos com renderização nativa. Os blocos personalizados funcionam de forma idêntica aos blocos de aplicativos MemberPress incorporados após o registro adequado.

Capacidade de renderização nativa requer o registro adequado do bloco e a implementação do componente React Native. A documentação do desenvolvedor fornece orientações detalhadas sobre a integração de blocos personalizados.

Manuseio de blocos sem suporte

Os blocos sem suporte são exibidos por meio de modais de fallback da Web, mantendo a acessibilidade do conteúdo com renderização não nativa.

Exibição de fallback da Web renderiza blocos sem suporte dentro de sobreposições modais usando a tecnologia de visualização na Web. O fallback garante que o conteúdo permaneça visível apesar da falta de suporte nativo.

Evitando fallbacks melhora o desempenho do aplicativo e a experiência do usuário por meio do uso de blocos compatíveis. Os criadores de conteúdo devem substituir os blocos sem suporte por alternativas nativas sempre que possível.

Remoção de blocos elimina o conteúdo sem suporte, reduzindo as ocorrências de modal de fallback da Web. O App Editor permite a identificação e a substituição de blocos sem suporte.

Otimização do App Editor cria conteúdo específico do aplicativo usando apenas tipos de blocos compatíveis. O conteúdo dedicado do aplicativo evita totalmente as dependências de fallback da Web.

Configuração de fallback da Web controla como o conteúdo não suportado é exibido dentro do navegador no aplicativo. A documentação do desenvolvedor fornece orientação de personalização do fallback da Web para casos de uso avançados.