Los proyectos grandes de WordPress empiezan con obst\u00e1culos<\/h2>\n
\u2026 y esta no fue la excepci\u00f3n.<\/p>\n
\u201cProbamos una gran cantidad de soluciones para tipos personalizados, usando tanto plugines como c\u00f3digo personalizado, pero ninguno de estos fueron apropiados”.<\/p><\/blockquote>\n
se\u00f1ala Juanjo Mart\u00ednez, el director de proyecto y coautor del sitio web www.rototomsunsplash.com.<\/strong><\/p>\n
El proyecto Rototom<\/h3>\n
www.rototomsunsplash.com: sitio web del Festival Europeo de Reggae Rototom Sunsplash<\/figcaption><\/figure>\nrototomsunsplash.com<\/a> no es un simple sitio web promedio basado en WordPress. Este promociona el festival Rototom Sunsplash que, seg\u00fan Wikipedia<\/a>, recibe a miles<\/strong> de apasionados del reggae de distintos pa\u00edses de Europa<\/strong>.<\/p>\n
Acerca del festival Rototom: material de prensa de los archivos de Rototom<\/figcaption><\/figure>\nSe trata de un festival que dura 8 d\u00edas<\/strong>, cuenta con 21 escenarios, presenta alrededor de 400 invitados (artistas e invitados culturales) y \u00a1m\u00e1s de 650 eventos!<\/p>\n
Los sitios web para este tipo de eventos grandes est\u00e1n repletos de informaci\u00f3n. Es necesario estructurar y presentar bien su contenido.<\/p>\n
Desglose del p\u00fablico de Rototom 2016: material de prensa de los archivos de Rototom<\/figcaption><\/figure>\nOtro objetivo es dar a conocer las cosas grandes e interesantes que se vienen.<\/p>\n
El a\u00f1o pasado, asistieron 250.000 personas de distintos pa\u00edses (ver foto).<\/p>\n
Ofrecer el contenido en varios idiomas:<\/strong> el uso del espa\u00f1ol, ingl\u00e9s, italiano y franc\u00e9s ha sido un factor importante para llegar a un p\u00fablico m\u00e1s amplio.<\/p>\n
Desaf\u00edos, desaf\u00edos, y m\u00e1s desaf\u00edos<\/h2>\n
Archivo de noticias que permite buscar
https:\/\/rototomsunsplash.com\/noticias\/<\/figcaption><\/figure>\nAhora, cuando el sitio est\u00e1 activo, todo aparece directamente.<\/p>\n
Si desea ver noticias relacionadas con el Simposio de Arte, simplemente use la b\u00fasqueda del archivo de noticias y seleccione la categor\u00eda relevante.<\/p>\n
\u00bfNo habla espa\u00f1ol? Ning\u00fan problema. Cambie el idioma, y all\u00ed est\u00e1n, las noticias aparecen en ingl\u00e9s.<\/p>\n
Sin embargo, a los autores del sitio les llev\u00f3 un tiempo llegar hasta este punto.<\/p>\n
\u00bfAlguna vez trabaj\u00f3 en un proyecto de WordPress superior a un “sitio web comercial peque\u00f1o” regular? Si lo hizo, sabe muy bien que siempre hay mucho trabajo detr\u00e1s del tel\u00f3n. Antes de que su sitio web salga al aire, existen numerosos asuntos que abordar y muchas decisiones que tomar.<\/p>\n
Estos son algunos de los desaf\u00edos m\u00e1s grandes que el equipo de Rototom tuvo que enfrentar:<\/p>\n
\n
- Desaf\u00edo Nro. 1: sistema de administraci\u00f3n de traducci\u00f3n<\/strong>
\n“Tuvimos que administrar cuatro idiomas y ya ten\u00edamos un equipo de traductores. As\u00ed que, no s\u00f3lo necesit\u00e1bamos un “sitio web multiling\u00fce” sino un sistema de administraci\u00f3n de traducci\u00f3n completo”.<\/p><\/blockquote>\n<\/li>\n
- Desaf\u00edo Nro. 2: mucho contenido que administrar<\/strong>
\n“Un punto cr\u00edtico fue la complejidad de las entidades que tuvimos que administrar”, contin\u00faa Juanjo, “Las entradas y p\u00e1ginas que WordPress proporciona resultaban demasiado poco”.<\/p><\/blockquote>\n
No pod\u00edan prescindir del uso de entradas y campos personalizados.<\/p>\n
Adem\u00e1s, estos tipos de entrada ten\u00edan que estar conectados por medio de relaciones de varios a varios.<\/p>\n
“Necesit\u00e1bamos mostrar el programa del festival de una manera en particular: en el festival tenemos \u00e1reas (que albergan eventos e invitados), invitados (que participan en los eventos) y eventos (que tienen lugar en un \u00e1rea que presenta a uno o m\u00e1s invitados).<\/p>\n
Seg\u00fan esto, necesit\u00e1bamos mostrar:<\/p>\n
para un \u00e1rea: todos los eventos relacionados e invitados relacionados con esta \u00e1rea;
\npara un evento: el \u00e1rea donde el evento tiene lugar y los invitados relacionados;
\npara un invitado: todos sus eventos (y \u00e1rea) en el festival (es com\u00fan que un invitado participe en m\u00e1s de un evento)”<\/p><\/blockquote>\n.
\nAdem\u00e1s de eso, se supon\u00eda que los contenidos ten\u00edan que ser f\u00e1ciles de buscar<\/li>\n- Desaf\u00edo Nro. 3: presentar datos en el front-end de varias maneras<\/strong>\n
La presentaci\u00f3n de todos los datos de diversas maneras, mayormente en cuadr\u00edculas de im\u00e1genes, tambi\u00e9n era indispensable<\/figcaption><\/figure>\nLa presentaci\u00f3n de todos los datos de maneras diversas y atractivas, mayormente en cuadr\u00edculas de im\u00e1genes, tambi\u00e9n era indispensable.<\/p>\n
Adem\u00e1s, el contenido de rototomsunsplash.com cambia constantemente, cosas nuevas aparecen todas las semanas. Los autores necesitaban una herramienta, algo como un creador de p\u00e1ginas que permitiera agregar contenido nuevo f\u00e1cilmente, y que a la vez lo presentara de forma atractiva.<\/li>\n<\/ul>\n
No obstante, el mayor desaf\u00edo fue encontrar una soluci\u00f3n que contara con todos los requisitos mencionados arriba<\/strong>. Recuerde que se supon\u00eda que toda la informaci\u00f3n deb\u00eda ser multiling\u00fce y f\u00e1cil de traducir para un grupo de personas sin conocimientos tecnol\u00f3gicos.<\/p>\n
Resoluci\u00f3n de problemas<\/h2>\n
De modo que, con muchos desaf\u00edos y solo tres personas trabajando en el proyecto, Juanjo explica:<\/p>\n
“Yo, como responsable del proyecto y administrador de contenido, un programador y desarrollador de WP y un asistente de administrador de contenido para ayudar a administrar el contenido, las traducciones y los traductores”.<\/p>\n
No soy programador.<\/strong> Tuve que aprender CMS para comprender cu\u00e1l era la mejor manera de administrar contenido. Por lo tanto, estudi\u00e9 y aprend\u00ed de manera autodidacta a usar dos CMS diferentes.<\/p>\n
Por supuesto, tenemos un programador de nuestro equipo para ayudarnos con la parte t\u00e9cnica, pero a\u00fan as\u00ed, la mayor\u00eda de las veces, yo soy el que encuentra la soluci\u00f3n que \u00e9l deber\u00eda aplicar”.<\/p><\/blockquote>\n
As\u00ed que, \u00bfcu\u00e1les son las soluciones que el equipo de Rototom ha encontrado?<\/p>\n
No fue muy dif\u00edcil encontrar un sistema de administraci\u00f3n de traducci\u00f3n (desaf\u00edo nro. 1). Decidieron usar WPML. Los plugines de WPML convierten sus sitios web de WordPress en sitios multiling\u00fces.<\/p>\n
Configuraci\u00f3n de los traductores de rototom.com con el plugin de Administraci\u00f3n de traducci\u00f3n de WPML.<\/figcaption><\/figure>\nLa extensi\u00f3n de Administraci\u00f3n de traducci\u00f3n de WPML<\/strong> permite administrar las traducciones para sitios web de WordPress grandes y env\u00eda el contenido a los traductores.<\/p>\n
Los traductores pueden ser profesionales de servicios integrados con WPML, o bien, puede asignar a algunos de sus sus usuarios de WordPress el papel de traductores.<\/p>\n
El equipo de Rototom ya ten\u00eda un grupo de personas con un buen nivel de espa\u00f1ol, ingl\u00e9s, italiano y franc\u00e9s, de modo que s\u00f3lo crearon perfiles de WordPress para estos y los configuraron como traductores<\/strong> para los idiomas relevantes.<\/p>\n
C\u00f3mo encontrar plugines compatibles entre s\u00ed<\/h3>\n
Llevo m\u00e1s tiempo encontrar soluciones adecuadas para los dem\u00e1s desaf\u00edos.<\/p>\n
Existen numerosos plugin es en el mercado de WordPress para administrar datos complejos basados en tipos de entrada y campos personalizados. Sin embargo, el desaf\u00edo para \u00e9stos era operar juntos y con las traducciones listas. La compatibilidad entre plugines es el factor clave.<\/strong><\/p>\n
“<\/span>Probamos una variedad de soluciones para tipos de entrada personalizados (ambas a trav\u00e9s de plugines y c\u00f3digo adaptado) pero no eran ni apropiadas ni se integraban bien con WPML”,<\/span><\/p><\/blockquote>\n
explica Juanjo.<\/p>\n
Para crear cuadr\u00edculas y dise\u00f1os personalizados hay incluso m\u00e1s opciones. Existen muchos creadores de p\u00e1ginas en el mercado\u2026 pero, otra vez, la parte complicada empieza cuando se quiere traducir dise\u00f1os complejos.<\/p>\n
Rototom.com est\u00e1 disponible en cuatro idiomas<\/figcaption><\/figure>\nTener un buen equipo de traductores no es suficiente. El trabajo de estos es proporcionar traducciones correctas. Ahora bien, suponga que tiene que traducir varias cadenas esparcidas en un sitio enorme: en los tipos de entrada y campos personalizados, pero la gran mayor\u00eda en cientos de celdas utilizadas en los dise\u00f1os de p\u00e1gina<\/strong>.<\/p>\n
Nadie quiere sumergirse en la compleja estructura de p\u00e1ginas y hacer clic en distintas celdas para traducirlas. El equipo de Rototom ya conoce sobre esto.<\/p>\n
“Trabajar con Visual Composer puede ser una pesadilla para traducir, ya que al momento de traducir se encontrar\u00e1n shortcodes por todas partes”,<\/p><\/blockquote>\n
resume Juanjo.<\/p>\n
Una nota del equipo de WPML:<\/p>\n
“Recientemente, WPML ha lanzado una actualizaci\u00f3n importante<\/a> que permite traducir sitios web de manera c\u00f3moda con Visual Composer. WPML est\u00e1 trabajando con desarrolladores de creadores de p\u00e1ginas l\u00edderes para ampliar la compatibilidad con tantos creadores de p\u00e1ginas como sea posible.”<\/p><\/blockquote>\n
Los plugines de Toolset aparecen en el horizonte<\/h3>\n
“Luego, descubrimos que Toolset fue desarrollado por la misma empresa que cre\u00f3 WPML y nos pareci\u00f3 la soluci\u00f3n perfecta”,<\/p><\/blockquote>\n
contin\u00faa Juanjo.<\/p>\n
Los plugines de Toolset <\/a>no s\u00f3lo permiten agregar tipos de entrada y campos personalizados sino que tambi\u00e9n conectan tipos de entrada en relaciones<\/strong>. Adem\u00e1s, puede crear b\u00fasquedas personalizadas basadas en tipos de entrada personalizados.<\/p>\n
Todas estas caracter\u00edsticas eran importantes para Juanjo y su equipo de Rototom.<\/p>\n
Con Layouts de Toolset, usted crea p\u00e1ginas usando la interfaz para arrastrar y soltar y luego las env\u00eda a los traductores.<\/figcaption><\/figure>\nPara su sorpresa, result\u00f3 que dos componentes m\u00e1s de Toolset, el tema Toolset Starter<\/a> y el plugin Layouts<\/strong>, se convirtieron en integrantes principales del proyecto.<\/p>\n
El plugin de permite dise\u00f1ar sitios web de WordPress usando una interfaz para arrastrar y soltar. Desde el punto de vista de Rototom, lo que hace \u00fanico a este plugin<\/strong> es la habilidad de enviar dise\u00f1os de p\u00e1gina enteros a sus traductores<\/strong>.<\/p>\n
Adem\u00e1s, esta es la raz\u00f3n por la que, finalmente, el equipo de roto ton de sitio usar en vez de otros creadores de p\u00e1ginas. Juanjo resumen:<\/p>\n
“Decidimos usar Layouts y el tema Toolset Starter para construir el sitio de modo de garantizar que el sitio completo se ha traducido f\u00e1cilmente con WPML y nuestro equipo de traductores”.<\/p>\n
“Descubr\u00ed en el sitio de WPML y enseguida me di cuenta de que pod\u00eda ser perfecto para nosotros, ya que era totalmente compatible con WPML y nos daba la posibilidad de desarrollar casi todas las cosas que necesit\u00e1bamos para nuestro sitio (p\u00e1ginas de eventos, entradas personalizadas, relaciones de varios a varios, views, formularios personalizados, dise\u00f1os) usando un solo conjunto de plugines desarrollados por la misma empresa en vez de instalar muchos plugines diferentes<\/strong>“.<\/p><\/blockquote>\n
C\u00f3mo crear un sitio web multiling\u00fce usando Toolset<\/h2>\n
Entonces, encontraron Toolset, justo despu\u00e9s de haber empezado a estudiar la documentaci\u00f3n y el foro para conocer qu\u00e9 se pod\u00eda lograr usando Toolset con WPML. Juanjo recuerda:<\/p>\n
“Tuvimos que estudiar la documentaci\u00f3n y los foros. Mi estudio se enfocaba m\u00e1s en saber si Toolset permitir\u00eda crear, guardar y mostrar nuestro contenido como necesit\u00e1bamos, y Luca [el desarrollador con el que trabaja el equipo de Rototom] se enfocaba m\u00e1s en la parte t\u00e9cnica, en c\u00f3mo configurar los plugines para adaptarlos a las cosas que necesit\u00e1bamos”.<\/p><\/blockquote>\n
\nAhora, tenemos documentaci\u00f3n nueva sobre c\u00f3mo traducir un sitio web creado con Toolset<\/a>.
\nEn el mismo lugar se habla de todo.<\/p>\nEntonces, \u00bfqu\u00e9 elementos personalizados agregados con Toolset se pueden traducir realmente?<\/strong><\/p>\n
\n
- Entradas basadas en tipos de entrada personalizados<\/li>\n
- Slugs de tipos de entrada personalizados<\/li>\n
- Campos personalizados<\/li>\n
- Cualquier cadena (etiquetas, texto, como “Leer m\u00e1s”) utilizada en las plantillas personalizadas<\/li>\n
- Cualquier cadena y notificaci\u00f3n enviada desde los formularios de front-end creados con CRED de Toolset.<\/li>\n
- Todos los elementos de sus b\u00fasquedas personalizadas<\/li>\n
- Dise\u00f1os de p\u00e1gina para arrastrar y soltar creados con el plugin Layouts de Toolset<\/li>\n<\/ol>\n
Si desea conocer nuestro plugin Layouts, con el tema Toolset Starter (el mismo tema que utiliz\u00f3 el equipo de Juanjo), use un sitio web de demostraci\u00f3n gratuito<\/a> y mire el siguiente video.<\/p>\n
![\"www.rototomsunsplash.com:](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/rototom-festival-website-300x233.png\")
![\"Acerca](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/about-rototom-festival-300x201.png\")
![\"Desglose](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/audience-breakdown-300x204.png\")
![\"Archivo](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/news-archive-300x229.png\")
![\"La](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/grids-300x186.png\")
![\"Configuraci\u00f3n](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/translators-300x165.png\")
![\"Rototom.com](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/rototom-languages-300x100.png\")
![\"Con](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/layouts-300x181.png\")
![\"\"](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/documentation-icon.png\"){kind=icon}