FlatMobile – Responsive WordPress Mobile Theme

Que tu web quepa en el móvil no significa que se maneje bien con el pulgar

Abres tu sitio en el teléfono y todo cabe: las columnas se apilan y el menú se esconde tras un icono en la esquina superior. La prueba de adaptabilidad sale bien. Aun así, la experiencia sigue siendo la de una web de escritorio en una pantalla pequeña, y las acciones principales quedan lejos de la mano.

Adaptar un diseño resuelve dónde cabe cada cosa. Falta decidir qué se alcanza primero con el dedo. Las aplicaciones responden a eso con barras inferiores, hojas que se abren desde el borde y un botón de acción flotante.

FlatMobile, de Mobius Studio, es un tema de WordPress que lleva esas piezas a una web normal: se edita con Elementor o con el editor de bloques, y sigue siendo tu sitio de WordPress.

Piezas de aplicación disponibles en FlatMobile

• Navegación inferior, para tener las secciones principales al alcance del pulgar.
• Hojas laterales que entran desde el borde de la pantalla.
• Botón de acción flotante, para destacar una acción.
• Snackbar, los avisos breves de las apps.

Lo completan 8 cabeceras, 5 pies y un constructor de cabecera y pie. Los objetivos táctiles miden al menos 44 px, los colores por defecto cumplen el contraste WCAG AA y respeta la preferencia de movimiento reducido.

Diez demos y los ajustes que las acompañan

Seis son de negocio y cuatro de tienda. Cubren finanzas, salud, educación, deporte, viajes, comida, hogar inteligente, zapatillas, supermercado y belleza. Cada página de demostración existe en versión Elementor y en versión de bloques de Gutenberg.

Las fotos de las demos son marcadores: importas estructura y colores, pero las imágenes no llegan. Prepara las tuyas antes de juzgar el resultado.

Con Elementor tienes 75 widgets, 54 generales y 21 para WooCommerce, sin necesidad de Elementor Pro. Las tarjetas de producto pueden llevar chips de talla, selector de cantidad o botón de añadir al carrito, y etiquetas de oferta.

El tema incluye interruptores de rendimiento para CSS crítico en línea, scripts diferidos, imágenes con carga diferida, carruseles que solo se cargan cuando hacen falta y código minificado.

Si necesitas ir más allá, tienes un panel de opciones, los controles del personalizador, campos para CSS y JavaScript propios y un tema hijo. También trae una herramienta para exportar demostraciones. Para sitios en varios idiomas hay archivos .pot y compatibilidad con Polylang y WPML, además de logotipos por idioma.

Un sitio con aspecto de app no llega a las tiendas de aplicaciones

FlatMobile cambia cómo se presenta y se navega tu web. Entre sus funciones no hay publicación en App Store ni Google Play, ni notificaciones push. Si esa es tu necesidad, busca un producto dedicado a ello.

Si ya tienes un sitio con este tema, planifica una instalación nueva o una importación de demostración.

Requisitos y arranque con el asistente

Necesita Elementor gratuito, y WooCommerce para las demos de tienda. El asistente de configuración puede instalar ambos. El paquete incluye el tema, el tema hijo y el plugin Companion, que viene dentro del tema.

1. Instala y activa FlatMobile, o su tema hijo si vas a tocar el código.
2. Sigue el asistente para instalar Elementor y, si vas a vender, WooCommerce.
3. Importa la demostración más cercana a tu negocio.
4. Abre el sitio en un teléfono real y decide qué secciones van en la navegación inferior.
5. Sustituye las imágenes de marcador por las tuyas.

Complementos y temas para la experiencia móvil

SuperPWA convierte tu web en una aplicación web progresiva sin cambios de código. Puede ser un buen complemento de un tema como este, y conviene probar la combinación.

Si vendes y quieres un tema de tienda centrado en el móvil, mira Puca. Y si lo que necesitas es dar a conocer una aplicación que ya existe, Rocket es un tema de landing page para apps móviles.

Si quieres que tu web parezca una app

¿Necesito Elementor Pro?

No. Los 75 widgets funcionan sin Elementor Pro.

¿Puedo usarlo sin Elementor?

Las páginas de demostración tienen versión de bloques para Gutenberg, pero el tema incluye Elementor gratuito entre sus requisitos.

¿Vienen las fotos de la demo?

No. Se importan el diseño y los colores, y las imágenes quedan como marcadores.