Comprensión de los bloques de aplicaciones compatibles con la aplicación MemberPress

La aplicación MemberPress es compatible con una serie de bloques Gutenberg que se pueden utilizar en el editor de la aplicación, las páginas de la aplicación y las publicaciones del blog. Los bloques compatibles permiten la renderización de bloques React Native, lo que garantiza que el contenido se muestre de forma nativa en la aplicación en lugar de depender de fallbacks web. Esta guía describe los bloques Gutenberg compatibles, su funcionalidad y cómo se comportan en MemberPress App.

Bloques de aplicaciones compatibles

Los bloques compatibles proporcionan capacidades de renderizado nativo, mejorando el rendimiento y la experiencia del usuario dentro de la aplicación móvil.

Pantalla nativa renderiza los bloques compatibles directamente en la aplicación sin requisitos de vista web. El renderizado nativo proporciona una carga más rápida y una mayor coherencia visual.

Funciones específicas de la aplicación permite crear bloques diseñados exclusivamente para aplicaciones móviles. Los bloques MemberPress App proporcionan capacidades no disponibles en los bloques estándar de WordPress.

Optimización del rendimiento reduce el uso de recursos en comparación con el renderizado web fallback. Los bloques nativos se cargan más rápido y consumen menos memoria en los dispositivos móviles.

Manipulación de bloques no compatible muestra bloques no nativos dentro de modales web fallback. El renderizado fallback mantiene la accesibilidad al contenido a la vez que indica una visualización no óptima.

Indicadores visuales marque los bloques compatibles con iconos de aplicaciones móviles en el Editor de aplicaciones. La identificación de iconos ayuda a los creadores de contenidos a seleccionar los bloques adecuados para su visualización en la app.

Bloques de WordPress compatibles

Los bloques de WordPress ofrecen funciones estándar de formato de contenidos y visualización de medios con soporte nativo de renderización de aplicaciones.

Bloques de texto

Los bloques de texto permiten dar formato al contenido y mostrar información estructurada:

• Párrafo
• Rúbrica
• Lista
• Cita
• Código
• Preformateado
• Pullquote
• Cuadro
• Verso

Bloques multimedia

Los bloques multimedia muestran imágenes, audio y vídeo de forma nativa dentro de la aplicación:

• Imagen
• Galería
• Audio
• Portada
• Archivo
• Medios y texto
• Vídeo

Bloques de diseño

Los bloques de diseño proporcionan estructura y organización visual al contenido de la aplicación:

• Botones
• Columnas
• Grupo
• Más
• Salto de página
• Separador
• Espaciador

Bloques de widgets

Los bloques de widgets permiten mostrar contenido HTML personalizado con limitaciones específicas:

• HTML personalizado (sólo si no incluye iframes o contenido web)

Bloques incrustados

Los bloques incrustados admiten la reproducción en la aplicación de varias fuentes multimedia:

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

También se admiten otras fuentes de incrustación, como Imgur, Kickstarter, Reddit y Scribd.

Bloques de aplicaciones MemberPress

Los bloques de aplicación MemberPress ofrecen funciones exclusivas para aplicaciones que sólo están disponibles en las App Pages.

Bloque de notificaciones muestra la lista de notificaciones y la interfaz de gestión. Los miembros acceden al historial de notificaciones y a las preferencias a través de este bloque.

Bloque de enlaces rápidos crea accesos directos de navegación personalizables a secciones clave de la aplicación. El acceso rápido mejora la eficiencia de la navegación para las funciones a las que se accede con más frecuencia.

Los bloques específicos de la aplicación sólo aparecen en las App Pages y no pueden utilizarse en las entradas o páginas estándar de WordPress.

Soporte para bloques personalizados

La integración de bloques personalizados permite que los bloques creados por los desarrolladores se muestren de forma nativa en la aplicación.

Registro de bloques personalizados añade bloques de desarrollador a la categoría MemberPress App Blocks. Los bloques personalizados registrados aparecen junto a los bloques de aplicaciones nativas en el App Editor.

Disponibilidad de la página de la aplicación permite utilizar bloques personalizados en App Pages con renderización nativa. Los bloques personalizados funcionan de forma idéntica a los bloques integrados de la App MemberPress una vez registrados correctamente.

Capacidad de renderizado nativo requiere un registro de bloques y una implementación de componentes React Native adecuados. La documentación para desarrolladores proporciona orientación detallada sobre la integración de bloques personalizados.

Bloques no compatibles

Los bloques no compatibles se muestran a través de modales web fallback, manteniendo la accesibilidad al contenido con una renderización no nativa.

Visualización web alternativa renderiza bloques no compatibles dentro de superposiciones modales utilizando la tecnología de vista web. Fallback garantiza que el contenido permanezca visible a pesar de la falta de soporte nativo.

Evitar contratiempos mejora el rendimiento de la aplicación y la experiencia del usuario mediante el uso de bloques compatibles. Los creadores de contenidos deben sustituir los bloques no compatibles por alternativas nativas siempre que sea posible.

Eliminación de bloques elimina el contenido no compatible, reduciendo las apariciones de los modos web fallback. App Editor permite identificar y sustituir los bloques no compatibles.

Optimización del editor de aplicaciones crea contenido específico para la aplicación utilizando únicamente los tipos de bloque compatibles. El contenido específico de la aplicación evita por completo las dependencias de la web.

Configuración de Web fallback controla cómo se muestra el contenido no compatible en el navegador integrado en la aplicación. La documentación para desarrolladores ofrece orientación sobre la personalización de web fallback para casos de uso avanzados.