O Editor Visual do MultiLipi foi projetado para ajudá-lo a ajustar a aparência e o texto de suas páginas traduzidas, sem escrever uma única linha de código. Ele oferece edição em tempo real, no estilo WYSIWYG, com opções para alterar fonte, estilo, CSS e layouts específicos da tela, como desktop, tablet e celular.

Etapas para usar o Editor Visual

 

1. Abra o painel do projeto

Navegue até o painel MultiLipi e selecione o projeto que deseja personalizar.

Captura de tela do painel MultiLipi mostrando o menu de navegação com "URLs" realçado em "Traduções".

2. Vá para "URLs" em "Traduções"

Clique no botão URLs sob a seringa Traduções secção. Isso abre uma lista de caminhos traduzidos associados ao seu domínio. Seção de captura de tela com a lista de caminhos de domínio e o ícone do editor visual realçado.

 

3. Clique no ícone do Editor Visual

No lado direito de cada linha de URL, clique no botão Ícone do Editor Visual (o pincel dentro de um quadrado) para iniciar o editor em tempo real para essa página. Captura de tela onde o editor virtual multilipi abre sua ferramenta de edição e painel de publicação.

O que você pode personalizar

Assim que o editor carregar, você terá acesso a uma ampla gama de ferramentas de personalização na parte superior da tela.

 

4. Alternar entre dispositivos

Pré-visualize e ajuste facilmente a forma como as suas traduções aparecem Versão desktop , Comprimido , e Telemóvel usando a lista suspensa do dispositivo. Menu suspenso no editor visual mostrando as opções de seleção de dispositivos: Área de trabalho, Tablet e Celular.

5. Editar CSS para estilo

Clique no botão "Editar CSS" para escrever CSS personalizado que modifica o estilo do conteúdo traduzido sem alterar o layout original. Botão Editar CSS realçado na barra de ferramentas do editor visual MultiLipi.

6. Adicionar Google Fonts CSS

Quer uma fonte diferente para o conteúdo traduzido? Cole o seu Fontes do Google link para a opção "Adicionar fonte CSS".

Caixa pop-up no editor visual MultiLipi solicitando que o usuário cole um link CSS do Google Fonts.

7. Publique as suas alterações

Quando estiver satisfeito com as edições, clique no botão Publicar no canto superior direito para atualizar instantaneamente a página traduzida ao vivo.

Editor visual mostrando a barra de ferramentas com o botão Publicar à direita e edição ativa em uma postagem de blog traduzida.
Por que usar o Editor Visual?

 

  • Sem necessidade de codificação – Interface intuitiva para utilizadores não técnicos

  • Pré-visualização em tempo real – Veja como as traduções aparecem ao vivo
  • Controlo total – Personalizar fontes, layouts e estilos por idioma ou dispositivo
  • Publicação contínua – Aplicar edições instantaneamente

Tem dúvidas ou comentários sobre o Editor Visual? Entre em contato com nossa equipe de suporte, estamos aqui para ajudar!