Personalizar el sitio

Puede cambiar el tema del sitio de la base de conocimientos siguiendo los pasos que se indican a continuación:

1. Vaya a Configuración () > Sitio de la base de conocimientos > Personalizar el sitio en el portal de la base de conocimientos.

2. En la sección Tema del sitio , puede elegir entre tres opciones:

   • Tanto la luz como la oscuridad

   • Solo luz

   • Solo oscuro

Favicon (abreviatura de icono favorito) es un pequeño icono, normalmente de 16x16 píxeles, utilizado por los navegadores web para identificar tu sitio web. El favicon aparece en la pestaña del navegador del sitio web, en la lista de marcadores y en la lista del historial de navegación.

1. Vaya a Configuración () > Sitio de la base de conocimientos> Personalizar el sitio en el portal de la base de conocimientos.

2. En la sección Marca , coloque el cursor sobre el favicon predeterminado y haga clic en Haga clic para cambiar en Favigon.

3. Ahora, puede agregar un Favicon en una de las dos opciones disponibles:

   • Usar una URL: Pegue la URL de la imagen de cualquier fuente externa y haga clic en Insertar.

   • Subir una imagen: Elija su archivo de Drive o Cargue una imagen desde el almacenamiento de su computadora local y haga clic en Insertar.

4. Haga clic en Salvar.

CONSEJO PROFESIONAL

• Utilice siempre una imagen con dimensiones minimalistas y cuadradas (en píxeles).

• Como práctica recomendada, asegúrese de que su favicon tenga un tamaño de 48 x 48 píxeles para una representación óptima en todas las plataformas.

Este problema podría surgir cuando el favicon agregado no cumple con los criterios especificados, incluidos el tamaño y el formato. Realice los cambios necesarios en el favicon o intente volver a cargarlo en el sitio de la base de conocimientos.

Reemplace el logotipo predeterminado que se muestra en la parte superior izquierda de la base de conocimientos cargando el logotipo deseado.

1. Vaya a Configuración () > Sitio de la base de conocimientos > Personalizar el sitio en el portal de la base de conocimientos.

2. En la sección Marca , coloque el cursor sobre el logotipo predeterminado y haga clic en Haga clic para cambiar.

3. Ahora, puede agregar un Favicon en una de las dos opciones disponibles:

   • Usar una URL: Pegue la URL de la imagen de cualquier fuente externa y haga clic en Insertar.

   • Subir una imagen: Elija su archivo de Drive o Cargue una imagen desde el almacenamiento de su computadora local y haga clic en Insertar.

4. Una vez hecho esto, haga clic en Salvar.

Puede agregar un texto como logotipo reemplazando el logotipo predeterminado que se muestra en la parte superior izquierda de la base de conocimientos.

1. Vaya a Configuración () > Sitio de la base de conocimientos> Personalizar el sitio en el portal de la base de conocimientos.

2. En la sección Marca , haz clic en ¿No tienes un logotipo? En su lugar, use el nombre.

3. Introduzca el texto deseado en el campo de entrada.

   Por ejemplo, puede agregar el nombre de una empresa o un eslogan en lugar de una imagen de logotipo.

4. Haga clic en Salvar.

NOTA

Puede agregar hasta 30 caracteres para el texto del logotipo.
El tamaño máximo de un logotipo es:
Altura - 40 px
Ancho - 270 px
Cuando cargue un logotipo con un tamaño más grande, el tamaño del logotipo se reducirá y se mantendrá dentro del tamaño máximo.

Por ejemplo, si se carga un logotipo con un tamaño de 500x1000 px (alto x ancho), se reducirá a 40x80 px.

Agregue una URL de destino a su logotipo con la URL del logotipo. Un usuario hace clic en el logotipo y lo redirige al enlace proporcionado.

1. Vaya a Configuración () > Sitio de la base de conocimientos > Personalizar el sitio en el portal de la base de conocimientos.

2. Agregue la URL deseada en el campo URL del logotipo.

3. Haga clic Salvar.

NOTA

• Si no agrega una URL de logotipo y un usuario hace clic en el logotipo, se redirige a la página de inicio de la base de conocimientos.

• La URL del logotipo personalizado es un campo opcional.

Si usa un proyecto de KB site 2.0, puede agregar código personalizado para establecer diferentes logotipos para temas claros y oscuros.

1. Vaya a Configuración () > sitio de la base de conocimientos > Personalizar sitio > CSS y JavaScript personalizados en el portal de la base de conocimientos.

2. En el panel de navegación izquierdo, haga clic en la pestaña CSS y pegue el siguiente fragmento de CSS:

.brand-logo img {
    content: url('Paste the Light mode logo URL here');
}

/* Override logo image when the theme is set to "dark" */
html[data-bs-theme="dark"] .brand-logo img {
    content: url('Paste the Dark mode logo URL here');
}

Para elegir el color de marca deseado para el sitio de la base de conocimientos, siga los pasos que se indican a continuación:

1. Vaya a Configuración () > Sitio de la base de conocimientos > Personalizar el sitio en el portal de la base de conocimientos.

2. En Colores, puede elegir el color para Color de marca . Este se utilizará como color primario para CTA, estados de selección y más.

NOTA

Si ha elegido la opción Establecer automáticamente el contraste de color para cumplir con los estándares WCAG, los colores claros y oscuros del tema se establecerán automáticamente. De lo contrario, debe establecer manualmente los colores para cada tema.

3. Una vez hecho esto, haga clic en Salvar.

Para cambiar las fuentes de la base de conocimientos, siga los pasos que se indican a continuación:

1. Vaya a Configuración () > Sitio de la base de conocimientos> Personalizar el sitio en el portal de la base de conocimientos.

2. En la sección Fuentes , habrá dos secciones: Análisis de fuentes del artículo y Fuente del sitio.

• Emparejamiento de fuentes de artículos: Esta fuente se aplicará a todos los títulos y contenidos de sus artículos.

NOTA

Haga clic en ¿Tiene en mente una combinación de fuentes específica?, para seleccionar más opciones de fuente. Al hacer clic en él, puede elegir la fuente para los títulos y el contenido.

• Fuente del sitio: selecciona la fuente en el menú desplegable. Esto se aplicará en todo el sitio de la base de conocimientos. Incluye el panel de navegación izquierdo (categorías, subcategorías, títulos de artículos) y las navegaciones (encabezado, pie de página, navegaciones secundarias, controles).

3. Seleccione la fuente deseada y haga clic en Salvar.

NOTA

Document360 proporciona una lista de fuentes comunes utilizadas en la documentación. Sin embargo, puede configurar la fuente que desee en la base de conocimientos. Para obtener más información, lea el artículo sobre How to configure a custom font in the knowledge base?

Actualmente, no hay una opción directa para cambiar el estilo de párrafo predeterminado. Sin embargo, puede cambiar la fuente predeterminada del artículo en el editor de Document360.

Para establecer la fuente predeterminada para sus artículos:

1. Vaya a Configuración () > Sitio de la base de conocimientos > Personalizar el sitio en el portal de la base de conocimientos.

2. En la sección Fuentes, elija el par de fuentes que desee en el mosaico Emparejamiento de fuentes del artículo . Esta fuente aparecerá en los artículos de la base de conocimientos.

   Por ejemplo, si esboza contenido en Verdana el portal de la base de conocimientos, pero selecciona Ubuntu + Open Sans en la combinación de fuentes del artículo, en el sitio de la base de conocimientos, el título del artículo aparecerá en Ubuntu, y el contenido del artículo estará en Open Sans.

NOTA

También puedes seleccionar tu fuente personalizada para tus artículos. Para obtener más información, lea el artículo sobre How to configure a custom font in the knowledge base?

Para cambiar el estilo de párrafo de artículos individuales:

1. Abra el artículo deseado en el editor WYSIWYG avanzado y seleccione el texto.

2. Haz clic en Formato y, a continuación, selecciona un estilo de fuente en la sección Tipografía .

Para cambiar los estilos de botón del sitio de la base de conocimientos, siga los pasos que se indican a continuación:

1. Vaya a Configuración () > Sitio de la base de conocimientos> Personalizar el sitio en el portal de la base de conocimientos.

2. En la sección Estilo , puede seleccionar el estilo del botón de las opciones como redondeado, agudo y burbuja.

Para cambiar el diseño del sitio en personalizar el sitio, siga los pasos que se indican a continuación:

1. Vaya a Configuración () > Sitio de la base de conocimientos> Personalizar el sitio en el portal de la base de conocimientos.

2. En Diseño, puede encontrar Ancho completo y Centro.

• Ancho completo: El ancho completo extenderá su contenido hasta los bordes de un plano del navegador.

• Centro: El diseño central se ajustará más a su contenido en el centro de un plano del navegador.

3. Haga clic en Salvar.

Para establecer la fuente predeterminada para sus artículos:

1. Vaya a Configuración () > Sitio de la base de conocimientos > Personalizar el sitio en el portal de la base de conocimientos.

2. En la sección Fuentes, elija el par de fuentes que desee en el mosaico Emparejamiento de fuentes del artículo . Esta fuente aparecerá en los artículos de la base de conocimientos.

   Por ejemplo, si esboza contenido en Verdana el portal de la base de conocimientos, pero selecciona Ubuntu + Open Sans en la combinación de fuentes del artículo, en el sitio de la base de conocimientos, el título del artículo aparecerá en Ubuntu, y el contenido del artículo estará en Open Sans.

NOTA

También puedes seleccionar tu fuente personalizada para tus artículos. Para obtener más información, lea el artículo sobre How to configure a custom font in the knowledge base?