Usar blocos de HTML aplicando estilo da solução

Realizando a montagem

• Uma das opções, é adicionar uma instância do serviço nativo "conteúdo HTML".
• Neste vídeo o objetivo é tornar a página inicial publicável, por isso o nome da instância é "Página inicial".
• A instância de interface deste serviço chamada "Conteúdo" é arrastada para a página inicial.

Editar o Conteúdo da Página Inicial via Administração de Conteúdo

• Com a montagem acima, uma nova área chamada "Página inicial" é habilitada na administração de conteúdo.
• Através dessa área é adicionado o primeiro bloco de HTML.
• Esse bloco é extraído do arquivo index.html.

Aplicar Estilos da Solução ao CKEditor

• No canal raiz é adicionado a property bag com o nome "lumis.doui.ckeditor.contentscss"
• O valor dessa property bag é preenchido com o caminho dos arquivos css que a solução utiliza.
• OBS: A partir da versão 15 do produto, LumisXP aplica estilos CSS automaticamente obtidos do arquivo de layout.

Editar Bloco com Layout Personalizado

• Ao editar um bloco na administração de conteúdo, ele agora terá o layout semelhante a visualização de um usuário final.
• É possível modificar e visualizar as alterações facilmente.

Adicionando blocos

• É apresentado como adicionar novos blocos através da opção "Adicionar bloco".
• O restante dos blocos da página inicial são cadastrados.

Edição e personalização dos blocos

• É possível editar qualquer um dos blocos já cadastrados na página inicial.
• Os blocos permitem uma melhor organização do conteúdo.
• Blocos podem ser reposicionados via "Drag-and-drop"

Definição das faixas pelo marketing

• A equipe de marketing pode definir qualquer faixa desejada na página principal.
• Isso permite maior flexibilidade e agilidade na personalização do conteúdo.