Objetivos
Hemos estado implementando pequeños cambios preparatorios, como mover el interruptor de vista previa, integrar sugerencias de IA y añadir GIFs en la barra de herramientas, y ahora estamos listos para probar el cambio más grande, disponible como cambio experimental próximo.
Nuestros objetivos principales son:
- Actualizar el compositor en línea con nuestros cambios generales para modernizar nuestra apariencia y sensación de uso.
- Mejorar la experiencia de composición en dispositivos móviles.
Nos encantaría que nos ayudaras a probarlo antes de que avance más.
Cómo probarlo
- Ve a Admin → Cambios próximos en
/admin/config/upcoming-changes - Busca Rediseño del compositor y actívalo.
- Abre el compositor (respuesta, nuevo tema o nuevo mensaje) y pruébalo tanto en escritorio como en móvil.
Puedes desactivarlo en cualquier momento desde el mismo lugar. Aquí en Meta puedes unirte al nuevo grupo de prueba composer-testers. En Meta, ahora está habilitado para todos.
Necesitamos especialmente feedback de cualquier persona que ejecute componentes de tema o plugins que personalicen el compositor — este rediseño cambia ligeramente la estructura del compositor, no solo su estilo. Más información al respecto a continuación.
Qué ha cambiado
Diseño y estructura
General
- El título se ha incorporado al contenido, haciéndolo parecer más como un título de documento (los usuarios de Notion deberían encontrar esto familiar).
- La barra de herramientas se ha movido al pie de página. Esto requerirá un pequeño ajuste de memoria muscular (también me molestó durante los primeros días
). - Rediseño de las entradas de categoría y etiqueta (incluyendo un icono de etiqueta y una visualización de selección mínima).
- Menos bordes, sensación más espaciosa.
Markdown
- El título, la categoría y las etiquetas ahora se encuentran en un área de metadatos de ancho completo sobre el panel de editor + vista previa, en lugar de estar limitados a la columna izquierda.
Móvil
Un factor impulsor muy importante de este proyecto es intentar mejorar la experiencia móvil. Ha habido una abundancia de quejas justificadas al respecto en Meta a lo largo de los años [1] [2] [3].
Para aumentar el espacio disponible durante la composición, estamos experimentando con un editor expandible que se desliza hacia arriba al enfocarse, cubriendo los campos del compositor, y permanece expandido mientras el editor está enfocado. Esto aplica al crear un nuevo tema o nuevo MP, no al responder.
Esto más que duplica el espacio de escritura disponible, pasando de 103px a 212px (al probarlo en mi dispositivo; los resultados reales pueden variar).
Otros
- El interruptor de la barra de herramientas se elimina en el nuevo diseño.
- Desliza hacia abajo para descartar el teclado y contraer el editor a la normalidad.
- Las etiquetas seleccionadas solo son visibles cuando se abre el menú. El icono está coloreado para indicar que se ha realizado una selección.
Feedback
Esto sigue siendo altamente experimental y me interesa principalmente descubrir cómo funciona en tamaños de pantalla regulares (escritorio y móvil) en Foundation. Las tabletas, teléfonos plegables, otros temas, etc., aún no han sido optimizados.
Llamado a autores de temas y plugins 
Si te conectas a los puntos de salida de plugins del compositor o das estilo al compositor, por favor prueba con el rediseño habilitado. El DOM se ha movido y algunas personalizaciones pueden necesitar ajustes:
- El bloque de campos del compositor ahora se renderiza como un hijo de ancho completo del contenedor del editor, ya no dentro de la columna de texto del editor.
- El contenido inyectado en el punto de salida
composer-fieldsahora aparece sobre el título (entre el grupo de categoría/etiquetas y el título), a ancho completo. - El campo de título se renderiza como su propia fila, separado del clúster de categoría/etiquetas y debajo de ellos en lugar de encima.
Ningún punto de salida ha sido renombrado o eliminado (aunque podrían serlo más adelante para ajustarse semánticamente a los cambios): tus conectores aún se adjuntarán. Lo que ha cambiado es dónde y qué tan ancho se renderiza tu contenido.
Si notas algo roto en tu tema o plugin, por favor responde aquí con el componente/plugin y una captura de pantalla. Ese feedback es exactamente para lo que está esta fase de pruebas.
Diseño 
Aquí hay algunos compromisos específicos o decisiones de diseño sobre los que yo mismo estoy indeciso y que podrían necesitar alguna opinión. Por supuesto, se aceptan todos los demás comentarios también.
A) ¿Por qué la entrada de título es tan malditamente grande?
La idea es que se aumente a un tamaño mayor que el de un H1 añadido manualmente, para asegurarse de que siempre sea visualmente el título del documento. A veces lo miro y pienso “asco”, otras veces digo “sí, esto funciona”.
Otra idea es reducir ligeramente los títulos existentes para lograr el mismo efecto.
Revertido en una próxima iteración.
B) ¿Son un problema las etiquetas ocultas…
…suficientemente grande como para no valer la compensación en móvil (más espacio para la categoría).
Si es así, ¿por qué?
C) ¿Cómo funciona la animación del editor expandible en tu dispositivo?
¿Es muy trabado? ¿Suficientemente bueno? ¿Una mejora? ¿Ideas alternativas o ajustes para mejorarlo?
D) ¿Qué hay del botón de sugerir título con IA?
Personalmente no me gusta demasiado cómo flota allí todo solo. ¿Cómo se siente para otros (los que lo usan)? Muy abierto a escuchar ideas de diseño.
Movido fuera del camino, ver Las sugerencias de título con IA se mueven al asistente del compositor
Gracias por ayudarnos a acertar antes de que se lance de forma más amplia. 
Se siente como una forma mucho más moderna y elegante de componer. También intenté mover la barra de herramientas a la parte inferior en el pasado, y creo que es mucho más cómodo así.
