El aspecto y el funcionamiento del centro de ayuda se pueden cambiar usando herramientas de diseño WYSIWYG sencillas como los selectores de color y de fuente. Por ejemplo, puede cambiar el logotipo, los colores y la fuente web para que su centro de ayuda siga las pautas de marca de su compañía. Las opciones de marca se encuentran en el panel Configuración de Guide.
En este artículo se tratan los siguientes temas:
- Actualizar los colores del centro de ayuda
- Actualizar las fuentes del centro de ayuda
- Actualizar el logotipo y el favicon del centro de ayuda
- Actualizar las imágenes del centro de ayuda
Además de actualizar las marcas con las opciones del panel Configuración, es fácil ocultar y mostrar algunos elementos comunes en el tema Copenhagen estándar (consulte Ocultar y mostrar elementos en el tema Copenhagen estándar). O bien, puede editar el código del tema subyacente (no disponible en Suite Team) para personalizar elementos de su centro de ayuda (consulte Uso de temas y plantillas para personalizar el centro de ayuda).
Actualizar los colores del centro de ayuda
- Color de marca
- Color de texto de la marca
- Color de texto
- Color de vínculos
- Color de fondo
Para actualizar los colores de su centro de ayuda
- En Guide, haga clic en el icono Personalizar diseño () en la barra lateral.
- Haga clic en Personalizar en el tema que desea actualizar. Se abre la página Temas.
- En el panel Configuración, haga clic en Colores.
- Haga clic en el cuadro de colores enseguida de cualquiera de las opciones y use el selector de colores para elegir uno, o bien ingrese manualmente el número del color que desea.
El color se actualiza en la ventana de vista previa.
Haga clic fuera del cuadro de colores y la selección de color se guarda.
- Haga lo mismo con los demás colores que desee cambiar.
- Cuando termine de actualizar los colores, haga clic en Publicar.
Los cambios se aplican al tema.
- Haga clic en Atrás para regresar a la página Temas.
Actualizar las fuentes del centro de ayuda
La fuente de encabezados y la fuente de texto se pueden modificar de manera predeterminada. Para ello, dispone de una lista de varias opciones integradas.
Para actualizar las fuentes de su centro de ayuda
- En Guide, haga clic en el icono Personalizar diseño () en la barra lateral.
- Haga clic en Personalizar en el tema que desea actualizar. Se abre la página Temas.
- En el panel Configuración, haga clic en Fuentes.
- Para cambiar la fuente del encabezado, haga clic en el menú desplegable de encabezado y seleccione una fuente para el encabezado.
La fuente se actualiza en la ventana de vista previa.
- Para cambiar la fuente del texto, haga clic en el menú desplegable de texto y seleccione una fuente para el texto.
La fuente se actualiza en la ventana de vista previa.
- Cuando termine de actualizar las fuentes, haga clic en Publicar.
Los cambios se aplican al tema.
- Haga clic en Atrás para regresar a la página Temas.
Actualizar el logotipo y el favicon del centro de ayuda
Es posible cambiar el logotipo y el favicon del centro de ayuda. El logotipo aparece en el encabezado del centro de ayuda. El favicon es una imagen pequeña que se muestra en la pestaña del navegador y junto a la dirección URL en la barra de direcciones del navegador. Algunos motores de búsqueda también muestran favicons junto a la página en la lista de resultados de la búsqueda.
Si desea información sobre cómo cargar sus propias imágenes y otros recursos de marcas para usar aquí, consulte Uso de sus propios recursos de temas para el centro de ayuda.
Para actualizar el logotipo y el favicon del tema del centro de ayuda
- En Guide, haga clic en el icono Personalizar diseño () en la barra lateral.
- Haga clic en Personalizar en el tema que desea actualizar. Se abre la página Temas.
- En el panel Configuración, haga clic en Marca.
- En Logotipo, haga clic en Reemplazar para buscar y seleccionar una imagen si desea cambiar el logotipo.
El tamaño de imagen recomendado es 200px por 50px. Para el tema Copenhagen, el tamaño máximo recomendado es 37px.
Si el ancho o el alto de la imagen supera el tamaño recomendado, la imagen se ajusta a escala para mantener la relación de aspecto constante. El fondo de la imagen debe ser transparente o igual al color de fondo del encabezado.
- En Favicon, haga clic en Reemplazar para buscar y seleccionar una imagen si desea cambiar el favicon.
Para obtener mejores resultados, asegúrese de que el favicon sea una imagen cuadrada. La imagen se ajusta a escala para que quepa en las dimensiones de la pantalla.
- Para cambiar de nuevo a la imagen predeterminada del logotipo o del favicon, haga clic en Revertir.
- Cuando termine de actualizar el logotipo o el favicon, haga clic en Publicar.
Los cambios se aplican al tema.
- Haga clic en Atrás para regresar a la página Temas.
Actualizar las imágenes del tema
El tema Copenhagen estándar viene con tres imágenes que se pueden reemplazar:
- La imagen hero que aparece en la parte superior de la página principal
- La imagen hero de la comunidad que aparece en la parte superior de la página de temas de la comunidad
- La pancarta de la comunidad que aparece en la sección de la comunidad de la página principal
Para actualizar las imágenes del tema
- En Guide, haga clic en el icono Personalizar diseño () en la barra lateral.
- En el panel Configuración, haga clic en Imágenes.
- Haga clic en Reemplazar bajo cualquiera de las imágenes del panel Configuración para buscar y seleccionar una imagen.
- Se recomienda un tamaño de 1600x300px para las imágenes de la página principal y de la comunidad.
Puede usar una imagen de menos de 1600px de ancho si le preocupa el tiempo de carga, pero la imagen debe tener una altura mínima de 300px para que no parezca estirada. Si el tamaño de la imagen es superior al recomendado, la imagen se ajusta a escala para mantener la relación de aspecto constante y una altura máxima de 300px.
- Para la pancarta de la comunidad, la altura debe ser de menos de 300px para evitar el estiramiento.
La imagen aparece en el panel Configuración. Si no desea usar la imagen, haga clic en Revertir para regresar a la imagen predeterminada.
- Se recomienda un tamaño de 1600x300px para las imágenes de la página principal y de la comunidad.
- Haga lo mismo con las demás imágenes que desee reemplazar.
- Cuando termine de actualizar las imágenes, haga clic en Publicar.
Los cambios se aplican al tema.
- Haga clic en Atrás para regresar a la página Temas.