IBM WebSphere Portal 8.5: Asistencia al usuario para administradores

Creación de su propia skin personalizada

Puede crear skins para personalizar el tema del portal como sea necesario. Un enfoque satisfactorio para crear skins personalizados es copiar el skin de portal estándar, ibm.portal.80Standard, y añadir las imágenes, los archivos JavaScript y otros recursos personalizados. Copiar el skin de portal estándar es la mejor forma de asegurarse de que el skin personalizado contiene todos los elementos necesarios.

Acerca de esta tarea

Nota: No modifique el skin estándar de WebSphere Portal directamente, porque los fixpacks futuros y los cambios de servicio pueden sobrescribir los cambios.
Para crear skins personalizados, realice los pasos siguientes:

Procedimiento

  1. Creación de un nuevo skin. Para crear un skin personalizado, siga estos pasos:
    1. Monte el punto de entrada de WebDAV /skinlist con su cliente WebDAV aquí: /wps/mycontenthandler/dav/skinlist/.
      Sustituya wps por el valor de WpsContextRoot, si lo ha cambiado.
    2. Copie y renombre la carpeta del skin de WebSphere Portal que quiere utilizar como base para el skin personalizado.
      Nota: Algunos clientes de WebDAV no permiten copiar directamente dentro de la carpeta /skinlist. Como alternativa, haga lo siguiente:
      1. Copie la carpeta adecuada en su sistema de archivos local.
      2. Dé al skin un título nuevo editando el archivo localized_locale.properties adecuado en la carpeta de metadatos. Si no cambia el título, el portal mostrará varios skins con el mismo título en las listas de selección.
      3. Copie la nueva carpeta en la carpeta /skinlist de WebDAV.
    Nota: Si tiene problemas al utilizar el punto de entrada /skinlist/, pruebe /skinlist/all, ya que algunos clientes de WebDAV tienen problemas al escuchar sin all adjunto.
    Ahora su nuevo skin estará definido en la base de datos del portal. Para personalizar el skin, edite los archivos de skin en WebDAV. A continuación, puede asignar el skin a los portlets. Para realizar personalización administrativa al título, descripción, o metadatos del skin, continúe utilizando el punto de entrada /skinlist/. Si desea personalizar las plantillas y los recursos estáticos, utilice el punto de entrada /fs-type1/.
  2. Añadir recursos estáticos al skin. Para añadir imágenes u otros recursos estáticos al skin, continúe como sigue:
    1. Monte el punto de entrada de WebDAV /fs-type1/ con el cliente WebDAV aquí: /wps/mycontenthandler/dav/fs-type1/
      Sustituya wps por el valor de WpsContextRoot, si lo ha cambiado.
    2. Añada imágenes u otros recursos estáticos al skin como sigue:
      1. Copie los recursos estáticos necesarios, como imágenes o archivos JavaScript, en el directorio raíz del skin en WebDAV.
      2. Organice los archivos en los subdirectorios, según sea necesario.
      3. Utilice URL absolutos o relativos de servidor para hacer referencia a los recursos del archivo skin.html. Por ejemplo, si crea una carpeta denominada /images que contiene un archivo denominado logo.png, puede utilizar las referencias siguientes:
        • URL relativo al servidor: <img src="/wps/mycontenthandler/dav/skinlist/myskin/images/logo.png"/>
        • URL absoluto: <img src="http://nombre_servidor:número_puerto/wps/mycontenthandler/dav/skinlist/myskin/images/logo.png"/>
      Nota: Al crear un archivo para el skin en el punto de entrada /fs-type1/, hay un enlace que expone este archivo también a través del punto de entrada /skinlist/. Este enlace hace posible el uso de la vía de acceso definida para la imagen como skinlist en lugar de fs-type1. Puede seguir utilizando una vía de acceso absoluta al punto de entrada /fs-type1/ si es necesario, por ejemplo <img src="http://nombre_servidor:número_puerto/wps/mycontenthandler/dav/fs-type1/skins/myskin/images/logo.png"/>