Crear una imagen de marca común

Personalice las páginas IBM® Verify para su empresa en una aplicación en su inquilino Verify . Puede cambiar el logotipo de IBM, el copyright de IBM, el estilo, etc., de las páginas de Verify para que coincidan con la marca de la empresa.

Antes de empezar

Descargue los archivos de temas. Consulte Descargar un tema con API.

Acerca de esta tarea

Los cambios realizados en la carpeta común se muestran en la mayoría de las páginas de tema para la aplicación en el arrendatario de Verify .

Procedimiento

  1. Extraiga los archivos del archivo comprimido del tema desde Descargar un tema con API.
  2. Abra la carpeta templates/common .
  3. Personalice los archivos.
    Nota:

    No cambie los nombres de archivo. Actualice el contenido dentro de los archivos de tema.

    Nota: Las actualizaciones de la página personalizada logo.png, la página page_style.css, .png, .svg, .css y .js moscas pueden tardar hasta 5 minutos.
    1. Cambie el logotipo.
      Sustituya logo/default/logo.svg por un gráfico del logotipo de su empresa. Utilice los mismos nombres de archivo. Se proporciona un archivo logo/default/logo.png opcional. Si se utiliza el tipo de archivo .png, actualice el archivo page_components/default/page_header.html con el nombre de archivo logo.png.
    2. Añada la información de copyright de su empresa a las páginas de tema.
      Modifique el archivo page_components/default/page_footer.html.
      Las siguientes etiquetas están disponibles en la página page_footer.html. Cambie las etiquetas de copyright tal y como se describe en Personalización de etiquetas.
      • $COPYRIGHT_LICENSED$
      • $COPYRIGHT_PART_NUMBER$
      • $COPYRIGHT_SINCE_YEAR$
      • $COPYRIGHT_ALL_RIGHTS$
      • $COPYRIGHT_TRADEMARK$
    3. Sustituya el logotipo por texto o añada más texto a la cabecera.
      Modifique el archivo page_components/default/header.html.
    4. Sustituya el estilo de hoja de estilo en cascada y el esquema de color.
      Modifique el archivo page_components/default/page_style.css. El estilo que añada aquí altera temporalmente las clases de <tenant>/usc/css/stateless.css.
    5. Sustituya el nombre del producto que se visualiza en las páginas. Consulte Personalizar etiquetas para cambiar el nombre del producto.
      • $PRODUCT_NAME$
      • $LOGOUT_OK_TITLE$
      • $LOGIN_TITLE$
  4. Actualice el archivo de tema comprimido con las personalizaciones y vuelva a cargar el archivo en el arrendatario. Consulte Registrar un nuevo tema o Actualizar un tema.