Plans supporting the use of custom CSS and JS in knowledge base site
| Professional | Business | Enterprise |
|---|---|---|
Para añadir más esencia a tu contenido de texto, puedes añadir una imagen de fondo. La imagen de fondo que desee agregar debe estar disponible en la web. Si la imagen de fondo está en tu dispositivo local, puedes subirla a Drive y utilizar la URL de la imagen.
Pasos para añadir una imagen de fondo
Vaya a Configuración () > sitio de la base de conocimientos > Personalizar sitio > CSS y JavaScript personalizados en el portal de la base de conocimientos.
En la pestaña CSS personalizado, pegue el siguiente fragmento de CSS en la ventana.
.bgimg
{
background-image: url("IMAGE_URL");
} En el fragmento anterior:
El nombre de la clase es
.bgimg. Puede reemplazarlo según el requisito.IMAGE_URL - Añade la URL de la imagen de fondo que desees.
Haga clic en Guardar.
Navegue hasta el artículo deseado y agregue el siguiente fragmento en el editor:
<p class="bgimg">Text_content</p> Text_content - Agregue el contenido de texto deseado.
bgimg - Si cambia el nombre de la clase, replique los mismos cambios en este campo.
<div class="bgimg" style="background-image:url('Image URL');">
## Heading 2
* [ Formatting Commands](/v1/docs/md-5#testheading)
* [Punctuation & Symbols](/v1/docs/clone-html-image-vertical-alignment)
* Dates & Times
* Numbers, Dollars & Cents
</div>Este código crea una sección con estilo con una imagen de fondo y muestra una lista formateada de enlaces y texto dentro de ella. Utiliza un <div> con una imagen de fondo, un encabezado y una lista con viñetas de enlaces y texto para la navegación o la referencia.
bgimg - Representa el nombre de la clase. Puede personalizar según sus necesidades.
URL de la imagen: Agregue la URL de la imagen deseada.
NOTA
Para agregar una imagen de fondo para el texto en el editor WYSIWYG o WYSIWYG avanzado, simplemente use el código HTML anterior en la vista de código () del editor. Reemplace Text_content con el texto deseado y haga clic en Vista previa para ver el resultado.
La imagen de fondo deseada aparece para el contenido de texto en la base de conocimientos.
