Gestión de nuestro Portal Web Municipal

Debes saber que los tipos de contenido pueden ser muy variados: el menú principal con sus subopciones que cuelgan de manera vistosa, las noticias informativas que aparecen en la portada, los eventos de la Agenda, los carteles que publiques, las galerías de imágenes, los carruseles de imágenes en movimiento y otros.

Las webs municipales incluyen tipos de contenido que pueden utilizarse muy fácilmente y que todos se organizan de manera dinámica sin necesidad de conocimientos de programación.

Cada uno de estos elementos pueden ser utilizados en distintos lugares y con distintas presentaciones, y todas las configuraciones las puede realizar sin dificultad el webmaster del portal. Los elementos són contenidos individules o agrupaciones que comparten una misma naturaleza y que se muestran con un formato predefinido.

En los ayuntamientos hay un publicador "webmaster" y otro publicador "redactor", aunque es posible crear más usuarios publicadores de la web sin límite alguno, por si algún ayuntamiento tiene distintas áreas o secciones y requiere de un número mayor de publicadores.

A continuación os mostramos los distintos temas gráficos que podemos usar en estas webs municipales.

Las webs municipales parte de una base estándard, a nivel de Drupal, donde hemos preparado las categorías y un menú de estructuras de taxonomías comunes, pero ofrecemos hasta 10 temas gráficos personalizados para que, junto con modificaciones del color y de las imágenes y escudos en sí, las webs municipales sean distintas las unas de las otras, aunque el objetivo del SEPAM es mantener un poco la coherencia y la cohesión entre todas las webs municipales.

Estos son los 10 temas gráficos que ofrecemos a las EELL de la provincia de Castellón:

Para crear una nueva sección, hacemos click en el botón superior "Nuevo término" y ahora simplemente debemos especificar un nombre, un icono, un color (con el formato hexadecimal) y su posición. Pero, como vamos a crear una Sección, la posición (o el campo "Términos padres") debe ser "Raíz".

IMPORTANTE: no hay que escribir nada en el campo "Descripción".

Para crear un nuevo servicio, haremos lo mismo que en el apartado anterior, donde hemos creado una nueva sección, pero en el campo "Términos padres" le diremos a qué sección pertenece.

Por ejemplo, si vamos a crear un servicio llamado "Discotecas" y lo queremos para los usuarios que visitan nuestra web, marcaríamos como elemento padre a la sección "Visitantes".

A continuación os dejamos un ejemplo:

Un subservicio es un tercer nivel. El primer nivel era crear una sección, el segundo era un servicio dentro de una sección. Pues bién, llamamos subservicio a un tercer nivel que se encuentra dentro de un servicio. Por ejemplo la siguiente imagen que pertenece a la sección "Golf Panorámica" del Ayuntamiento de Sant Jordi:

Crearemos un subservicio de la misma manera que hemos creado una sección o un servicio, en los dos apartados anteriores, a diferencia que en el campo "Términos padres" debemos especificar que cuelga dentro de un servicio. Y la página se visualizará como la de Sant Jordi, es decir, aparecerá una columna que muestra cajitas con los subservicios.

Con las webs municipales, podemos crear listados de contenidos de manera libre y fácil. Por ejemplo podríamos crear un servicio que muestre:

Para ello, debemos saber que hay que configurar la Sección o Servicio que queramos que se convierta en un listado, y habilitar la casilla llamada "Enable taxonomy views integrator to override presentation." y a continuación, hay que elegir "Lista de Taxonomías" y "Pagina (Page)", tal y como muestra la imgen:

Y ahora, ya puedes ir publicando "Páginas sencillas" de la temática del listado que desees crear, pero le marcarás la Sección o Servicio donde quieras que se vayan listado.

Por ejemplo, mira la siguiente captura de pantalla donde tenemos un listado de pruebas que realizamos durante las jornadas formativas y que hemos llamado "Lugares de interés":

En todo momento podemos crear secciones o servicios, pero también eliminarlos cuando no los necesitemos. Si queremos eliminar una sección o un servicio de la web, iremos a Estructura y haremos click en el botón de la derecha que acompaña a cada Sección/Servicio, y veremos que se nos desplega la opción "Eliminar".

Un bando es una publicación directa, rápida y escueta. Publicaremos un bando desde "Contenido" + "Agregar contenido" + "Bandos". Y solo necesitamos escribir un título y una frase escueta en el cuerpo del bando. Y luego debemos marcar la fecha de inicio y finalización que queremos que aparezca el bando en la parte superior de la web.

Una vez lo publicamos, los bandos quedan en la parte superior de la web con un fondo gris y texto de color rojo, como en la siguiente imagen:

Publicaremos una imagen desde "Contenido" + "Agregar contenido" y deberemos introducir un título, el texto en el cuerpo, categorizar nuestra publicación de alguna manera aproximada y en el campo imagen podemos subir la foto. Es necesario poner un texto alternativo, ya que de lo contrario el sistema de publicación no nos dejará guardar la imagen y nos pintará de color rojo el campo obligatorio.

Si en lugar de una, queremos publicar varias imágenes, subimos las fotos también en el campo imagen, podemos subir muchas a la vez:

Y una vez publicada la noticia, las fotos tendrán unas bolitas grises debajo para que podamos ir navegando y viendo todas las fotos, o moviéndolas de derecha a izquierda para la navegación con smartphone o tablet.

En el cuerpo de las noticias, disponemos de un botón para escribir en negrita, otro para escribir en cursiva, otros dos para listas (ordenadas y listas sin ordenador con bolitas negras) y también un icono con una cadena que sirve para enlazar palabras. Si seleccionamos una o varias palabras y hacemos click en el icono, se nos abrirá una ventanita emergente donde, si por ejemplo queremos poner un enlace de la Diputación de Castellón, escribiremos http://www.dipcas.es

Podemos incrustar videos que están publicados en Youtube muy fácilmente, puesto a que Youtube nos ofrece una manera de realizar esto. Para ello, accederemos al video que queramos tener en nuestra web y le damos al enlace de "Compartir" el cual siempre aparece bajo los videos.

Y a continuación debemos darle al enlace de "Incrustar", que nos ofrecerá un código parecido a este:

Ahora dejaremos este código en el cuerpo de la noticia, pero previamente tenemos que activar el botón del HTML, ya que el código que nos ofrece Youtube es lenguaje HTML.

Y por último, fíjate que para que el video se expanda completamente de derecha a izquierda, hemos cambiado el parámetro "width" (ancho, en inglés) cambiando 560 por 100%, y así se visualizará correctamente en televisores, smartphones, tablets, ordenadores fijos, ordenadores portátiles, etc, independientemente de la resolución y tamaño de las pantallas.

Ahora, una vez guardes la noticia o página, no utilizarás el ancho de banda de nuestra web sino de Youtube, que es muy grande y tiene mucha capacidad para el streamming de video, como ya sabrás.

Muchas veces nos preguntan cómo pueden subir videos a las webs municipales, pero nosotros siempre recomendamos crear una cuenta en Youtube, subirlos a vuestra cuenta y luego incrustarlos en vuestras webs municipales, ya que es muy fácil como acabáis de ver.

Flickr es una red social muy buena y profesional, propiedad de Yahoo, que ofrece 1 TB de espacio gratuito en fotografías y videos de alta calidad. Si te registras, puedes crearte un espacio donde albergar tus álbumes públicos o privados, compartirlo con tus contactos, comentar en fotos de tus contactos, etc. Es una excelente plataforma pionera en esto de los álbumes de fotos.

En este apartado vamos a mostrarte una cuenta de Flickr de pruebas, donde hemos creado 2 álbumes, uno de capturas de pantalla y otro de cursos varios. Lo más correcto sería que tu Ayuntamiento también cree una cuenta oficial en Flickr y allí vayáis subiendo álbumes de fotos que posteriormente incrustaréis en vuestra página web municipal, al igual que acabamos de realizar con videos de Youtube en el apartado anterior.

Flickr es muy elegante y rápido, y también dispone de una App para smartphones y tablets.

Vamos a compartir el álbum de fotos "Cursos PWM" y vamos a insertarlo en nuestra web municipal. Para ello, accedemos a nuestro álbum de fotos y le damos al icono de compartir, tal y como se muestra en la captura de pantalla siguiente:

A continuación seleccionaremos el código HTML que Flickr nos ofrece desde la opción "Embed" tal y como te mostramos en la siguiente captura de pantalla:

Y finalmente, simplemente debemos volver a nuestra web municipal, activar el botón HTML en el cuerpo de la noticia o página, y pegarlo.

Recuerda también que, si quieres que la galería se muestre completamente de izquierda a derecha, debemos cambiar el parámetro "width" y poner width="100%".

Debemos hacer una aclaración aquí: por cuestiones de geometría, deberíais siempre publicar fotos horizontales, ya que la visión de las webs es horizontal (leemos de izquierda a derecha), la tendencia es que los monitores son horizontales (a excepción de las pantallas de los smartphones, donde por defecto leemos en modo vertical). Hacemos meción a este tema porque, si quieres publicar la fotografía de una persona y haces la foto vertical, luego al publicarla en la web, como se visualizarán en modo horizontal, la parte superior y la parte inferior de la imagen saldrán cortadas. Es importante hacer las fotos horizontales siempre.

Las páginas no son noticias, y por lo tanto no son contenidos a publicar regularmente. Las páginas son contenidos estáticos para informar de información sobre nuestro pueblo o poner el horario de autobuses, por ejemplo, por lo tanto las páginas deben tener información directa, relevante y minimalista en la medida de lo posible.

Para publicar una página sencilla, iremos a "Contenidos" + "Agregar contenido" y seleccionaremos página sencilla.

Aquí no cambia mucho respecto a lo que acabamos de ver en los apartados superiores de las noticias, es decir, que tenemos un campo para el título, para el cuerpo de la página, etc. Debemos - esto sí es importante - seleccionar el servicio al que apunta la página.

Por ejemplo, si queremos crear una página de "Horario de Autobuses", primero debemos crear la Estructura "Horario de Autobuses". Y a continuación, ya podemos crear la página sencilla "Horario de Autobuses".

El campo donde introducimos el texto en las páginas de nuestro portal web es WYSIWYG (What You See Is What You Get, "lo que ves es lo que obtienes") que es un modo de textos donde, si copias un texto de una página que está en HTML de color rojo, al pegarlo a tu página seguirá siendo de color rojo, o seguirá manteniendo atributos como el tamaño, espaciado, etc, del texto original de internet. Lo mejor es siempre romper el formato del texto que has copiado, antes de pegarlo en tu página. Para ello, copia el texto y pégalo en el Bloc de Notas de Windows (notepad.exe) y lo pegas. Y allí ya no tiene ningún formato. Lo vuelves a copiar y ya finalmente lo puedes pegar en tu página web.

Te recomendamos que, para ficheros de más de 8 Mb, no los publiques en tu web, porque esto ralentiza la navegación y las descargas. Es preferible que utilices alguna "nube" de internet, como por ejemplo Google Drive o Dropbox. Hay más alternativas, pero estas dos son actualmente las más populares y son gratuitas.

Así, si quieres publicar un documento zip, por ejemplo, que ocupa 35 Mb, es recomendable publicarlo en alguna nube y posteriormente enlazarlo desde la web. Esto será transparente para el usuario que sólo hará click en tu enlace para descargarse la información.

Cuando pasamos de Drupal 7 a Drupal 8, los Ayuntamientos no se deben preocupar por pasar las noticias antiguas que tenían publicadas en la web antigua. Este proceso es automático y las noticias quedarán en la Hemeroteca.

Podemos acceder a la Hemeroteca desde la url http://TUPAGINAWEB.es/vecinos/hemeroteca Es posible, puesto a que se trata de un servicio, mover la Hemeroteca a la sección que desees.

No pierdas el tiempo si experimentas algún problema que no acabas de entender. Es probable que se deba a un fallo técnico o un error temporal. Lo mejor es que nos pongas un ticket en nuestro sistema de Incidencias (cuya página es http://incidencias.dipcas.es) y te contestaremos en la mayor brevedad posible desde dicha plataforma.

Si pretendes subir un video directamente a tu web, irá muy lenta la subida y también la reproducción.

Lo mejor, a la hora de publicar un video, es que te crees una cuenta en Vimeo o en Youtube, que son dos plataformas muy profesionales y muy populares para el mundo de los videos en internet. De esta manera, podrás tener una biblioteca de videos, incrustarlos en tus páginas web cuando desees y, sobre todo, los videos correrán a velocidad normal ya que el ancho de banda de estas dos plataformas es enorme.

Sí. El editor de páginas o noticias de la web tiene un botón de HTML donde puedes activarlo y desactivarlo siempre que lo desees para introducir código HTML.

Siempre recomendamos usar las redes sociales cuando queremos difundir algo masivamente. Y a la hora de intentar llegar a más gente, te recomendamos acompañar las noticias con una buena imagen o un póster o cartel. Puedes utilizar www.canva.com o una aplicación de diseño gráfico como, por ejemplo, The Gimp.

Aprovéchate de los usuarios que hay en Facebook, Twitter, Instagram, etc, y publica tus noticias en dichas plataformas para llegar al máximo número de público posible.

Se ha configurado un bloque en el portal web municipal para que cualquier webmaster pueda activar el logotipo del Fondo Social Europeo desde donde se enlaza a una página informativa con los enlaces y documentación requerida.

En el documento que envía el SERVEF indican claramente que la web municipal debe tener el logotipo del FSE y el lema, y que éste no sea una imagen estática sino un enlace a otra página donde se incluya los enlaces a la ayuda.

Bién, pues para activar este logotipo, el cual aparecerá en el pie de las páginas, para mantener la navegación usable, adaptada y minimalista, accederemos con nuestro usuario. Iremos a Estructura y a continuación a Diseño de bloques.

Una vez estamos viendo los bloques, bajaremos casi al final de todo, y en la sección llamada Footer fifth, es donde debemos añadir el bloque del logo del Fondo Social Europeo. Para ello, haremos click sobre el botón Colocar bloque junto a Footer fifth, y ahora escribiremos fse en el desplegable que se nos muestra:

Guardamos esta pantalla, y finalmente volvemos a guardar la página de los bloques. Y ya tendremos el logotipo del Fondo Social Europeo en el pie de nuestra página web municipal.