Repository navigation
Visual Editor
Sign in at /jarl/entrar and open Aparência → Layout Editor. While signed
in, every page of your site also shows Jarl and Layout Editor
shortcuts at the right end of its menu bar; the second opens the editor on the
page you are looking at.
The screenshot uses the neutral sample site.
The left sidebar follows what you click, like a page builder:
- Start: the page's sections. Pick one, or click anything on the page.
-
Something selected: only the tools for that element, with ← Voltar
to return to the section list (Esc does the same). The path at the top
(Seção › Bloco › Texto) selects a larger block. The tools come in three
tabs:
- Conteúdo — links, the destination of a button and automatic values. Text is typed straight on the page.
- Estilo — bold, italic, underline, font, size, color, border, shadow and clear formatting. The choices open inside the panel.
- Bloco — move up or down, duplicate, add a block before or after, remove.
- Footer shortcuts: Adicionar (blocks to drag onto the page, and live server data), Menu (the site menu) and Página (title, descriptions for search and sharing, and versions). The screen buttons preview tablet and phone widths; Ver ↗ opens the published page.
The Link tool accepts anchors on the page, other pages of the site, external addresses and e-mail. The dots beside long pages follow the sections by themselves and are not edited.
Everything stays a draft until Salvar. Undo and redo cover both text and block changes. Prévia creates a temporary link to show the changes before publishing. The save check warns about broken anchors, empty blocks and images without a description. Each publication becomes a version that you can view and restore in Página → Versões; restoring is itself a version, so it can be undone.
Click the menu bar on the page, or use Menu in the footer. Drag a link by its handle ⠿ to reorder it; drag it right to put it in the submenu of the link above, left to take it out. Click a name to rename it or remove it from the menu, and use the eye to hide it. The page's own menu bar shows the result while you edit; Salvar menu publishes it on every page. The menu can follow the site colors or use its own.
Aparência → Configurações Globais sets the identity of the whole site:
- Name, slogan, footer and site address. Shown on pages built with the global fields, in browser tabs and in shared links.
- Logo, favicon and background. The logo replaces the name at the top of the home page. The background is used by blank pages. SVG images with scripts are refused.
- Colors. A global table of 14 colors applies to every page. Start from a palette and adjust; the sample shows the result before saving.
Pages with their own layout (a customized home page, for example) keep their texts in the layout; the page lists which fields those are, and they are edited in the Layout Editor. Salvar e publicar applies everything and republishes the site; previous files are kept on the server.
Aparência → Páginas lists the site's pages, with Editar (opens the Layout Editor), Abrir and Remover. Create a page from a template:
- Wiki format: side index, sections, highlight boxes and tables.
- Blank page: only the site header, background and footer.
Choose a title and address (for example /rules/). The page is published at
once, with links to edit it or put it in the menu. Remover unpublishes the
page and keeps a copy of its file. The home page cannot be removed.
The initial site is a neutral sample. Replace the placeholder text before sharing yours.