Ir al contenido principal

Barra de navegación y páginas personalizadas

Organiza el menú de tu plataforma y crea páginas personalizadas

Escrito por Ken Van Mechelen

¿Qué es la barra de navegación?

La barra de navegación es el menú que aparece en la parte superior de cada página de tu plataforma. Ayuda a los residentes a acceder rápidamente a las secciones más importantes: la página de inicio, la vista general de proyectos, los eventos y cualquier página, proyecto o carpeta que añadas.

Una barra de navegación bien estructurada facilita la navegación por la plataforma, destaca lo que más importa a tu comunidad y refleja cómo funciona tu organización, ya sea por tema, por distrito o por departamento.

Lo gestionas en el panel de administración → menú «Páginas» & . Puedes cambiar el orden de los elementos, renombrarlos en todos los idiomas de la plataforma, eliminarlos y añadir tus propias páginas, proyectos y carpetas personalizadas.

  • La barra de navegación admite hasta 7 elementos: «Inicio» es fijo, así que puedes añadir hasta 6 más.

  • Los elementos predeterminados (Inicio, Todos los proyectos, Todas las entradas, Eventos) se pueden renombrar u ocultar, pero no se pueden eliminar. Los elementos ocultos pasan a la lista «Otras páginas disponibles», listos para volver a añadirlos más adelante.

  • No se admiten enlaces externos: los elementos de navegación siempre llevan a algo dentro de la propia plataforma.

¿Qué es una página personalizada?

Una página personalizada es una página independiente y flexible para compartir información con tu comunidad. Tiene su propia URL (yourplatform.org/pages/your-page) y se puede añadir a la barra de navegación. Usos habituales:

  • Centros regionales o de distrito (p. ej., Distrito Norte, Centro de la ciudad)

  • Descripciones generales de los departamentos (p. ej., Obras Públicas, Servicios para la Juventud)

  • Centros de proyectos temáticos (p. ej., Clima, & , Sostenibilidad)

  • Centros de recursos (por ejemplo, preguntas frecuentes sobre servicios públicos, informes y documentos)

Una página personalizada se compone de seis secciones que puedes activar o desactivar: un banner principal, una sección de información superior, archivos adjuntos, una lista de proyectos y carpetas, una lista de eventos y una sección de información inferior.

La idea clave: una página muestra proyectos, pero no los contiene. Nunca se crea ni se mueve un proyecto o una carpeta «dentro» de una página personalizada. En cambio, la página tiene un filtro (que se llama «Elementos vinculados») y muestra automáticamente todos los proyectos que se ajustan a ese filtro. El filtro funciona por etiquetas, zonas o un espacio. Tú decides qué se muestra en la página asignándolos a tus proyectos, incluidos los que crees más adelante, que aparecerán en la página automáticamente.

ℹ️ Crear páginas personalizadas y mostrar proyectos vinculados en ellas son funciones que requieren una licencia. Si no ves el botón «Crear página personalizada» ni las opciones de «Elementos vinculados», ponte en contacto con tu responsable de éxito gubernamental.

¿Una carpeta, un espacio, una página personalizada o un widget de la página de inicio?

Hay tres herramientas que agrupan proyectos para los residentes y que resuelven distintos problemas:

  • Usa una carpeta o un espacio cuando quieras tener una página contenedora que agrupe un conjunto de proyectos relacionados (o carpetas, si utilizas un espacio). La carpeta tiene su propia página y ficha en la página de inicio, y se puede añadir a la barra de navegación. Un proyecto solo puede estar en una carpeta, y una carpeta solo puede estar en un espacio. Ni las carpetas ni los espacios se pueden anidar. Echa un vistazo a «Crear y gestionar carpetas y espacios».

  • Usa una página personalizada con elementos enlazados cuando quieras crear un centro que muestre proyectos de distintas carpetas y añada tu propio contenido a su alrededor (banner, texto, archivos adjuntos, eventos). Como los enlaces funcionan a través de etiquetas o secciones, el mismo proyecto puede aparecer en varias páginas sin que haga falta moverlo.

  • Usa un widget de la página de inicio cuando quieras mostrar en ella una fila de proyectos o carpetas específicos, seleccionados a mano y que se puedan desplazar horizontalmente: el widget «Proyectos y carpetas seleccionados» del creador de la página de inicio. Echa un vistazo a «Personalizar la página de inicio».

Cómo crear tus etiquetas o categorías

El filtro de la página necesita algo en lo que basar la búsqueda. Crea esto primero; se encuentran en la configuración de la plataforma, no en la página:

Etiquetas: Configuración → Etiquetas

  1. Ve al panel de administración → Configuración → Etiquetas y abre la pestaña «Etiquetas de la plataforma ».

  2. Haz clic en «Añadir etiqueta de plataforma», ponle un nombre en todos los idiomas de la plataforma y guarda los cambios.

  • Las etiquetas de la plataforma clasifican los proyectos: esas mismas etiquetas también sirven para los filtros de proyectos de la página de inicio, y los residentes pueden seguir una etiqueta para recibir una notificación cuando se publique un nuevo proyecto con ella.

  • No las confundas con la segunda pestaña, «Etiquetas de entrada» (por defecto), que clasifica las ideas y contribuciones dentro de los proyectos.

  • Puedes cambiar el nombre de lo que en tu plataforma se conoce como «etiquetas» (por ejemplo, «categorías» o «departamentos») en la sección «Terminología».

  • Una etiqueta de plataforma que utiliza una página personalizada no se puede eliminar hasta que la página deje de usarla.

Áreas: Configuración → Áreas

  1. Ve al panel de administración → Ajustes → Áreas.

  2. Haz clic en «Añadir área», asígnale un nombre en el idioma de cada plataforma y guarda los cambios.

  • Las áreas se refieren a la geografía: distritos, barrios y submunicipios.

  • Puedes cambiar el nombre del término «áreas» en toda la plataforma (por ejemplo, por «distritos» o «barrios») en la sección «Terminología».

  • Las zonas también se pueden utilizar en el proceso de registro (lugar de residencia y preferencias de seguimiento), y los residentes pueden seguir una zona para estar al tanto de los nuevos proyectos que se desarrollen en ella.

  • Al igual que las etiquetas, un área que utiliza una página personalizada no se puede eliminar hasta que la página deje de usarla.

Cómo asignar áreas o etiquetas a tus proyectos

Abre un proyecto y ve a «Configuración» > «Configuración» y establece la agrupación según la que se filtrará la página:

  • Etiquetas: en la configuración del proyecto, busca el campo «Etiquetas» y selecciona una o varias etiquetas de plataforma.

  • Área: en la configuración del proyecto, busca el filtro «Área» y selecciona «Selección»; a continuación, elige la(s) área(s) a la(s) que pertenece el proyecto. Ten cuidado con la opción «Todas las áreas»: un proyecto configurado para aparecer en todas las áreas se muestra en todas las páginas filtradas por área, así que usa «Selección» para los proyectos que pertenezcan a una sola región.

Cómo crear una página personalizada

  1. Ve al panel de administración → Páginas & menú -> Páginas y haz clic en «Nueva página personalizada».

  2. Rellena el «Título» (el título principal de la página) y el «Título en la barra de navegación » (el nombre más corto que aparece en el menú). La URL de la página se genera a partir del título; puedes modificarla más tarde en la configuración de la página, pero ten cuidado: si la cambias, se romperán los enlaces que ya hayas compartido.

  3. En la sección «Configuración de la página» encontrarás la opción «Elementos vinculados»; aquí puedes elegir cómo selecciona la página los proyectos:

    • Ninguno: la página no muestra ningún proyecto (es una página meramente informativa).

    • Por etiqueta(s): selecciona una o varias etiquetas de plataforma.

    • Por zona: elige solo una zona.

    • Por espacio: selecciona uno o varios espacios (solo se ven con el complemento «Spaces»).

  4. Guardar. Llegas a la pestaña «Contenido de la página », donde puedes activar o desactivar las secciones de la página.

ℹ️ Si la opción «Elementos vinculados» está configurada en «Ninguno», las secciones «Lista de proyectos y carpetas» y «Lista de eventos» no aparecen en absoluto en la pestaña «Contenido de la página». Para añadirlas más tarde, primero cambia el filtro en la configuración de la página.

Cómo crear un elemento de la barra de navegación

  1. Ve al panel de administración → Páginas & menú -> Menú y haz clic en «Nueva entrada de menú».

  2. Elige si se trata de un elemento único o de un menú desplegable

    1. Elemento único: selecciona una página y aparecerá un elemento en la barra de navegación que te llevará a la página personalizada seleccionada

    2. Dorpdown: aparecerá un elemento en la barra de navegación que contiene un menú desplegable con varias páginas seleccionadas; estas páginas pueden ser páginas personalizadas, proyectos, carpetas o espacios.

Las secciones del contenido de la página

  • Banner principal: imagen de banner con texto de encabezado y subtítulo. Cuatro diseños (a ancho completo, dos columnas, dos filas, proporción fija), una superposición de color opcional con opacidad ajustable y un botón de llamada a la acción opcional con su propio texto y URL. Si el banner no está, la página muestra su título como un encabezado sin formato.

  • Sección de información destacada: tu propio contenido enriquecido en la parte superior de la página: texto con formato, imágenes, vídeos, botones y enlaces.

  • Archivos adjuntos: archivos que los residentes pueden descargar desde la página (máx. 50 MB por archivo).

  • Lista de proyectos y carpetas: muestra los proyectos (y, en el caso de los filtros de espacio, las carpetas) que coinciden con tu configuración de «Elementos vinculados». Puedes ver una vista previa de lo que se mostrará.

  • Lista de eventos: muestra los eventos relacionados con los proyectos vinculados.

  • Sección de información inferior: tu propio contenido enriquecido en la parte inferior de la página.

Los usuarios ven las secciones en este orden: cabecera (o título) → información superior → archivos adjuntos → proyectos y eventos → información inferior.

Lo que ven los residentes en la lista de proyectos

Los proyectos enlazados se muestran en forma de cuadrícula de fichas a lo largo de la página, con pestañas para los proyectos activos y archivados, y un botón «Mostrar más» que carga seis fichas cada vez.

  • Por etiqueta(s): todos los proyectos publicados que tengan al menos una de las etiquetas seleccionadas — se muestran como fichas de proyecto. Los proyectos que están dentro de carpetas también aparecen como tarjetas independientes. Las fichas de carpetas nunca aparecen aquí, porque a las carpetas no se les pueden poner etiquetas.

  • Por área: todos los proyectos publicados asignados al área seleccionada, además de los proyectos que aparecerán en todas las áreas.

  • Por espacio: el nivel superior de los espacios seleccionados, tanto las fichas de carpetas como las de proyectos. Se accede a los proyectos que hay dentro de esas carpetas a través de la ficha de la carpeta, en lugar de duplicarlos.

  • Los proyectos en borrador y los proyectos que no están publicados nunca aparecen en la lista, y se respetan los derechos de acceso: cada residente solo ve los proyectos que está autorizado a ver.

Cómo gestionar la barra de navegación

Ve al panel de administración → Páginas & en el menú. Verás dos listas: «Menú» (las páginas que aparecen en la barra de navegación) y «Páginas» (el resto de páginas disponibles).

  • Haz clic en «Añadir a la barra de navegación» en un elemento oculto para mostrarlo, o en «Quitar de la barra de navegación» para ocultarlo; al quitarlo, nunca se borra la página en sí.

  • Arrastra y suelta los elementos para cambiarlos de orden. La página de inicio está fijada en primera posición; al editarla, se abre el editor de la página de inicio.

  • Haz clic en «Editar » para cambiar el nombre de un elemento en cada idioma. El título de navegación es independiente del título de la propia página, así que el menú puede ser corto.

  • Usa la opción «Añadir proyecto o carpeta a la barra de navegación » (arriba a la derecha) para añadir un proyecto o una carpeta directamente al menú, con el nombre que quieras.

  • Los elementos marcados como «DEFAULT» se pueden ocultar, pero no eliminar. Las páginas personalizadas se pueden borrar; se te pedirá que lo confirmes y el borrado no se puede deshacer.

  • Los proyectos de la barra de navegación respetan los derechos de acceso: los residentes solo ven los elementos a los que tienen permiso para acceder.

Ejemplo práctico: una página regional sobre el «Norte»

Imagina que gestionas proyectos en varias regiones y quieres que haya una página en el menú que muestre todo lo que está pasando en la región Norte:

  1. Configuración → Etiquetas → Etiquetas de plataforma → Añade la etiqueta de plataforma «North». (Una «área» te sirve igual de bien si tus regiones son geográficas; en ese caso, ve a Configuración → Áreas.)

  2. Abre cada proyecto de North → configuración del proyecto → Etiquetas → añade «North».

  3. Páginas & menú → Crear página personalizada → título «Norte» → Elementos vinculados: Por etiqueta(s) → selecciona «Norte» → guardar.

  4. En la pestaña «Contenido de la página », activa la lista «Proyectos y carpetas» (y la lista «Eventos», si quieres que se muestren los eventos relacionados). Si quieres, añade un banner o un texto de introducción.

  5. Vuelve al menú de Pages & y haz clic en «Añadir a la barra de navegación» junto a tu nueva página.

Listo: todos los proyectos etiquetados como «North», tanto los actuales como los futuros, aparecen automáticamente en la página. No hay que mover nada, no hay duplicados y los proyectos se quedan donde están (incluso dentro de carpetas).

Solución de problemas

«Quiero crear una carpeta en mi página personalizada».

Eso no es posible, las páginas no contienen carpetas ni proyectos. Si quieres que la página muestre un grupo de proyectos, etiqueta esos proyectos y filtra la página por esa etiqueta (mira el ejemplo de arriba). Si quieres que haya una página contenedora tipo carpeta en el menú, crea una carpeta normal y añádela a la barra de navegación. Y si lo que buscas es una fila de proyectos cuidadosamente seleccionados en la página de inicio, que puedas desplazar con el dedo, usa el widget «Proyectos y carpetas seleccionados» en el editor de la página de inicio.

«No me aparece un proyecto en mi página».

Comprueba, en este orden: ¿el proyecto lleva la etiqueta de la página (o del área/espacio)? ¿Ya está publicado o es un borrador? ¿Aparece en la lista? (Los proyectos que no aparecen en la lista quedan ocultos en las listas de la página). ¿Los derechos de acceso del usuario le permiten verlo?

«Mi carpeta no aparece en mi página filtrada por etiquetas».

Las carpetas no se pueden etiquetar, así que las páginas filtradas por etiquetas y por áreas solo muestran fichas de proyectos. Puedes etiquetar los proyectos de la carpeta (aparecerán como tarjetas individuales), añadir la propia carpeta a la barra de navegación o, con el complemento, filtrar la página por espacio, lo que sí muestra las tarjetas de la carpeta.

«Quiero que los proyectos aparezcan en mi página, pero no en la página de inicio.»

Las etiquetas no eliminan los proyectos de la página de inicio. Lo que puedes hacer: guarda los proyectos en una carpeta; así, en la página de inicio aparecerá una sola ficha de carpeta en lugar de todas las fichas de cada proyecto por separado, aunque en la página filtrada por etiquetas seguirás viendo cada proyecto por separado.

«No veo las opciones de elementos vinculados».

La visualización de proyectos por etiqueta o área no está incluida en todas las licencias. Ponte en contacto con tu gestor de éxito en el sector público.

Cómo personalizar la página Acerca de

  1. Ve al panel de administración → Páginas & en el menú.

  2. Haz clic en Editar junto a Acerca de.

  3. Añade o actualiza información general, preguntas frecuentes, fotos y vídeos, directrices o documentos, y datos de contacto.

  4. Guarda cuando hayas terminado.

¿Ha quedado contestada tu pregunta?