{"id":19290,"date":"2021-02-24T13:19:58","date_gmt":"2024-06-03T07:32:51","guid":{"rendered":"https:\/\/onthegosystems.com\/2024\/06\/como-convertimos-mi-prototipo-en-una-de-las-principales-caracteristicas-de-nuestro-producto\/"},"modified":"2024-06-03T07:33:03","modified_gmt":"2024-06-03T07:33:03","slug":"como-convertimos-mi-prototipo-en-una-de-las-principales-caracteristicas-de-nuestro-producto","status":"publish","type":"post","link":"https:\/\/onthegosystems.com\/es\/2021\/02\/como-convertimos-mi-prototipo-en-una-de-las-principales-caracteristicas-de-nuestro-producto\/","title":{"rendered":"C\u00f3mo convertimos mi prototipo en una de las principales caracter\u00edsticas de nuestro producto"},"content":{"rendered":"\n

Ivan \u010curdinjakovi\u0107<\/a> es desarrollador en nuestro equipo de Herramientas<\/a>. En esta entrevista, Ivan nos cuenta la historia de c\u00f3mo se le ocurri\u00f3 una idea para resolver un antiguo reto para trabajar con una mezcla de contenido est\u00e1tico y din\u00e1mico en WordPress.<\/strong><\/p>\n\n

\u00bfPuedes explicar el problema que quer\u00edas resolver a alguien que no est\u00e9 familiarizado con WordPress?<\/h2>\n\n

Por supuesto. Como todo el mundo sabe, WordPress te permite crear y gestionar sitios. Viene con cierta informaci\u00f3n predeterminada para tus p\u00e1ginas, como el t\u00edtulo de la p\u00e1gina, la imagen destacada, las categor\u00edas, etc. Toolset, nuestro conjunto de plugins para WordPress, te permite a\u00f1adir cualquier tipo de informaci\u00f3n personalizada. <\/p>\n\n

Por ejemplo, \u00bfnecesitas mostrar el precio de un anuncio inmobiliario? No hay problema, a\u00f1\u00e1delo utilizando Herramientas. Como esta informaci\u00f3n cambia de un puesto a otro, decimos que es din\u00e1mica.<\/p>\n\n

Pero luego, quieres mostrar esa informaci\u00f3n en el front-end. Podr\u00edas mostrar esos datos din\u00e1micos en listas personalizadas de entradas<\/a>, en plantillas para entradas individuales<\/a>, etc. Toolset te permite hacerlo f\u00e1cilmente utilizando bloques dentro del editor predeterminado de WordPress. S\u00f3lo tienes que activar la opci\u00f3n de mostrar informaci\u00f3n din\u00e1mica y seleccionar de qu\u00e9 campo.<\/p>\n\n

Para ilustrar c\u00f3mo se hace, aqu\u00ed tienes una imagen que muestra c\u00f3mo mostrar\u00edas un encabezado din\u00e1mico en tu lista personalizada de entradas creada con Toolset.<\/p>\n\n

\"\"
Utilizar el conjunto de herramientas Fuentes din\u00e1micas para mostrar el t\u00edtulo de una entrada en una lista personalizada de entradas<\/figcaption><\/div><\/figure>\n\n

Bien, el gran obst\u00e1culo que ten\u00edamos era que nuestros bloques pod\u00edan tener contenido est\u00e1tico (texto tecleado por el usuario) o contenido din\u00e1mico. Simplemente no exist\u00eda la posibilidad t\u00e9cnica de mezclar f\u00e1cilmente texto est\u00e1tico y campos din\u00e1micos. Y es una necesidad com\u00fan de los usuarios. <\/p>\n\n

Por ejemplo, puede que quieras mostrar el valor del precio, que es un n\u00famero, mezclado con algo de texto.<\/p>\n\n

\"\"
Un ejemplo de mezcla de contenido est\u00e1tico con campos din\u00e1micos<\/figcaption><\/div><\/figure>\n\n

Ten\u00edamos algunas soluciones provisionales, pero eran engorrosas tanto para los usuarios como para los programadores.<\/p>\n\n

Por tanto, era una picaz\u00f3n que muchos de nosotros quer\u00edamos rascarnos de alguna manera. <\/p>\n\n

\u00bfC\u00f3mo te planteaste resolverlo?<\/h2>\n\n

Vale, ahora se vuelve un poco m\u00e1s t\u00e9cnico… :)<\/p>\n\n

Hace unos meses, estuve comprobando algunos filtros relativamente nuevos que Gutenberg (tambi\u00e9n conocido como Editor de Bloques de WordPress) a\u00f1adi\u00f3 a su editor de RichText. Es un componente que permite escribir texto con formato enriquecido dentro de bloques. Lo que me llam\u00f3 la atenci\u00f3n fue que el equipo de Gutenberg a\u00f1adi\u00f3 algunos formatos m\u00e1s complejos, como Enlace, C\u00f3digo en l\u00ednea e Imagen en l\u00ednea, adem\u00e1s de los habituales, como Negrita, Cursiva y Subrayado. <\/p>\n\n

Inmediatamente pens\u00e9: \u00bfser\u00eda posible crear un formato de Campo Inline personalizado? <\/p>\n\n

Pero despu\u00e9s de consultar la documentaci\u00f3n de la API RichText, no estaba muy claro. Era bastante limitado, y la funcionalidad avanzada que a\u00f1ad\u00edan estaba muy adaptada a las necesidades de sus formatos (n\u00facleo de WordPress). Puedes a\u00f1adir un formato a RichText, pero no hay ning\u00fan ejemplo que se acerque a la complejidad de lo que necesit\u00e1bamos para nuestros Campos en l\u00ednea.<\/p>\n\n

\u00bfCu\u00e1ndo te diste cuenta de que pod\u00edas hacerlo funcionar?<\/h2>\n\n

Al principio, no sab\u00eda si era posible. Pero sent\u00eda curiosidad y experimentaba con ella en mi tiempo libre. Hubo obst\u00e1culos, pero en alg\u00fan momento llegu\u00e9 a un prototipo prometedor.<\/p>\n\n

Fue muy emocionante para m\u00ed, y ten\u00eda que compartir la noticia con alguien, as\u00ed que se la ense\u00f1\u00e9 a mi jefe de equipo, Juan. Enseguida vio el potencial y me dijo que siguiera trabajando en \u00e9l hasta que fuera un prototipo funcional, y entonces lo demostrar\u00edamos a los dem\u00e1s.<\/p>\n\n

Poco despu\u00e9s, ya ten\u00eda un prototipo funcional con todas las funciones b\u00e1sicas, y lo present\u00e9 primero al equipo de Toolset. Despu\u00e9s, unos d\u00edas m\u00e1s tarde, se lo mostr\u00e9 a todo el equipo en una reuni\u00f3n semanal de Toolset. Estaba seguro de que mis colegas programadores \u00ablo entender\u00edan\u00bb, pero me sorprendi\u00f3 gratamente que todos los dem\u00e1s tambi\u00e9n vieran inmediatamente el potencial. Adem\u00e1s, me sorprendi\u00f3 c\u00f3mo nuestros planes para la siguiente versi\u00f3n de Toolset se ajustaron con flexibilidad para adaptarse a mi avance.<\/p>\n\n

\u00bfC\u00f3mo lo convertisteis de un prototipo a una funci\u00f3n totalmente operativa?<\/h2>\n\n

Como ya he mencionado, nuestros directivos (Amir y Juan) vieron el gran potencial y el enfoque de nuestro pr\u00f3ximo lanzamiento se centr\u00f3 inmediatamente en hacerlo funcionar. Me dieron todo el tiempo que necesit\u00e9 en ese ciclo de desarrollo para trabajar en Campos en l\u00ednea. Y s\u00ed, de un prototipo a un producto pulido hay un largo trecho.<\/p>\n\n

Para hacerte una idea de la funci\u00f3n acabada, puedes ver este breve v\u00eddeo:<\/p>\n\n