Comprendre les blocs d'applications pris en charge pour l'application MemberPress

L'application MemberPress prend en charge une gamme de blocs Gutenberg qui peuvent être utilisés dans l'éditeur d'application, les pages d'application et les articles de blog. Les blocs pris en charge permettent le rendu de blocs React Native, garantissant ainsi que le contenu s'affiche de manière native dans l'application plutôt que de recourir à des solutions de secours web. Ce guide présente les blocs Gutenberg pris en charge, leurs fonctionnalités et leur comportement dans l'application MemberPress.

Comprendre les blocs d'applications pris en charge

Les blocs pris en charge offrent des capacités de rendu natives, améliorant ainsi les performances et l'expérience utilisateur au sein de l'application mobile.

Affichage natif rend les blocs pris en charge directement dans l'application sans nécessiter de vue Web. Le rendu natif offre un chargement plus rapide et une meilleure cohérence visuelle.

Fonctionnalité spécifique à l'application Permet d'utiliser des blocs conçus exclusivement pour les fonctionnalités des applications mobiles. Les blocs MemberPress App offrent des fonctionnalités qui ne sont pas disponibles dans les blocs WordPress standard.

Optimisation des performances réduit l'utilisation des ressources par rapport au rendu de secours Web. Les blocs natifs se chargent plus rapidement et consomment moins de mémoire sur les appareils mobiles.

Gestion des blocs non pris en charge affiche les blocs non natifs dans les modaux de secours Web. Le rendu de secours préserve l'accessibilité du contenu tout en indiquant un affichage non optimal.

Indicateurs visuels Marquez les blocs pris en charge avec des icônes d'application mobile dans l'éditeur d'applications. L'identification par icône aide les créateurs de contenu à sélectionner les blocs appropriés pour l'affichage dans l'application.

Blocs WordPress pris en charge

Les blocs WordPress offrent des fonctionnalités standard de mise en forme du contenu et d'affichage multimédia avec prise en charge native du rendu des applications.

Blocs de texte

Les blocs de texte permettent le formatage du contenu et l'affichage structuré des informations :

• Paragraphe
• Titre
• Liste
• Citation
• Code
• Préformaté
• Citation
• Tableau
• Vers

Blocs médias

Les blocs multimédias affichent des images, du contenu audio et vidéo de manière native dans l'application :

• Image
• Galerie
• Audio
• Couverture
• Fichier
• Médias et texte
• Vidéo

Blocs de conception

Les blocs de conception fournissent une structure de mise en page et une organisation visuelle pour le contenu des applications :

• Boutons
• Colonnes
• Groupe
• Plus d'informations
• Saut de page
• Séparateur
• Entretoise

Blocs de widgets

Les blocs de widgets permettent l'affichage de contenu HTML personnalisé avec certaines restrictions :

• HTML personnalisé (uniquement s'il ne contient pas d'iframes ou de contenu Web)

Blocs intégrés

Les blocs intégrés prennent en charge la lecture dans l'application pour diverses sources multimédias :

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

D'autres sources d'intégration, notamment Imgur, Kickstarter, Reddit et Scribd, sont également prises en charge.

Blocs d'application MemberPress

Les blocs d'application MemberPress fournissent des fonctionnalités exclusives spécifiques à l'application, disponibles uniquement dans les pages d'application.

Bloc de notifications affiche la liste des notifications et l'interface de gestion. Les membres accèdent à l'historique des notifications et aux préférences via ce bloc.

Bloc Liens rapides crée des raccourcis de navigation personnalisables vers les sections clés de l'application. L'accès rapide améliore l'efficacité de la navigation pour les fonctionnalités fréquemment utilisées.

Les blocs spécifiques à l'application n'apparaissent que dans les pages d'application et ne peuvent pas être utilisés dans les articles ou les pages WordPress standard.

Prise en charge des blocs personnalisés

L'intégration de blocs personnalisés permet aux blocs créés par les développeurs de s'afficher de manière native dans l'application.

Enregistrement de bloc personnalisé ajoute des blocs de développement à la catégorie App Blocks MemberPress. Les blocs personnalisés enregistrés apparaissent aux côtés des blocs d'application natifs dans l'éditeur d'application.

Disponibilité de la page de l'application permet d'utiliser des blocs personnalisés dans les pages d'application avec un rendu natif. Les blocs personnalisés fonctionnent de manière identique aux blocs d'application MemberPress intégrés après un enregistrement correct.

Capacité de rendu native nécessite un enregistrement correct des blocs et la mise en œuvre des composants React Native. La documentation pour les développeurs fournit des instructions détaillées sur l'intégration des blocs personnalisés.

Gestion des blocs non pris en charge

Les blocs non pris en charge s'affichent via des modaux de secours Web, ce qui permet de maintenir l'accessibilité du contenu avec un rendu non natif.

Affichage de secours Web rend les blocs non pris en charge à l'intérieur des superpositions modales à l'aide de la technologie Web View. La solution de secours garantit que le contenu reste visible malgré l'absence de prise en charge native.

Éviter les replis améliore les performances des applications et l'expérience utilisateur grâce à l'utilisation de blocs pris en charge. Les créateurs de contenu doivent remplacer les blocs non pris en charge par des alternatives natives lorsque cela est possible.

Suppression de blocs Élimine le contenu non pris en charge, réduisant ainsi les occurrences de modaux de secours Web. App Editor permet d'identifier et de remplacer les blocs non pris en charge.

Optimisation de l'éditeur d'applications crée du contenu spécifique à l'application en utilisant uniquement les types de blocs pris en charge. Le contenu dédié à l'application évite complètement les dépendances de repli vers le Web.

Configuration de secours Web contrôle l'affichage du contenu non pris en charge dans le navigateur intégré à l'application. La documentation pour les développeurs fournit des conseils de personnalisation de la solution de secours Web pour les cas d'utilisation avancés.