{"id":30515,"date":"2012-04-23T20:54:47","date_gmt":"2012-04-23T18:54:47","guid":{"rendered":"https:\/\/inlab.fib.upc.edu\/noticias\/como-montar-una-web-con-drupal-el-caso-inlab\/2012\/"},"modified":"2024-05-13T08:28:39","modified_gmt":"2024-05-13T06:28:39","slug":"como-montar-una-web-con-drupal-el-caso-inlab","status":"publish","type":"post","link":"https:\/\/inlab.fib.upc.edu\/es\/articulos\/como-montar-una-web-con-drupal-el-caso-inlab","title":{"rendered":"Como montar una web con Drupal. El caso inLab"},"content":{"rendered":"<p>Drupal es uno de los gestores de contenido para web m\u00e1s potentes que podemos encontrar, debido a su gran cantidad de m\u00f3dulos. Este art\u00edculo es una gu\u00eda para los reci\u00e9n llegados a Drupal, usando como ejemplo pr\u00e1ctico el nuevo sitio web de inLab.<\/p>\n<p>Cuando nos enfrentamos a crear un sitio web desde cero, un punto muy importante es decidir cu\u00e1l de los gestores de contenido existentes podemos utilizar. Para el tipo de sitio web que quer\u00edamos, que no solo quiere ser un escaparate, sino tambi\u00e9n una herramienta de comunicaci\u00f3n interna, nos hemos inclinado por Drupal debido a su flexibilidad. Tanta flexibilitat porta associada una corba d&#8217;aprenentatge, que es pot fer bastant m\u00e9s suau si d&#8217;entrada tenim clars certs conceptes d&#8217;aquest gestor de continguts.<\/p>\n<p><!--break--><\/p>\n<h2>Conceptos b\u00e1sicos de Drupal<\/h2>\n<h3>Nodos y tipos de contenido<\/h3>\n<p>En Drupal, los nodos son los contenidos propiamente dichos. Un cert node pot ser d&#8217;un cert tipus de contingut. Por ejemplo, este art\u00edculo es del tipo de contenido Art\u00edculo (hasta aqu\u00ed nada sorprendente). Otros tipos de contenido que Drupal ya incluye por defecto son las p\u00e1ginas simples (que b\u00e1sicamente son texto HTML). Si queremos alg\u00fan otro tipo de contenido, podemos crear nuevos. Por ejemplo, en este sitio web hemos creado el tipo \u00abProyecto\u00bb, que nos ha servido para crear todas las fichas de los proyectos. Haciendo un s\u00edmil con una base de datos relacional, los tipos de contenido de Drupal ser\u00edan las tablas y los nodos, los registros concretos.<\/p>\n<h3>Vistas<\/h3>\n<p>Las vistas son uno de los elementos m\u00e1s potentes de Drupal y nos permiten hacer consultas a nuestros contenidos y presentarlos de diversas formas. Podemos tomar solo ciertos campos de nuestros contenidos, agrupar, ordenar y filtrar. Las vistas nos permiten desde hacer una lista de proyectos sobre un tema espec\u00edfico hasta una lista de los art\u00edculos escritos por una persona.<\/p>\n<h3>Taxonom\u00edas<\/h3>\n<p>Las taxonom\u00edas permiten organizar nuestro contenido. En el caso del sitio web de inLab, tanto las tecnolog\u00edas como las \u00e1reas de expertise son taxonom\u00edas. Si etiquetamos cualquier contenido, ya sea un art\u00edculo o un proyecto con un t\u00e9rmino dentro de una taxonom\u00eda, podemos despu\u00e9s f\u00e1cilmente relacionarlo con contenidos similares. Por ejemplo, si vamos al proyecto de la ampliaci\u00f3n del Rac\u00f3, veremos que a la derecha aparecen otros proyectos relacionados con entornos colaborativos que se han hecho en inLab. Esto lo hemos podido hacer gracias a que todos est\u00e1n etiquetados como \u00abEntorno colaborativo\u00bb. Una vista con la consulta de los contenidos con la misma clasificaci\u00f3n que el nodo que estamos mirando en forma de bloque hace el resto.<\/p>\n<h3>Temas<\/h3>\n<p>Son los aspectos visuales que puede tener Drupal a la hora de presentar la informaci\u00f3n. Un tema tiene \u00abhuecos\u00bb donde luego ir\u00e1n los contenidos. Por ejemplo, una columna a la derecha, una a la izquierda, una cabeza, un pie y un \u00e1rea central. L\u00f3gicamente, un tema tambi\u00e9n incorpora un CSS que podemos modificar para adaptarlo a nuestras necesidades. Y si por CSS no podemos alcanzar el grado de personalizaci\u00f3n que necesitamos, siempre podemos tocar las plantillas PHP que trae el tema para ajustarlas a nuestras necesidades.<\/p>\n<h3>Bloques<\/h3>\n<p>Son fragmentos de p\u00e1gina. Un bloque puede ir a diferentes \u00abhuecos\u00bb que tenga nuestro tema. Por ejemplo, podemos tener un bloque con una vista con contenido relacionado que vaya a una columna a la derecha y uno con el men\u00fa que vaya a la parte de la cabecera.<\/p>\n<h2>M\u00f3dulos<\/h2>\n<p>Dentro de nuestro sitio web hemos tenido que instalar varios m\u00f3dulos para ampliar las funcionalidades b\u00e1sicas del paquete. Esta es una lista de los m\u00e1s importantes y que nos permiten hacer.<\/p>\n<h3>Views<\/h3>\n<p>El m\u00f3dulo que permite vistas curiosamente no forma parte del n\u00facleo de Drupal, sino que debe instalarse aparte. Ya hemos hablado de lo que permite: mostrar los contenidos introducidos de la forma que m\u00e1s nos convenga.<\/p>\n<h3>Entity Reference<\/h3>\n<p>Si queremos que un campo de un contenido sea una relaci\u00f3n con otro campo, necesitaremos este m\u00f3dulo. Con esto podemos hacer, por ejemplo, una relaci\u00f3n entre un proyecto y un equipo de personas que ha llevado este proyecto. De hecho, nos permitir\u00e1 hacer cualquier tipo de relaci\u00f3n entre contenidos que vaya m\u00e1s all\u00e1 de una clasificaci\u00f3n dentro de una taxonom\u00eda.<\/p>\n<h3>Date<\/h3>\n<p>Otra cosa curiosa de Drupal: dentro de los tipos b\u00e1sicos con los que permite trabajar no hay tipo fecha. Si queremos crear contenidos con fechas o crear calendarios, necesitaremos instalar este m\u00f3dulo antes.<\/p>\n<h3>Slideshow<\/h3>\n<p>Este m\u00f3dulo nos permite presentar conjuntos de fotos de forma que vayan pasando, tal como mostramos en la portada. Lo que ser\u00eda un campo multivaluado de tipo imagen, que por defecto se mostrar\u00eda una detr\u00e1s de otra, se puede mostrar de forma mucho m\u00e1s din\u00e1mica utilizando este m\u00f3dulo y sin tener que programar nada.<\/p>\n<h3>M\u00f3dulos de internacionalizaci\u00f3n<\/h3>\n<p>Drupal tiene soporte en el n\u00facleo para m\u00faltiples idiomas, pero son necesarios varios m\u00f3dulos para tener todo el soporte que necesitamos para hacer un sitio web multiling\u00fce. Por ejemplo, los contenidos se pueden marcar como traducibles pero&#8230; \u00bfy los textos de las vistas? \u00bfY las etiquetas? Todas estas cuestiones est\u00e1n tratadas en este tutorial sobre <a href=\"http:\/\/drupal.org\/node\/1268692\">internacionalizaci\u00f3n en Drupal 7 <\/a><\/p>\n<h2>Conclusiones<\/h2>\n<p>Drupal nos permite crear nuestro sitio web corporativo de una forma relativamente simple, sin tener que tocar c\u00f3digo y haciendo que sea f\u00e1cilmente modificable. Cualquier gestor de contenidos web tiene asociada una curva de aprendizaje y este no es una excepci\u00f3n. Una vez superada, nos ha permitido hacer todo lo que necesit\u00e1bamos y, por lo tanto, consideramos que ha sido una buena elecci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Drupal es uno de los gestores de contenido para web m\u00e1s potentes que podemos encontrar, debido a su gran cantidad de m\u00f3dulos. Este art\u00edculo es una gu\u00eda para los reci\u00e9n llegados a Drupal, usando como ejemplo pr\u00e1ctico el nuevo sitio web de inLab. Cuando nos enfrentamos a crear un sitio web desde cero, un punto [&hellip;]<\/p>\n","protected":false},"author":594,"featured_media":1125,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[496],"tags":[],"experteses":[],"class_list":["post-30515","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articulos"],"acf":[],"_links":{"self":[{"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/posts\/30515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/users\/594"}],"replies":[{"embeddable":true,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/comments?post=30515"}],"version-history":[{"count":1,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/posts\/30515\/revisions"}],"predecessor-version":[{"id":30544,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/posts\/30515\/revisions\/30544"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/media\/1125"}],"wp:attachment":[{"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/media?parent=30515"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/categories?post=30515"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/tags?post=30515"},{"taxonomy":"experteses","embeddable":true,"href":"https:\/\/inlab.fib.upc.edu\/es\/wp-json\/wp\/v2\/experteses?post=30515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}