Design

Básico

Na aba de design temos a possibilidade de criar Páginas, Galerias, Listas, Fragmentos e Arquivos em geral.

Linguagem Liquid

Os Designs do Pupui são baseados em uma pequena e simples linguagem chamada Liquid. Liquid é muito facil de aprender, e é extremamente poderosa na personalização dos templates.

Mais informações sobre liquid

Criando Arquivos

Basta clicar no botão + ao lado do que deseja criar, da seguinte forma:

Após isso, deverá ser selecionado um modo para a criação:

Há então duas opções, "Enviar do meu computador", que então o usuário deverá selecionar o arquivo. A outra opção é “Criar pelo editor”, neste caso deverá ser entrado o nome do arquivo a ser criado:

No caso da criação de arquivos em geral (Pasta Arquivos), existe uma terceira forma de cria-los, através do download da internet:

Entrar a URL do arquivo e clicar copiar:

Editor

O pupui conta com um editor online com suporte a linguagem Liquid e também code highlighting para Javascript, HTML, Liquid e CSS.

Funciona basicamente como um editor de texto comum, porém, mesmo sendo web, suporta a tecla tab.

Renomear o Arquivo

Apagar o Arquivo

Importar/Exportar Design e Remover Tudo

Na Aba de Design existem outras opções como Importar/Exportar Design e Remover Tudo

Efetua o download de toda a aba Design em formato comprimido ZIP

Importa um arquivo ZIP contedo um design que foi exportado anteriormente

Limpa completamente a aba Design

Páginas

São os layouts para as páginas, tendo geralmente um layout para a página da Capa, outro para páginas Internas, e podendo ter até mais layouts diferentes.


Mais informações sobre páginas

Galerias

Galerias são layouts de galerias de fotos, podendo ter diversas dependendo do plano assinado. Alguns exemplos de galerias:


Mais informações sobre galerias

Listas

As listas nada mais são do que listagens de links para páginas, contendo também um texto de resumo, como por exemplo a lista das últimas notícias de um site:


Mais informações sobre listas

Fragmentos

Fragmentos são pequenos layouts criados visando a reutilização e com objetivos muito específicos. Na página principal do Pupui temos o fragmento de Banner, veja como ele é utilizado e customizado em 2 páginas diferentes:


Mais informações sobre fragmentos

Arquivos

A pasta de Arquivos é um local para arquivos em geral, podendo conter CSS, Javascript, Imagens, etc. Como o exemplo: