Editor Visual de páginas
Viagilize
Tutoriais oficiais · Site
Obrigado pelo aviso. O que faltou ou ficou confuso? (opcional)
Recebemos. Vamos rever este vídeo.
5 visualizações · · 3:52
Neste vídeo você vai conhecer o Editor Visual, a tela onde você monta as páginas do seu site com blocos prontos. O resultado aparece na hora, do jeito que o visitante vai ver.
Capítulos
Este vídeo responde
- como faço para editar visualmente uma página do meu site
- como adiciono blocos prontos na página
- como vejo como a página fica no celular
- onde desfaço uma mudança no editor
- como volto para uma versão anterior da página
- como insiro ícones na página
#site #cms #editorvisual #blocos #pagina #conteudo #arrastar #preview #responsive #versoes #historico #icones
Transcrição
-
Editor Visual
No topo fica o título Editor Visual e, logo abaixo, o nome da página que você está editando.
-
Editor HTML
Daqui você monta a página inteira sem escrever código. O botão Editor HTML abre a mesma página no editor de código puro, para quando você precisar mexer no HTML na mão. É a mesma página, só que em outra forma de editar.
-
Ver Página
Ver Página abre a página do seu site em outra aba, para você conferir o resultado.
-
Salvar
Esse botão só aparece quando a página está ativa. Salvar grava o conteúdo e o site já mostra a página nova.
-
Título e situação
Toda vez que você salva, o sistema guarda a versão anterior, caso você precise voltar atrás. Logo abaixo do cabeçalho ficam o título da página e a chave Ativa, que diz se ela está no ar.
-
Painel de Blocos
Com a página desativada, o botão Ver Página nem aparece. À esquerda fica o painel de Blocos, com pedaços de página prontos para inserir no conteúdo.
-
Categorias de blocos
A busca no topo filtra os blocos pelo nome, quando você já sabe o que quer. Os blocos vêm separados por assunto: Institucional, Layout e Estrutura, Viagens e Pacotes e Prova Social.
-
Inserir um bloco
Clicando no nome da categoria, a lista de blocos dela se abre. Clicando em um bloco, ele entra na página já formatado, e você só troca o texto e as imagens pelo seu conteúdo. É esse conteúdo que o visitante vê quando abre a página no seu site.
-
Ícones
No mesmo painel, a aba Ícones traz uma biblioteca separada por assunto, com avião, ônibus, mala, mapa e muito mais. A busca acha o ícone pelo nome.
-
Tamanho e cor do ícone
Antes de inserir, você escolhe o tamanho, de P a XG, e a cor do ícone. Depois, o botão Inserir Ícone coloca o ícone na página.
-
Computador, tablet e celular
Na barra de cima do editor você escolhe em que tela quer ver a página: computador, tablet ou celular. Isso muda só a largura da visualização, o conteúdo continua o mesmo.
-
Modo claro e escuro
Ao lado, o sol e a lua mostram a página no modo claro e no modo escuro. Também é só visualização: não muda nada do que fica gravado.
-
Desfazer e refazer
Desfazer e Refazer voltam e repetem as últimas mudanças feitas aqui no editor. Eles valem enquanto você não salva, depois de salvar quem resolve é o histórico de Versões.
-
Versões
O botão Versões abre a janela Histórico de Versões, com o que já foi salvo nesta página.
-
Restaurar uma versão
O sistema guarda as quinze versões mais recentes. Nessa janela, cada linha traz o número da versão, a data e quem salvou. O olho mostra como a página era naquela versão, e o botão de restaurar traz o conteúdo antigo de volta, guardando antes o que está no editor agora.
-
A página no editor
No centro fica a sua página como ela vai aparecer no site. Você clica no texto e escreve por cima, e o resultado já fica à vista, sem precisar salvar para conferir. Pronto, o Editor Visual fica no menu Vitrine, em Páginas. Até a próxima. Os dados deste vídeo são fictícios, criados só para a demonstração.