Plans supporting the use of custom CSS and JS in knowledge base site
Professional | Business | Enterprise |
---|---|---|
Para adicionar mais essência ao seu conteúdo de texto, você pode adicionar uma imagem de fundo. A imagem de fundo que você deseja adicionar deve estar disponível na Web. Se a imagem de fundo estiver no seu dispositivo local, você poderá carregá-la no Drive e utilizar o URL da imagem.
Etapas para adicionar uma imagem de fundo
Navegue até Configurações () > site da base de conhecimento > Personalizar site > CSS e JavaScript personalizados no portal da base de conhecimento.
Na guia CSS personalizado, cole o snippet de CSS abaixo na janela.
.bgimg
{
background-image: url("IMAGE_URL");
}
No trecho acima:
O nome da classe é
.bgimg
. Você pode substituí-lo conforme a exigência.IMAGE_URL - Adicione o URL da imagem de fundo desejada.
Clique em Salvar.
Navegue até o artigo desejado e adicione o seguinte trecho no editor:
<p class="bgimg">Text_content</p>
Text_content - Adicione o conteúdo de texto desejado.
bgimg - Se você alterar o nome da classe, replique as mesmas alterações neste 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>
Esse código cria uma seção estilizada com uma imagem de plano de fundo e exibe uma lista formatada de links e texto dentro dela. Ele usa um <div> com uma imagem de fundo, um título e uma lista com marcadores de links e texto para navegação ou referência.
bgimg - Representa o nome da classe. Você pode personalizar com base em sua necessidade.
URL da imagem: Adicione o URL da imagem desejada.
NOTA
Para adicionar uma imagem de fundo para texto no editor WYSIWYG ou WYSIWYG avançado, basta usar o código HTML acima na Visualização de código () do editor. Substitua Text_content pelo texto desejado e clique em Visualizar para visualizar a saída.
A imagem de plano de fundo desejada é exibida para o conteúdo de texto em sua base de dados de conhecimento.