¿Como harían un nodo de este estilo?

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
koffer's picture

Estaba viendo el otro día este articulo

http://www.animalpolitico.com/ninosas/index.html

es un estilo de artículos que tiene algún tiempo que en periódicos y revistas en linea de USA. Digamos cada vez integrando más medios en una sola pagina de un solo tema.

El que pongo de liga es de una publicación de México.

¿Como se les ocurre que se pudiera armar en un solo nodo una estructura así?

Comments

Backbone o JQuery AJAX load

hatuhay's picture

https://drupal.org/project/backbone
https://drupal.org/project/jquery_ajax_load
El primero es claramente más potente pero mucho más complejo de construir.
El segundo ni requiere programación pero es más limitado.

digamos

koffer's picture

que programar todo el tpl?

Bootstrap

hatuhay's picture

Me vas a disculpar, pero cuando dijiste que todo se cargaba en una sólo página entendi que te referías a que se hacían recargas por AJAX de los contenidos.
Ahora entiendo que te refieres a esas páginas que parecen sábanas de lo largas que son.
Nosotros hemos hecho muchas de esas por ejemplo:
www.ipae.pe
www.cadeejecutivos.com/
www.cuentaganadora.com.pe/
Este tipo de páginas las hacemos utilizando BLOQUES.
Utilizamos un tema que se llama https://drupal.org/project/bootstrap_barrio
Este tema utiliza las librerías de http://getbootstrap.com/
LAs puedes cargar con tu tema o directamente utilizando https://drupal.org/project/bootstrap_library
Bootstrap tiene una librería para el scroll spy http://getbootstrap.com/javascript/#scrollspy y otra para fijar el menú superior http://getbootstrap.com/components/#navbar-fixed-top
Cada BLOQUE puede ser tan simple como un HTML o complejo como carouseles o vistas paginadas.
Respecto a sobrescribir el TPL, es probable que requieras crear nuevas secciones para tu tema que rompan el ancho del grid para poder tener fondos gráficos "a sangre".

Hace poco me tocó algo "parecido"

eliasdelatorre's picture

y digo "parecido" porque no creo que fuera tan complejo, pero era más o menos así: un tipo de contenido podía tener, es decir, podía o no tener todos o alguno de los siguientes campos: una galería de imágenes, un carrusel de imágenes, un mapa, un listado de nodos relacionados, un campo de texto, un campo de texto formateado de distinta forma y una forma de contacto.

Al final decidí agregar todos los fields al tipo de contenido, y me fuí al TPL para poner cierta lógica para que desplegara cada campo según se requería en el diseño, la cosa es que en mi proyecto cada field tenía un acomodo más o menos fijo, así que el carrusel siempre aparecía en cierta posición, y aquellos campos que no se llenaban simplemente no se desplegaban.

Pero no se me ocurre bien cómo sería la lógica de la pantalla de edición para hacerle sencillo al usuario poder agregar o quitar bloques de funcionalidad según requiera.

Ahora bien, a veces resulta que en el fondo no es tan elegante la solución y se hace la creación del contenido prácticamente a mano, tal vez eso hacen las personas listadas al final como 'asesoría digital'.

Saludos buen Koffer!

Ese Elias

koffer's picture

gracias por tu respuesta!

Creo que lo más sencillo es

jackbravo's picture

Creo que lo más sencillo es hacer todo esto en el body de tu contenido. Lo puedes hacer combinando backbone con algunos efectos de jquery o alguna otra librería para efectos. Si tu sitio no permite dar una estructura así de fácil, puedes programar 2 temas en tu sitio, el normal, y el tema para este tipo de posts. En el caso de animal político, incluso pareciera que ni siquiera lo integraron con el resto de su sitio, sino que es un minisitio separado en puro html con css y js. Que tampoco es mala opción ;-).

contestando

koffer's picture

Esa sería creo la manera más rápida. Efectivamente el articulo de animal político parece estar hecho a mano. Me parece que este tipo de artículos se van a ver cada vez más y creo que se va requerir llegar a un nivel por lo menos para el usuario final de llenar campos para crear el nodo.

La parte que veo más complicada es la parte del menu, pero como dices quizás creando un theme para esos nodos.

gracias por la respuesta!

Entre hacerlo como animal político y como los grandes

gnuget's picture

La forma en la que yo lo haría sería implementar algún tipo de formatos como short tags de WP y permitirle al editor implementar cualquier widget en cualquier orden de tal forma que puedan generar este tipo de artículos a placer.

O, crear tipos de datos "chiquitos" que contengan algo en especifico (una galería, una encuesta, un artículo/parrafo/sección del artículo principal y luego con un módulo custom crear una interfaz donde le permita al editor agregar estos nodos y ordenarlos como quiera.

@hatuhay el reto de esto no es hacerlo "una vez" es permitir al editor que lo haga cuantas veces quiera y en el orden de los elementos que quiera, como dices, hacerlo es "facilisimo" una vez.

aún así...

No creo que lo que esta haciendo Animal Político sea lo que se busca... lo que yo veo es que están intentando replicar (sin mucho éxito) los artículos que se han estado lanzando en algunos medios de otros países con efectos de parallax.

Por ejemplo este:

http://www.nytimes.com/projects/2013/tomato-can-blues/?hp

Este
http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek

Y este
http://chronicle.com/article/Bounced-Around/139581/

Abría que explorar a que punto se podrían automatizar este tipo de artículos para facilidad de los editores, pero hay algunos (como el de snow fall) que en mi opinión tienen demasiada producción como para ser automáticos, es algo planeado y ejecutado por un gran equipo tanto de desarrollo como de diseño.

Sin en cambio, que un sitio nacional ya vaya en busca de algo así es algo muy remarcable y si logran pulir mas la técnica será un gran acierto.

Creo que se puede probar con

mrbrns's picture

Creo que se puede probar con algo como lo que hace commerce, que metes un producto principal y adentro variantes del producto. Y partiendo de ahí ir generando etiquetas id en cada div como dice @gnuget.

Yo estuve haciendo algún experimento (en html y js) con scrollorama, medio logre automatizar la creación de etiquetas, la programación no es tan lo mío, de manera que no importa cuantos divs pongas hace que los movimientos se apliquen a todos.

Por si le hice sentido a alguien y le interesa echarle un ojo acá les dejo la liga (es un sketch burdo) http://bernardoreyes.mx/test/

Estaría bien bueno poder hacer un módulo así para Drupal, pero, como mencione arriba, la programación no es tan lo mío... aún.

Saludos!

Me quede pensando

koffer's picture

Sobre todo en la parte de que muchos de estos artículos son hechos a la medida, pero pensaba que muchas de las cosas que suceden pueden ser reducidas a ciertos cosas en común como son tipos de animación, imágenes, orden de las imágenes etc.

Estuve pensando en como podría ser la interfaz de creación de un nodo de este tipo y esto es lo que bocete.

Hacer grupos de campos de imágenes y textos, estos grupos serian al final las pestañas y adentro campos de imagen y la animación que se usaría en cada campo.

Only local images are allowed.

Ustedes disculpen el escaneado.

hola ivan, ya

Field collection

davo20019's picture

El módulo https://drupal.org/project/field_collection te permitirá obtener lo que requieres.

Saludos cordiales,
David Loor M

David Loor M.

Orale!

manueler's picture

Wow, es la primera vez que veo a Koffer, Joaquin, Elias y David Valdez juntos en groups. O.O eso es todo!

Saludos a todos los demás, muy buenas respuestas al joven @Koffer :)

Spanish

Group organizers

Group events

Add to calendar

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: