Import Evolo template para LumisXP

Neste vídeo abordaremos a instalação do LumisXP e a importação do tema

Instalação do LumisXP

  • O palestrante menciona que é necessário acessar o site da Lumis e fazer o download do LumisXP.
  • A versão utilizada neste treinamento é a 12.5.
  • O processo completo de instalação pode ser visto aqui

Importação de Template

  • O palestrante inicia o LumisXP e abre a opção "Portal Studio".
  • Em seguida, ele cria um novo projeto chamado "Evolo Website".
  • Após criar o projeto, ele importa o tema, que contém os arquivos estáticos.

Ajuste de CSS

  • Na visão padrão do Portal Studio, é carregado os componentes estruturais e todo o estilo da solução.
  • Dependendo do estilo da solução, ele pode atrapalhar a visualização e navegação dentro do Portal Studio.
  • Existe um modo de segurança, que o Portal Studio não renderiza o estilo da solução.
  • Através desse modo, o palestrante ajusta o estilo da solução via CSS para que ele não influencie áreas externas ao HTML alvo. 

Configurando arquivo de layout

  • O palestrante edita o arquivo index.html e adiciona uma tag "<page-dummy>" em torno do "miolo".
  • Esse procedimento será importante para permitir que as faixas de conteúdos sejam administráveis no LumisXP.