Repository navigation
Editor Visual
O Layout Editor é onde você edita o site: textos, blocos, links, o menu e as páginas. Ele funciona como um construtor de páginas: você clica no que quer mudar e a barra lateral mostra só as ferramentas daquilo.
Para abrir, entre em /jarl/entrar e vá em Aparência → Layout Editor. Tem
um atalho ainda mais rápido: enquanto você estiver logado, toda página do site
mostra os botões Jarl e Layout Editor no canto direito da barra de
menu. O segundo abre o editor já na página que você está vendo.
A captura usa o site de exemplo.
Ao abrir, a barra lateral mostra as seções da página. Escolha uma ou clique direto em qualquer coisa na página.
Com algo selecionado, a barra mostra só as ferramentas daquele elemento, com um ← Voltar para a lista de seções (o Esc faz o mesmo). No topo aparece o caminho do elemento, como Seção › Bloco › Texto; clique numa parte do caminho para selecionar um bloco maior. As ferramentas ficam em três abas:
- Conteúdo: links, o destino de um botão e valores automáticos. O texto em si você digita direto na página.
- Estilo: negrito, itálico, sublinhado, fonte, tamanho, cor, borda, sombra e limpar formatação. As opções abrem dentro do próprio painel.
- Bloco: subir ou descer, duplicar, adicionar outro bloco antes ou depois, e remover.
No rodapé da barra ficam três atalhos:
- Adicionar: blocos para arrastar para a página (parágrafo, título, botão, caixas de destaque, seções) e os dados ao vivo do servidor.
- Menu: o menu do site (mais abaixo).
- Página: título, as descrições que aparecem em buscadores e ao compartilhar o link, e as versões salvas.
Ao lado, os botões de tela mostram como a página fica num tablet e num celular, e Ver ↗ abre a página publicada.
A ferramenta de link aceita âncoras da própria página, outras páginas do site, endereços externos e e-mail. Os pontinhos que aparecem ao lado das páginas longas acompanham as seções sozinhos, então não há o que editar neles.
Nada vai para o ar até você clicar em Salvar; até lá, é tudo rascunho. Desfazer e refazer funcionam tanto para texto quanto para blocos.
Quer mostrar a alguém antes de publicar? Prévia cria um link temporário com as mudanças. Na hora de salvar, o editor confere a página e avisa sobre âncoras quebradas, blocos vazios e imagens sem descrição.
Cada publicação vira uma versão, que você vê e restaura em Página → Versões. Como restaurar também gera uma versão nova, dá para desfazer uma restauração.
Clique na barra de menu da página ou use Menu no rodapé. Para mudar a ordem, arraste um link pela alça ⠿. Arrastar para a direita coloca o link no submenu do link de cima; para a esquerda, tira do submenu. Clique no nome para renomear ou tirar do menu, e use o olho para esconder um link sem apagá-lo.
Enquanto você mexe, a barra de menu da própria página já mostra como vai ficar. Salvar menu publica o menu em todas as páginas de uma vez. Em Aparência do menu, você escolhe se ele segue as cores do site ou usa cores próprias.
Aparência → Configurações Globais define a identidade do site inteiro:
- Nome, slogan, rodapé e endereço do site. Aparecem nas páginas feitas com os campos globais, nas abas do navegador e nos links compartilhados.
- Logo, favicon e fundo. O logo toma o lugar do nome no topo da página inicial, e o fundo é usado pelas páginas vazias. Por segurança, imagens SVG com scripts são recusadas.
- Cores. Uma tabela com 14 cores vale para todas as páginas. Comece por uma paleta pronta e ajuste; a amostra mostra o resultado antes de salvar.
Algumas páginas têm layout próprio, como uma página inicial personalizada. Nesse caso, os textos delas moram no layout: a tela diz quais campos são esses, e eles se editam no Layout Editor. Salvar e publicar aplica tudo e republica o site, e os arquivos anteriores ficam guardados no servidor.
Aparência → Páginas lista as páginas do site, cada uma com Editar (abre no Layout Editor), Abrir e Remover. Para criar uma página nova, escolha um modelo:
- Formato wiki: índice lateral, seções, caixas de destaque e tabelas. Bom para regras e guias.
- Página vazia: só o topo, o fundo e o rodapé do site; o resto é com você.
Dê um título e um endereço (por exemplo /regras/). A página é publicada na
hora, com links para editá-la ou colocá-la no menu. Remover tira a página
do ar e guarda uma cópia do arquivo. A página inicial não pode ser removida.
O site começa com textos de exemplo. Troque tudo o que estiver marcado como exemplo antes de divulgar o seu.