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

MemberPress App supports a range of Gutenberg blocks that can be used in the App Editor, App Pages, and Blog Posts. Supported blocks enable React Native block rendering, ensuring that content is displayed natively in the app rather than relying on web fallbacks. This guide outlines the supported Gutenberg blocks, their functionality, and how they behave within MemberPress App.

Understanding Supported App Blocks

Supported blocks provide native rendering capabilities, improving performance and user experience within the mobile application.

Native display renders supported blocks directly in the app without web view requirements. Native rendering provides faster loading and improved visual consistency.

App-specific functionality enables blocks designed exclusively for mobile app features. MemberPress App blocks provide capabilities unavailable in standard WordPress blocks.

Performance optimization reduces resource usage compared to web fallback rendering. Native blocks load faster and consume less memory on mobile devices.

Unsupported block handling displays non-native blocks inside web fallback modals. Fallback rendering maintains content accessibility while indicating non-optimal display.

Visual indicators mark supported blocks with mobile app icons in the App Editor. Icon identification helps content creators select appropriate blocks for app display.

Supported WordPress Blocks

WordPress blocks provide standard content formatting and media display capabilities with native app rendering support.

Textblöcke

Text blocks enable content formatting and structured information display:

• Absatz
• Heading
• Liste
• Zitat
• Code
• Preformatted
• Pullquote
• Tabelle
• Verse

Medienblöcke

Media blocks display images, audio, and video content natively within the application:

• Bild
• Galerie
• Audio
• Cover
• Datei
• Media & Text
• Video

Design-Blöcke

Design blocks provide layout structure and visual organization for app content:

• Buttons
• Rubriken
• Gruppe
• Mehr
• Page Break
• Separator
• Spacer

Widget-Blöcke

Widget blocks enable custom HTML content display with specific limitations:

• Custom HTML (Only if it does not include iframes or web content)

Embed Blocks

Embed blocks support in-app playback for various media sources:

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

Additional embed sources, including Imgur, Kickstarter, Reddit, and Scribd, are also supported.

MemberPress App Blocks

MemberPress App blocks provide exclusive app-specific functionality available only within App Pages.

Notifications block displays the notification list and management interface. Members access notification history and preferences through this block.

Quick Links block creates customizable navigation shortcuts to key app sections. Quick access improves navigation efficiency for frequently accessed features.

App-specific blocks appear only in App Pages and cannot be used in standard WordPress posts or pages.

Custom Block Support

Custom block integration enables developer-created blocks to display natively within the application.

Custom block registration adds developer blocks to the MemberPress App Blocks category. Registered custom blocks appear alongside native app blocks in the App Editor.

App Page availability enables custom blocks for use in App Pages with native rendering. Custom blocks function identically to built-in MemberPress App blocks after proper registration.

Native rendering capability requires proper block registration and React Native component implementation. Developer Documentation provides detailed custom block integration guidance.

Handling Unsupported Blocks

Unsupported blocks display through web fallback modals, maintaining content accessibility with non-native rendering.

Web fallback display renders unsupported blocks inside modal overlays using web view technology. Fallback ensures content remains visible despite a lack of native support.

Avoiding fallbacks improves app performance and user experience through supported block usage. Content creators should replace unsupported blocks with native alternatives when possible.

Block removal eliminates unsupported content, reducing web fallback modal occurrences. App Editor enables the identification and replacement of non-supported blocks.

App Editor optimization creates app-specific content using only supported block types. Dedicated app content avoids web fallback dependencies entirely.

Web fallback configuration controls how unsupported content displays inside the In-App Browser. Developer Documentation provides web fallback customization guidance for advanced use cases.