Este es un resumen de un encuentro en el pasillo que se organizó en el canal #fse-outreach-experiment como parte del Programa de divulgación de FSE. ¡Gracias a todos los que participaron!
Asistencia:
@elblakeo31 @beckej @annezazu @paaljoachim @rbest Lauren Gray, @FahimMurshed, James Riordon, Micro.
Grabación de video:
Notas:
Introducción
Comenzamos la llamada con una introducción de @elblakeo31, miembro del Programa de divulgación de FSE que desde hace tiempo busca utilizar las novedades más recientes lo antes posible y tanto como sea posible. Como uno de los primeros usuarios, parte de su trabajo consiste también en ayudar a otras personas a adoptar nuevas tecnologías.
Ahora los clientes se están poniendo en contacto conmigo por las funciones de FSE y quieren utilizarlas. Estamos empezando a ver una transición: antes la gente desconfiaba mucho, pero ahora realmente quiere utilizar las funciones del núcleoNúcleo El núcleo es el conjunto de software necesario para ejecutar WordPress. El equipo de desarrollo del núcleo crea WordPress. que ofrece WordPress.
@elblakeo31
Enfoque general
Han trasladado siete sitios diferentes al Editor del sitio en producción. Deliberadamente no están intentando crear temas para estos proyectos y procuran utilizar el editor del sitio tanto como sea posible. Actualmente utilizan temas hijo para algunos proyectos, pero en su mayoría simplemente toman Twenty Twenty-Three y lo utilizan directamente. Blake ve una gran ventaja en utilizar el Editor del sitio directamente como herramienta de diseño, en lugar de usar Figma y luego replicar el diseño en WordPress. Aquí existen algunos desafíos, ya que la gente está acostumbrada a Figma y el Editor del sitio tiene una curva de aprendizaje, además de algunas limitaciones, como una experiencia de navegación más dinámica. Junto con esto, se dedica mucho trabajo a evaluar qué plugins se necesitan en un sitio y a garantizar que todo lo que quieran utilizar sea compatible con el Editor del sitio. En general, intentan no crear muchos bloques personalizados y, en su lugar, dependen de patrones, haciendo hincapié en emplear todo lo posible del documento sobre cómo seleccionar la experiencia del editor. Esto es especialmente cierto en organizaciones grandes, como una universidad importante, donde necesitan restringir más las cosas.
¿Cómo es una agencia web en un universo con el editor del sitio?
¿Cómo podemos ofrecer servicios cuando los clientes pueden hacer tanto por su cuenta con el Editor del sitio? Esto surgió naturalmente como tema de conversación, y Blake explicó que su objetivo es capacitar a los clientes para utilizar las capacidades del editor del sitio y que «ahora se dedica mucho del tiempo de desarrollo a enseñar».
El mayor desafío en este momento es enseñar a la gente a utilizar una herramienta nueva. Al acercarse a GutenbergGutenberg El proyecto Gutenberg es la nueva interfaz del editor de WordPress. El editor mejora el proceso y la experiencia de crear contenido nuevo, haciendo mucho más sencilla la redacción de contenido enriquecido. Utiliza «bloques» para añadir riqueza en lugar de shortcodes, HTML personalizado, etc.
https://wordpress.org/gutenberg/, a veces ya existe cierta «aprensión y enojo» por parte de la gente. Sin importar el tamaño del sitio web en el que trabaje un cliente, si ha utilizado WordPress antes, presenta cierto cansancio por las funciones. Para ayudar a combatir esto y llevarlos al futuro, dedican mucho tiempo a introducirlos en una cultura de colaboración y experimentación que normalmente la gente no busca. Como resultado, eligen específicamente clientes que valoran cierto nivel de experimentación asociado con la adopción de nuevas tecnologías.
Ahora, con la última versión, hemos llegado a un punto en el que puedo poner proyectos en producción y tener la confianza de que se mantendrán.
@elblakeo31
¿Cuándo deciden utilizar un tema hijoTema hijo Un tema hijo es un tema personalizado basado en un tema padre. Se considera una buena práctica crear un tema hijo si quieres modificar el CSS de tu tema. https://developer.wordpress.org/themes/advanced-topics/child-themes/ en lugar de TT3? ¿Qué impulsa esa decisión?
Blake compartió que ha hablado con muchas personas sobre las mejores prácticas y que su objetivo es hacer todo lo posible en el editor. También sabe que recibirá más apoyo de la comunidad si lleva al límite Twenty Twenty-Three que si utiliza otro tema. Mientras profundiza en el tema, también documenta cualquier lugar donde se añada código para mantenerse al día con lo que podría cambiar en el futuro. Las fuentes son un excelente ejemplo de esto y aparecen con frecuencia. En el futuro, las fuentes se gestionarán más directamente en el núcleo, pero actualmente utilizan el pluginPlugin Un plugin es una pieza de software que contiene un grupo de funciones que se pueden añadir a un sitio web de WordPress. Puede ampliar la funcionalidad o añadir nuevas características a tus sitios web de WordPress. Los plugins de WordPress están escritos en el lenguaje de programación PHP y se integran perfectamente con WordPress. Pueden ser gratuitos en el directorio de plugins de WordPress.org https://wordpress.org/plugins/ o ser plugins de pago de terceros. Create BlockBloque Bloque es el término abstracto utilizado para describir unidades de marcado que, al componerse juntas, forman el contenido o diseño de una página web mediante el editor de WordPress. La idea combina conceptos que en el pasado podían haberse logrado con shortcodes, HTML personalizado y descubrimiento de incrustaciones en una única API y experiencia de usuario coherentes. Theme para gestionarlo.
¿Qué proceso siguen para utilizar directamente el editor del sitio como herramienta de diseño en lugar de Figma?
Desde los primeros días de usar un editor WYSIWYGLo que ves es lo que obtienes Lo que ves es lo que obtienes. Se utiliza principalmente en relación con los editores, donde los cambios realizados en el modo de edición se reflejan exactamente como aparecerán en la página publicada., Blake ha soñado con no utilizar nada excepto un editor para crear maquetas y evitar tener que usar herramientas como Adobe. Parece una pérdida de tiempo tener múltiples fuentes de verdad cuando todo podría estar en un solo editor. En cuanto al proceso, siguen algo parecido a lo siguiente:
- Añadir contenido a WordPress usando Twenty Twenty-Three sin cambios de estilo.
- Añadir algunos elementos de estilo con el editor del sitio y explicar directamente al cliente las distintas partes del estilo, junto con las opciones que tiene en adelante según lo que quiera hacer.
- Crear cualquier elemento personalizado, como elementos personalizados o plugins, para mejorar la accesibilidadAccesibilidad La accesibilidad (comúnmente abreviada como a11y) se refiere al diseño de productos, dispositivos, servicios o entornos para personas con discapacidades. El concepto de diseño accesible garantiza tanto el «acceso directo» (es decir, sin asistencia) como el «acceso indirecto», que significa compatibilidad con la tecnología de asistencia de una persona (por ejemplo, lectores de pantalla de ordenador). (https://en.wikipedia.org/wiki/Accessibility) de los sitios.
En los 7 u 8 sitios que utilizan el editor del sitio, aún no han llegado a un punto en el que un cliente diga que esto no le funciona. Como no han creado maquetas, han terminado guiándolos literalmente a través del Editor del sitio. Por ello, gestionar las expectativas del cliente es una de las herramientas más importantes del oficio: «Existe esta nueva tecnología que te posicionará mejor en el futuro, pero al mismo tiempo tiene limitaciones».
Puedo identificarme con todo lo que Blake está explicando. Solo soy una agencia de una persona, pero sigo exactamente el mismo enfoque para todas mis construcciones, incluyendo usar TT3 como base o el tema Frost de Brian Gardner. Creo las maquetas en el editor del sitio. La colaboración se realiza mediante un P2P2 P2 u O2 es el término que la gente utiliza para referirse al blog Make WordPress. Se puede encontrar en https://make.wordpress.org o una página de comunicación que creo, ya que esto ofrece a los clientes oportunidades sencillas para trabajar con bloques y familiarizarse con ellos.
Micro en el chat de Zoom
¿Con qué tipos de clientes trabajan y cómo cambia su enfoque según el caso?
En general, hay tres tipos de clientes:
- Crear algo a partir de una plantilla: alguien llega con una maqueta de diseño completa diciendo que quiere X. Esto es cada vez menos frecuente, ya que su agencia es conocida por crear cosas desde cero. A menudo toman un diseño y utilizan un bloque personalizado o un bloque de HTMLHTML HTML es el acrónimo de Hyper Text Markup Language (lenguaje de marcado de hipertexto). Es un lenguaje de marcado utilizado en el desarrollo de páginas y sitios web. si quieren una coincidencia perfecta a nivel de píxel.
- Proyecto pequeño: quiere un sitio web diseñado y creado desde cero que no pertenezca a una organización grande. Trabajan con la gente para introducir todo el contenido en WordPress. Organizan llamadas de 1 a 3 horas para hablar sobre el contenido, revisar distintos sitios de WP y ver qué quiere hacer el cliente (si quiere ponerlo en un documento de Google o entrar directamente en el editor de WP). Después tienen una reunión más centrada en el diseño para enfatizar y crear patrones, encontrar sitios que les gusten, etc. Ese proceso iterativo continúa.
- Una organización grande, como una universidad. En este nivel, se centran más en las funciones y actúan casi como consultores que trabajan junto a un equipo de TI familiarizado con WP. Para las organizaciones más grandes, hacen lo que quieran. Recientemente, crearon el 80 % del sitio, luego realizaron una parte de enseñanza y finalmente harán una parte de acabado. Para otras organizaciones, se trata más de impartir lecciones y orientación sobre cómo utilizarlo para aplicar las mejores prácticas. Estos proyectos suelen tardar más.
En la parte educativa, se dedica mucho tiempo a que la gente se familiarice con el editor, incluidos los diseñadores. Hay que lograr que las personas se sientan cómodas con el editor del sitio, incluidos los diseñadores. Cada bloque tiene distintos controles, etc. Una vez que parte de eso está establecido, se puede dejar que la gente experimente libremente. Blake compartió que intenta hacer que la gente piense en ser diseñadores del editor de bloques y en considerar los bloques como el nivel fundamental del diseño.
¿Qué hizo clic para que te sintieras seguro utilizando el editor del sitio en producción?
Otro asistente hizo esta pregunta y Blake explicó que cada vez que hay una nueva versión dedica muchísimo tiempo propio a probar las cosas. A menudo pasa un fin de semana comprobando si puede hacer que un proyecto funcione en el Editor del sitio y lo comparte con antelación para que un cliente vea si también le funcionará. Cada vez descubre más que las cosas funcionan y puede simplemente entregárselas al cliente. Con la última versión, se ha alejado del uso del plugin de Gutenberg como solución provisional («ha sido liberador alejarse de eso»).
Otros
Hablamos sobre algunos aspectos del mantenimiento, la adopción más amplia del Editor del sitio dentro de la comunidad de WordPress y miramos hacia el futuro con algunos problemas de GitHubGitHub GitHub es un sitio web que ofrece una implementación en línea de repositorios git que otros desarrolladores pueden compartir, copiar y modificar fácilmente. Los repositorios públicos se alojan de forma gratuita; los privados requieren una suscripción de pago. GitHub introdujo el concepto de «pull request», mediante el cual los cambios de código realizados en ramas por colaboradores pueden revisarse y debatirse antes de que el propietario del repositorio los fusione. https://github.com/. Esto incluye un debate más profundo sobre partes de plantilla, patrones y bloques reutilizables, con una revisión de un debate reciente sobre formas de unificarlos.
Recursos compartidos:
Se compartió la siguiente documentación:
Se compartieron los siguientes enlaces de GitHub:
- Repositorio del puente del sistema de diseño de VIP, que contiene una herramienta que facilita la sincronización de los valores del sistema de diseño de Figma con el tema.jsonJSON JSON, o JavaScript Object Notation, es un formato mínimo y legible para estructurar datos. Se utiliza principalmente para transmitir datos entre un servidor y una aplicación web, como alternativa a XML..
- PR para añadir un tipo de diseño de cuadrícula.
- Ampliación del bloque wp:pattern.
Próximos pasos:
Un breve seguimiento por parte de quien suscribe:
- Organizar otro encuentro en el pasillo sobre este tema, ya que la gente tenía muchas ganas de seguir hablando.
- Explorar qué recursos podrían ser útiles para añadir a Learn WP sobre el diseño dentro del Editor del sitio.