Unterstützte App-Blöcke für MemberPress-Apps verstehen

Die MemberPress-App unterstützt eine Reihe von Gutenberg-Blöcken, die im App-Editor, auf App-Seiten und in Blog-Beiträgen verwendet werden können. Die unterstützten Blöcke ermöglichen das Rendern von React Native-Blöcken und stellen sicher, dass Inhalte nativ in der App angezeigt werden, anstatt auf Web-Fallbacks zurückzugreifen. Dieser Leitfaden beschreibt die unterstützten Gutenberg-Blöcke, ihre Funktionen und ihr Verhalten innerhalb der MemberPress-App.

Unterstützte App-Blöcke verstehen

Unterstützte Blöcke bieten native Rendering-Funktionen, wodurch die Leistung und Benutzerfreundlichkeit innerhalb der mobilen Anwendung verbessert werden.

Native Anzeige Rendert unterstützte Blöcke direkt in der App, ohne dass eine Webansicht erforderlich ist. Das native Rendering sorgt für schnelleres Laden und eine verbesserte visuelle Konsistenz.

App-spezifische Funktionalität Aktiviert Blöcke, die ausschließlich für Funktionen mobiler Apps entwickelt wurden. MemberPress-App-Blöcke bieten Funktionen, die in Standard-WordPress-Blöcken nicht verfügbar sind.

Leistungsoptimierung Reduziert den Ressourcenverbrauch im Vergleich zum Web-Fallback-Rendering. Native Blöcke werden schneller geladen und verbrauchen weniger Speicher auf Mobilgeräten.

Behandlung nicht unterstützter Blöcke Zeigt nicht native Blöcke in Web-Fallback-Modalen an. Das Fallback-Rendering gewährleistet die Barrierefreiheit der Inhalte und weist gleichzeitig auf eine nicht optimale Darstellung hin.

Visuelle Anzeigen Markieren Sie unterstützte Blöcke mit mobilen App-Symbolen im App-Editor. Die Symbolkennzeichnung hilft Content-Erstellern bei der Auswahl geeigneter Blöcke für die App-Anzeige.

Unterstützte WordPress-Blöcke

WordPress-Blöcke bieten Standardfunktionen zur Formatierung von Inhalten und zur Anzeige von Medien mit nativer App-Rendering-Unterstützung.

Textblöcke

Textblöcke ermöglichen die Formatierung von Inhalten und die strukturierte Darstellung von Informationen:

• Absatz
• Überschrift
• Liste
• Zitat
• Code
• vorformatiert
• Zitat
• Tabelle
• Vers

Medienblöcke

Medienblöcke zeigen Bilder, Audio- und Videoinhalte nativ innerhalb der Anwendung an:

• Bild
• Galerie
• Audio
• Umschlag
• Datei
• Medien & Text
• Video

Design-Blöcke

Designblöcke sorgen für die Layoutstruktur und visuelle Organisation von App-Inhalten:

• Knöpfe
• Rubriken
• Gruppe
• Mehr
• Seitenumbruch
• Trennvorrichtung
• Abstandhalter

Widget-Blöcke

Widget-Blöcke ermöglichen die Anzeige benutzerdefinierter HTML-Inhalte mit bestimmten Einschränkungen:

• Benutzerdefiniertes HTML (nur wenn es keine iframes oder Webinhalte enthält)

Blöcke einbetten

Einbettungsblöcke unterstützen die Wiedergabe verschiedener Medienquellen innerhalb der App:

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

Zusätzliche Einbettungsquellen, darunter Imgur, Kickstarter, Reddit und Scribd, werden ebenfalls unterstützt.

MemberPress App-Blöcke

MemberPress-App-Blöcke bieten exklusive app-spezifische Funktionen, die nur innerhalb von App-Seiten verfügbar sind.

Benachrichtigungsblock Zeigt die Benachrichtigungsliste und die Verwaltungsschnittstelle an. Mitglieder können über diesen Block auf den Benachrichtigungsverlauf und die Einstellungen zugreifen.

Schnellzugriff-Block Erstellt anpassbare Navigationsverknüpfungen zu wichtigen App-Bereichen. Der Schnellzugriff verbessert die Navigationseffizienz für häufig verwendete Funktionen.

App-spezifische Blöcke erscheinen nur auf App-Seiten und können nicht in Standard-WordPress-Beiträgen oder -Seiten verwendet werden.

Unterstützung für benutzerdefinierte Blöcke

Die Integration benutzerdefinierter Blöcke ermöglicht die native Anzeige von durch Entwickler erstellten Blöcken innerhalb der Anwendung.

Benutzerdefinierte Blockregistrierung fügt Entwicklerblöcke zur Kategorie „MemberPress App Blocks“ hinzu. Registrierte benutzerdefinierte Blöcke werden neben nativen App-Blöcken im App-Editor angezeigt.

Verfügbarkeit der App-Seite ermöglicht die Verwendung benutzerdefinierter Blöcke in App-Seiten mit nativer Darstellung. Benutzerdefinierte Blöcke funktionieren nach ordnungsgemäßer Registrierung genauso wie integrierte MemberPress-App-Blöcke.

Native Rendering-Fähigkeit erfordert eine ordnungsgemäße Blockregistrierung und die Implementierung von React Native-Komponenten. Die Entwicklerdokumentation enthält detaillierte Anleitungen zur Integration benutzerdefinierter Blöcke.

Umgang mit nicht unterstützten Blöcken

Nicht unterstützte Blöcke werden über Web-Fallback-Modale angezeigt, wodurch die Barrierefreiheit der Inhalte mit nicht nativem Rendering gewährleistet bleibt.

Web-Fallback-Anzeige Rendert nicht unterstützte Blöcke innerhalb von modalen Overlays mithilfe von Webview-Technologie. Fallback sorgt dafür, dass Inhalte trotz fehlender nativer Unterstützung sichtbar bleiben.

Fallbacks vermeiden verbessert die App-Leistung und das Benutzererlebnis durch die Verwendung unterstützter Blöcke. Content-Ersteller sollten nicht unterstützte Blöcke nach Möglichkeit durch native Alternativen ersetzen.

Blockentfernung Eliminiert nicht unterstützte Inhalte und reduziert so das Auftreten von Web-Fallback-Modalen. Der App-Editor ermöglicht die Identifizierung und den Austausch nicht unterstützter Blöcke.

App-Editor-Optimierung Erstellt app-spezifische Inhalte unter Verwendung ausschließlich unterstützter Blocktypen. Spezielle App-Inhalte vermeiden vollständig Abhängigkeiten von Web-Fallbacks.

Web-Fallback-Konfiguration Steuert, wie nicht unterstützte Inhalte im In-App-Browser angezeigt werden. Die Entwicklerdokumentation enthält Anleitungen zur Anpassung des Web-Fallbacks für fortgeschrittene Anwendungsfälle.