Personalización de la interfaz de usuario

El procedimiento para personalizar IBM® Connections es el mismo para cada aplicación. Debe editar una copia del archivo de origen relevante y guardarlo en el directorio de personalización correspondiente.

Antes de empezar

Revise la interfaz de usuario para determinar qué desea personalizar.

Acerca de esta tarea

Siga estas instrucciones como guía general para personalizar la interfaz de usuario. Para obtener más información sobre cómo personalizar partes específicas de la interfaz de usuario, consulte los enlaces relacionados. Para obtener consejos sobre la personalización del despliegue, consulte Métodos recomendados de la personalización.

El estilo de la interfaz de usuario de IBM Connections se basa en el IBM Collaboration Solutions OneUI Toolkit 3.0.

Procedimiento

  1. Busque el archivo que sirve como fuente de los elementos de interfaz que desea personalizar. Para obtener una lista de los directorios fuente de aplicaciones web y los paquetes de OSGi que están empaquetados con IBM Connections, consulte el apartado Archivos WAR de aplicación y paquetes de OSGi.
  2. Habilite la prestación de depuración de personalización. Para obtener más información, consulte Habilitación del modo de edición de personalización de la interfaz de usuario activo.
  3. Copie el archivo que desea personalizar y péguelo en el directorio de personalización adecuado. Para obtener más información, consulte el apartado Cómo determinar dónde guardar sus personalizaciones.
    Recuerde: Puede encontrar los orígenes para las hojas de estilo en el siguiente archivo JAR:
    INICIO_WAS/profiles/nombre_perfil/installedApps/nombre_celda/Common.ear/connections.web.resources.war/WEB-INF/eclipse/plugins/com.ibm.oneui3.styles_version.jar
    Notas:
    • com.ibm.lconn.oneui3.styles_versión.jar contiene el kit de herramientas OneUI 3.0.x de IBM Collaboration Solutions que incluye recursos y sprites de imágenes.
    • com.ibm.lconn.oneui3.styles_versión.jar solo se encuentra en una aplicación, Common.ear/connections.web.resources.war
    WAS_HOME/profiles/nombre_perfil/installedApps/nombre_célula/nombre_aplicación.ear/nombre_aplicación.war/WEB-INF/eclipse/plugins/com.ibm.lconn.core.styles_versión.jar
    Nota: El archivo com.ibm.lconn.core.styles_versión.jar contiene las hojas de estilo CSS que amplían o alteran temporalmente estilos predeterminados desde el kit de herramientas de OneUI 3.0.x.
    donde:
    • WAS_HOME es el directorio donde está instalado IBM WebSphere Application Server.
    • nombre_perfil es el perfil donde ha instalado IBM Connections.
    • nombre_célula es la célula donde ha instalado la aplicación.
    • nombre_aplicación.ear es el nombre del archivo EAR de aplicación. Para personalizar los estilos de la interfaz que son comunes a todas las aplicaciones, utilice el archivo Common.ear.
    • nombre_aplicación.war es el nombre del archivo WAR de aplicación.
      Consejo: Para obtener una lista de los directorios de fuente de aplicaciones web que están empaquetados con IBM Connections, consulte Archivos WAR de aplicación y paquetes de OSGi.
    • versión es el número de versión release de IBM Connections más la fecha y el número de compilación del archivo JAR.
    Nota: En releases anteriores de IBM Connections, las hojas de estilo predeterminadas se encontraban en el subdirectorio nav del directorio WAS_HOME/profiles/nombre_perfil/installedApps/nombre_célula/nombre_aplicación.ear/nombre_aplicación.war. Dicha ubicación ha quedado en desuso en este release.

    En la tabla siguiente se describen los archivos de origen para cada área de la interfaz de usuario.

    Tabla 1. Áreas de personalización populares
    Característica Ubicación del archivo
    Hojas de estilo en cascada
    • Para añadir estilos personalizados al producto, edite los archivos siguientes:
      Nota: Si los usuarios visualizan el producto en árabe, hebreo u otro idioma que se lea de derecha a izquierda, copie también el archivo defaultTheme_rtl.css.
      • /nav/common/styles/defaultTheme/custom.css
      • /nav/common/styles/defaultTheme/custom_rtl.css
      Para obtener más información, consulte Adición de estilos a la hoja de estilo de IBM Connections.
    • Para realizar cambios más amplios en los colores utilizados en el producto, edite el archivo siguiente:
      /nav/common/styles/defaultTheme/defaultTheme.css

      Para obtener más información, consulte Realización de cambios de color y estilos.
    Página de errores /nav/templates/error.jsp

    Para obtener más información, consulte Personalización de la página de errores.
    Pie de página /nav/templates/footer.jsp

    Para obtener más información, consulte Personalización del pie de página.
    Página de inicio de sesión /nav/templates/login.jsp

    Para obtener más información, consulte Personalización de la página de inicio de sesión.
    Barra de navegación /nav/templates/header.jsp
    Para los menús disponibles desde la barra de navegación:
    /nav/templates/menu/people.jsp
/nav/templates/menu/communities.jsp
/nav/templates/menu/apps.jsp
    Para obtener más información, consulte Personalización de la barra de navegación.
    Por ejemplo:
    • Para editar el pie de página y visualizar el mismo pie de página en todas las aplicaciones, almacene el archivo de pie de página en el siguiente directorio:

      customizationDir/common/nav/templates/footer.jsp

    • Para cambiar la página de inicio de sesión de una única aplicación, almacene el archivo de página de inicio de sesión actualizado en el directorio en el que se almacenan las personalizaciones que son especificas de esa aplicación. Por ejemplo, para cambiar sólo la página de inicio de sesión de la aplicación Archivos, almacene el archivo login.jsp en el subdirectorio archivos en lugar del subdirectorio común:

      customizationDir/files/nav/templates/login.jsp

  4. Edite el archivo en el directorio customizationDir para realizar los cambios.
  5. Renueve el navegador para probar los cambios. Es posible que tenga que borrar la memoria caché del navegador para ver los cambios.
  6. Cuando esté listo para publicar los cambios, desactive la prestación de depuración de personalización.
  7. Utilice WebSphere Application Server Integrated Solutions Console para detener y reiniciar el archivo EAR de cada aplicación.
  8. Fuerce la renovación del contenido almacenado en la caché de todos los navegadores web de usuario y visualice los cambios ejecutando el mandato que actualiza la indicación de versión del producto. Para obtener más información, consulte Paso posterior a la personalización.

Qué hacer a continuación

Para obtener más información sobre la personalización de áreas específicas del producto, consulte los temas relacionados.