CMS - User Guide

Filter Guide by Topics

Antes de subir una imagen a la Biblioteca de Medios del CMS en el servidor web, es necesario optimizarla. Para ello se utiliza una app tipo Photoshop. Este proceso consta de 3 pasos:

  1. Ajustes: si fuera necesario, utilizando Photoshop, se pueden ajustar diversos parámetros como color, luminosidad, contraste, etc…
  2. Resolución y Tamaño de Imagen: Las fotos se generan a una resolución mas alta de la necesaria para su uso web. Así mismo, para diversas secciones de la web utilizamos un determinado formato (cuadrado, rectangular…) y tamaño. Será por tanto necesario ajustar el Tamaño de Imagen –expresado en pixels.
    (Ver detalles mas abajo).
  3. Formato: Al guardar o exportar la imagen habrá que elegir un formato de archivo compatible con uso web; en la mayoría de los casos elegiremos JPG para fotos, o PNG para logos.

En la web de Fluidex utilizamos varios tamaños básicos para imágenes:

  • 1200 x 600 píxeles – Todo lo ancho – 1/1 – Apaisada
  • 800 x 500 píxeles – Dos tercios de ancho – 2/3 – Apaisada
    Usadas entre otras cosas como Imagen Destacada para Noticias, Eventos, Empresas, etc.
  • 600 x 600 píxeles – Un tercio de ancho – 1/3 – Cuadrada
    Usadas en cuadriculas de datos, y en retratos de personal
  • 2000 x 650 píxeles – Home Slider
  • 2500 x 180 píxeles – Cabeceras de página

Os hemos creado un repositorio con más de 100 imágenes  a diversos tamaños, listas para que las uséis.

El CMS nos permite subir documentos a la Biblioteca de Medios, para poder utilizarlos en la web como documentos descargables para los usuarios.

Se pueden subir diversos formatos de documento –como Word, Excel, etc.– pero el formato mas recomendable es PDF.

Nota: El servidor web limita el tamaño del archivo que se puede subir por CMS. Si alguno de vuestros documentos excede ese límite, contactadnos para que os lo subamos nosotros por FTP.

Cuando se copia texto de un documento Word, o de una Web, estamos copiando también formatos de estilo invisibles, que al ser pegados en el CMS pueden causar desajustes. Por tanto es recomendable pegar primero dicho contenido en el Notepad –ajustado para texto sin formato. Dicho texto lo podemos entonces volver a copiar desde el Notepad y pegarlo en el CMS.

La Biblioteca de Medios te permite gestionar desde un mismo sitio todos tus documentos, imágenes, vídeos y archivos de audio.

Cuando añadas imágenes y otros archivos de medios a tus páginas y entradas, también aparecerán en la sección de Medios. Además, puedes añadir archivos directamente a Medios para utilizarlos después en tus páginas y entradas. Hay dos métodos para hacerlo: añadir archivos desde tu ordenador o insertar desde URL.

Para facilitar la gestión de gran cantidad de archivos de medios, os hemos instalado un sistema de categorías (en la columna derecha). Podéis crear nuevas categorías y subcategorías, utilizando las herramientas en la columna de la izquierda.

La web de Fluidex esta desarrollada sobre plataforma WordPress, cuyo gestor de contenidos (CMS) os permite actualizar contenidos fácilmente, sin tener que preocuparos ni del diseño ni del código.

Al actualizar contenidos, a nivel de formato de lo único que os tenéis que ocupar es de meter negritas, itálicas y enlaces. El resto del diseño está todo automatizado.

El CMS tiene diversas secciones, que encontrareis en la columna negra a la izquierda – por ejemplo Noticias.

Nota: No necesitas utilizar todas las secciones de contenidos de la columna izquierda (negra) del CMS; algunas son solo para uso de los programadores – por ejemplo Páginas.

El CMS tiene diversas secciones, que encontrareis en la columna negra a la izquierda – por ejemplo Noticias.

Si pulsáis en una de las secciones de contenidos de la columna izquierda (negra) en el CMS, veréis un listado de todas las entradas de dicha sección –por ejemplo un listado de Noticias.

El listado os permite editar, clonar, o borrar entradas.

También os permite reordenar las entradas. Las noticias se ordenan cronológicamente, empezando con la más reciente. Pero otro tipo de contenidos, por ejemplo Testimonios, se pueden ordenar alfabéticamente, o incluso manualmente –arrastrando entradas en la lista.

Para añadir una nueva entrada de contenido, por ejemplo una Noticia, lo primero es ir al listado de dicha sección, donde encontrareis un botón en la esquina superior izquierda para Añadir una nueva entrada. Al pulsar dicho botón aparecerá una nueva pantalla con un formulario con todos los campos a rellenar.

Algunos formularios –como Servicios– son muy sencillos; Otros –como Eventos– son mas complejos. Dichos campos aparecen en la columna central.

En la columna derecha encontrareis un botón (azul) para Publicar. En caso de estar editando una entrada ya publicada dicho botón dirá Actualizar. Los cambios que hagáis no se guardarán hasta que pulses el botón azul.

En la columna derecha también se encuentran:
– Categorías*
– Etiquetas*
– Idiomas**
– Imagen Destacada***

*Ver Taxonomias
**Ver Idiomas
***Ver Imagen Destacada

Desde un listado también se puede pulsar un entrada para editarla. Una vez en el formulario de dicha entrada, se pueden hacer los cambios de contenido deseados, y pulsar el botón azul de Actualizar, para guardar (publicar) los cambios.

La columna de la derecha también te permite despublicar una entrada; al hacerlo, dicha entrada desaparecerá de la web, pero no del CMS. Una entrada despublicada está en estado Borrador.

Para que la entrada desaparezca del CMS habría que borrarla –pulsando Mover a la papelera.

Otra cosa que podemos hacer con una entrada es modificarle la fecha de publicación –lo cual puede ser útil al añadir blogs o noticias.

Las taxonomías de WordPress son una herramienta para clasificar y agrupar contenidos. Encontrará estas taxonomías en el lado derecho del editor de WordPress. Por defecto, WordPress incluye dos tipos de taxonomías –pero se pueden crear las que sean necesarias:

  • Categorías
  • Etiquetas

Las Categorías son jerárquicas, y pueden incluir subcategorías. Suelen ser requeridas.

Las Etiquetas en cambio no son ni jerárquicas ni requeridas.

La Imagen Destacada es la imagen que se asocia a dicha entrada, y que aparece en las páginas con listados. Se selecciona de las que previamente se hayan guardado en la Biblioteca de Medios.

Nota: Ciertas tipologías de contenido permiten añadir mas imágenes a una entrada, mientras que otras no tienen siquiera Imagen Destacada –como Servicios.

Aunque a nivel técnico en WordPress todas entradas de la base de datos son ‘posts‘, cabe distinguir diversos tipos de páginas y contenidos:

  • Página
  • Post
  • Custom Post
  • Formulario
  • Productos

Las páginas suelen tener un diseño y contenido especifico, que no cambia a menudo.

Para Fluidex hemos creado formularios CMS específicos (Contenidos…) para que podáis actualizar los contenidos de las siguientes páginas:
– Home
– Asociación
– Equipo
– Servicios
– Beneficios

Nota 1: Otras páginas como Contacto, o Aviso Legal no necesitan actualizarse con regularidad. Cuando un cambio sea necesario, mandadnos un email y lo hacemos.

Nota 2: No hace falta que toquéis la sección ‘Paginas’; esta sección la utilizamos solo nosotros, para crear y dar formato –y programación– a las páginas durante el desarrollo de la web.

Un blog es clásico un ejemplo de post; todas la entradas tienen el mismo diseño predefinido y mismo tipo de contenidos, y nuevas entradas se publican periódicamente. Se organizan por orden cronológico en una pagina de listado.

En Fluidex tenemos varios ejemplos de post; algunos sencillos, como Noticias. Otros mucho mas complejos, com Eventos o fichas de Empresas.

Nota: Las taxonomías son utiles para organizar contenidos tipo post.

Son tipos de contenidos específicos, creados ex profeso para cada web, y que pueden aparecer en diversas páginas.

En la web de Fluidex tenemos los siguientes custom posts:

  • Asociados
  • Colaboradores
  • Equipo Fluidex
  • Comité de Dirección
  • Entidades
  • Servicios
  • Beneficios
  • Testimonios

La nueva plataforma digital de Fluidex cuenta con un completo sistema de comercio electrónico –basado en WooCommerce. El único componente que falta es una plataforma de pago.

Actualmente en Fluidex tenemos 4 productos (de tipo subscripción) con las quotas de asociado:

  • Gran Empresa
  • Pyme
  • Pequeña Empresa
  • Colaborador

Dichos productos están vinculados con la membresía a Fluidex, y generan credenciales que dan acceso al area privada de la web.

Los formularios permiten capturar de modo estructurado información de los usuarios. Dicha información se guarda en la base de tatos web, y siempre estará accessible a través del CMS. Dicha información es accionable –se puede exportar y utilizar con otras herramientas.

En Fluidex hemos creado los siguientes Formularios:

  • Solicitud de Asociación
  • Solicitud de Colaboración
  • Solicitud de inscripción para Eventos
  • Formulario (privado) de actualización de datos para Empresas Asociadas.

WordPress es también una potente base de datos, que gestiona el acceso de los diversos perfiles de usuario. Todo ello se gestiona a través de la sección Usuarios en el  CMS.

Estos son los perfiles de usuario de la web de Fluidex:

Administrador: Acceso completo a programación, base de datos, publicación de contenidos, y gestión de usuarios.
» Equipo Fluidex + Imanol & Ramuntxo

Editores: Acceso a publicar contenidos en la web.
» Vacio

Subscribers: Genera una página web con la ficha de dicha empresa; Acceso de empresas asociadas para editar su ficha empresa, y acceso al area privada de socios.
» Socios y Colaboradores (con distintos privilegios de acceso)

La nueva plataforma digital de Fluidex utiliza el sistema de comercio electrónico (WooCommerce) para la gestión de la afiliación a Fluidex, con 3 productos –de tipo subscripción– para el cobro anual de las cuotas de empresa colaboradora, según el tamaño de la empresa:

  • Afiliación: Empresa Grande
  • Afiliación: PYMEs
  • Afiliación: Pequeña Empresa

Dichos productos están vinculados con la membresía a Fluidex, y generan credenciales que dan acceso al area privada de la web.

Estos los pasos a seguir para convertirse em asociado.

1. Solicitud
Un usuario rellena el Formulario de Solicitud para que su empresa se convierta en colabo de Fluidex. Fluidex recibe una notificación automática con la solicitud.

2. Valoración
El Equipo de Fluidex hace una valoración de dicha empresa. Si la valoración es positiva, se envía un email a dicha empresa con el enlace a la pagina web donde afiliarse. Este es el  enlace:

https://fluidex.imacnol.es/producto/empresa-colaboradora/
https://fluidex.imacnol.es/producto/afiliacion-pymes/
https://fluidex.imacnol.es/producto/afiliacion-pequena-empresa

3. Afiliación
En la página de Afiliación se explican los pagos y proceso de inscripción y de alta en la Asociación. Al hacer click en REGÍSTRATE AHORA se accede a un FORMULARIO donde se recaban los datos necesarios y se concretan los detalles de pago.

4. Pago
El usuario realiza pago directamente en la cuenta bancaria de Fluidex.

5. Login
Fluidex marca como ‘completado’ el Pedido en la sección WooCommerce del CMS.
Esto genera el envío automático de un email al usuario, con un enlace para que el usuario genere su password y acceda a su cuenta en el area privada de la web de Fluidex.

6. Cancelación
Si el Equipo o la Asamblea de Fluidex lo consideran necesario, se puede rescindir la afiliación y el acceso a la plataforma digital a dicha empresa, borrandola  en la sección Usuarios del CMS.

La nueva plataforma digital de Fluidex utiliza el sistema de comercio electrónico (WooCommerce) para la gestión de la afiliación a Fluidex, con 1 producto –de tipo subscripción– para el cobro anual de las cuotas de empresa colaboradora:

  • Empresa Colaboradora

Dichos productos están vinculados con la membresía a Fluidex, y generan credenciales que dan acceso al area privada de la web.

Estos los pasos a seguir para convertirse em asociado.

1. Solicitud
Un usuario rellena el Formulario de Solicitud para que su empresa se convierta en colabo de Fluidex. Fluidex recibe una notificación automática con la solicitud.

2. Valoración
El Equipo de Fluidex hace una valoración de dicha empresa. Si la valoración es positiva, se envía un email a dicha empresa con el enlace a la pagina web donde afiliarse. Este es el  enlace:

fluidex.imacnol.es/producto/empresa-colaboradora/

3. Afiliación
En la página de Afiliación se explican los pagos y proceso de inscripción y de alta en la Asociación. Al hacer click en REGÍSTRATE AHORA se accede a un FORMULARIO donde se recaban los datos necesarios y se concretan los detalles de pago.

4. Pago
El usuario realiza pago directamente en la cuenta bancaria de Fluidex.

5. Login
Fluidex marca como ‘completado’ el Pedido en la sección WooCommerce del CMS.
Esto genera el envío automático de un email al usuario, con un enlace para que el usuario genere su password y acceda a su cuenta en el area privada de la web de Fluidex.

6. Cancelación
Si el Equipo o la Asamblea de Fluidex lo consideran necesario, se puede rescindir la afiliación y el acceso a la plataforma digital a dicha empresa, borrandola  en la sección Usuarios del CMS.

 

A

A

En los listados de entradas de las diversas tipologías del CMS veréis una columna (normalmente la segunda, después del titulo) con una bandera que indica el idioma (inglés). En dicha columna, una entrada puede tener uno de estos 4 símbolos:

  • Cruz: Significa que no hay versión en inglés.
  • Engranaje: Significa que la versión en inglés esta incompleta.
  • Flechas rotando: Significa que hay que actualizar la versión en inglés porque se ha hecho algún cambio en la versión en Español
  • Lápiz: Significa que la versión en inglés está completa.

Pulsando dichos iconos se accede a la versión en Inglés.

Solo cuando la versión en inglés esté completa, aparecerá la página web en inglés de dicha entrada.

Si una Noticia –u otra entrada– se quiere publicar solo en Inglés,  habrá que meter el texto Inglés en la version por defecto en Español, y repetir dicho contenido en la versión en Inglés.

A

El CMS se apoya en una serie de bases de datos (MySQL) la gestión de los contenidos web. Dichas bases de datos también pueden servir al equipo de Fluidex para la gestión interna de información.

Recuerda que puedes despublicar cualquier entrada en el CMS, borrándola de la web, pero sin por ello borrarla de la base de datos.

El CMS tiene muchas secciones (columna negra a la izquierda).
Estas son las que utilizareis para publicar contenidos:

  • Medios
  • Slider Homepage
  • Noticias
  • Entrevistas
  • Agenda de Eventos
  • Reservas
  • Asociados
  • Colaboradores
  • Contenidos Homepage
  • Contenidos Asociación
  • Contenidos Equipo
  • Contenidos Servicios
  • Contenidos Beneficios
  • Testimonios
  • Equipo Fluidex
  • Committee Dirección
  • Entidades
  • Servicios
  • Beneficios
  • WooCommerce
  • Usuarios

El resto de las secciones controlan el diseño, la funcionalidad, y aspectos técnicos y de seguridad. NO debéis tocar esas secciones –especialmente ‘Páginas‘, que controla el diseño de la interfaz.

En las entradas, NO debéis ‘Editar con Elementor‘.

Si tenéis alguna duda, consultadnos primero.