Funcionalidades do Cheetah WP

Cheetah WP Plugin - Visão Geral

Avalie a nossa Central de Ajuda, sua opinião é importante para nós! 

Faça seu negócio decolar 🚀
Equipe Builderall

Como trabalhar com elementos no Cheetah WP

Avalie a nossa Central de Ajuda, sua opinião é importante para nós! 

Faça seu negócio decolar 🚀
Equipe Builderall

Como trabalhar com linhas e colunas no Cheetah WP

Avalie a nossa Central de Ajuda, sua opinião é importante para nós! 

Faça seu negócio decolar 🚀
Equipe Builderall

Como trabalhar com modelos no Cheetah WP

Avalie a nossa Central de Ajuda, sua opinião é importante para nós! 

Faça seu negócio decolar 🚀
Equipe Builderall

Como adicionar uma nova página no Cheetah WP

  1. No painel administrativo do seu website no WordPress, você verá um menu lateral na parte esquerda. Clique em “Páginas”;

2. Essa página irá aparecer. Na parte superior, tem um botão escrito “Adicionar nova”. Clique nele;

  1. Aqui você irá definir uma nova para essa página. Fazendo isso, clique em “Abrir o Cheeath Builder”;

 

 

4. A página criada será mostrada no editor do Cheetah. A partir desse momento, poderá editar a nova página criada;

5. No painel administrativo do WordPress, também conseguirá visualizar a página criada;

Como editar uma página no Cheetah WP

Iremos começar com um rápido “tour” para facilitar o entendimento de como poderá editar o seu site ou loja. Aqui serão demonstradas as principais funções do editor.

1. Ao acessar o Cheetah WP, irá aparecer essa janela. Clique em “Começar”;

  1. No “Modo de layout”, poderá escolher entre “Padrão” e “Canvas”. A diferença é que no modo padrão irá editar a área do conteúdo, enquanto no modo canvas, irá editar a página inteira;

  1. Nesta opção, irá fazer a configuração somente da página selecionada. Poderá configurar o fundo, escolhendo entre as opções de: fundo global, cor, gradiente e imagem. Além disso, poderá configurar o layout, cabeçalho e rodapé da página;

  1. Aqui poderá selecionar um “template” pronto para editar a sua página. Ou se preferir, poderá começar do zero, inserindo imagens, botões, selecionando as cores etc;

  1. Nessa opção, irá selecionar o tipo de linha para editar a sua página. Perceba que existem linhas com uma coluna, com duas, com três e assim por diante. Aqui vale lembrar que a coluna dentro da linha é editável também, podendo diminuir ou aumentar de tamanho, inserir uma cor de fundo, inserir uma imagem, o que for mais adequado na sua configuração;

  1. Você terá diversos elementos para utilizar na sua configuração. Lembrando que alguns elementos terá que editar primeiro no WordPress, para depois utilizar aqui. Como exemplo disso é o cabeçalho ou rodapé;

  1. Com estes botões responsivos, poderá visualizar e editar a sua página nesses modos. Como exemplo, você poderá selecionar um tamanho de botão ou texto para o modo computador, um diferente para modo tablete e um diferente ainda para o modo celular;

* Modo computador

* Modo Tablet

* Modo Celular

  1. Clicando neste botão, irá pré-visualizar a sua páginas para verificar como ela será mostrada na internet. No modo de pré-visualização, também poderá checar como a página será vista no modo tablete e celular;

  1. Agora o “tour” foi finalizado e você já está pronto para começar a editar as suas páginas do seu site ou loja.
   

Como acessar a configuração da página no Cheetah WP

  1. No editor do Cheetah para WP, na parte superior esquerda, clique no desenho dessas três linhas. Irá aparecer o menu, agora é só clicar nas “Configurações da Página”;

2. Essa janela irá aparecer. Nessa primeira opção, poderá configurar o fundo da página;

3. Terá como opções: Fundo global, cor, gradiente e imagem. Lembrando que as configurações realizadas será somente para a página selecionada;

4. A segunda opção da configuração da página é o “Preenchimento”;

5. Aqui irá aparecer as margens da sua página. Poderá inserir números, ou se preferir, clique na margem preferida e uma barra irá aparecer;

6. Em “Layout”, a primeira opção é layout de página;

7. Aqui terá essas opções de escolha de layout;

8. Para editar o cabeçalho, clique aqui;

9. Poderá configurar utilizando essas opções;

10. Clique aqui para configurar o rodapé;

11. Essas opções irão surgir para que configure seu rodapé;

12. Nessa opção, poderá inserir os códigos nessas duas linguagens. Orientamos que somente usuários avançados ou que tenham supervisão de um programador, utilizem essas opções;

* Código CSS

* Código JavaScript

Como visualizar ou pré-visualizar sua página no Cheetah WPge

  1. Esta é uma página do editor. Para que possa pré-visualizar ou visualizar a sua página, clique no botão “Pré-visualizar”;

  1. Este botão está localizado na parte superior direita da sua tela;

  1. No modo de pré-visualização, terá a opção de verificar como a página será mostrada nos modos: computador, tablete e celular. Este exemplo de visualização está no modo “computador”;

  1. Aqui estamos visualizando a mesma página, porém no modo “Tablet”. Verifique que na primeira linha e na primeira coluna, onde está escrito “Aqui as possibilidades são infinitas”, se mostra diferente do que está sendo apresentado no modo computador. Está com uma fonte diferente;

  1. Este é o modo “celular”, e nesse exemplo, o texto da primeira linha e da primeira coluna também foi alterado a fonte. Isso mostra que poderá fazer as alterações nos modos que desejar e essas alterações não afetarão a edição das páginas nos outros modos;

  1. No modo pré-visualizar, terá a opção e publicar a sua página ou se preferir, poderá continuar a editar a sua página. Basta clicar no botão “Voltar para o editor”;

 

Como acessar configurações globais no Cheetah WP

1. No editor do Cheetah para WP, na parte superior esquerda, clique no desenho dessas três linhas. Irá aparecer o menu, agora é só clicar nas “Configurações Globais”. As configurações realizadas aqui, se estenderão para todas as outras páginas que não possuem configuração específica para a página;

2. Essa janela irá se abrir. Nela, poderá configurar o fundo e o preenchimento da página. Vamos verificar a opção “Fundo” primeiro;

3. Aqui terá a opção de configurar o fundo do tema, escolher a cor, poderá utilizar um gradiente (misturar duas cores)e até colocar uma imagem;

4. Vamos verificar como é possível configurar o preenchimento;

5. Aqui você irá definir as margens da sua página. Verifique que poderá alterar individualmente a margem, inserindo a numeração na margem desejada, ou ao clicar na margem, irá aparecer uma barra de rolagem, que poderá utilizar para definir o tamanho;

6. Na opção “Layout”, poderá definir se o título padrão será exibido ou não, como na imagem abaixo;

7. Na opção de “Linhas”, terá essas opções de configuração;

8. Em “Colunas”, poderá definir as margens e o preenchimento;

9. Em “Elementos”, poderá definir as margens ideais para eles;

10. Em “Popup”, poderá definir a cor de sobreposição e a largura;

11.Em “Layout Responsivo” terá essas opções de configuração;

12. Aqui são mostradas as opções de fontes, na verdade, o tamanho das fontes, tanto para utilizar em títulos como para textos;

 

13. Essa opção de código CSS, será utilizado quando o usuário tiver o código escrito nessa linguagem. Ele deverá inserir o código aqui, nesse espaço. Lembramos que nessa parte dos códigos externos, é necessário um conhecimento avançado, para que não prejudique seu site;

 

14. Caso o usuário tiver um código escrito em JavaScript, poderá utilizar nessa opção. Lembramos que nessa parte dos códigos externos, é necessário um conhecimento avançado, para que não prejudique seu site;

Como salvar modelos, linhas, colunas e elementos no Cheetah WP

1. Abra o editor Cheetah WP. No menu lateral esquerdo, terá a opção de “Salvar modelo”. Essa opção irá salvar o modelo de página para que possa utilizar futuramente na criação de outras páginas. Clique na opção “Salvar modelo”;

2. Irá abrir uma janela pedindo para inserir um nome para o modelo. Após inserir o nome, clique em “Salvar”;

3. Para visualizar o modelo salvo, clique nesse sinal de mais (+), localizado na parte superior da tela;

4. Clique na opção “Modelos”;

5. Clique em “Templates”;

 

6. Selecione a opção “Modelos salvos”;

7. Todos seus modelos salvos serão mostrados nessa seção. Para utilizar um dos modelos salvos, selecione a página que quer utilizar o modelo e clique no modelo desejado;

8. Como exemplo, foi inserido o modelo salvo na página de política de privacidade. Veja o resultado;

9. Para salvar uma linha, clique na engrenagem;

 

10. Essa janela irá aparecer. Clique em “Salvar como”;

 

11. Coloque um nome para identificar a linha salva, selecione se essa linha for global ou não, clicando nessa opção e pressione “Salvar”;

 

12. Para verificar a linha salva, clique no sinal de mais (+);

 

13. Selecione “Linhas”;

14. Clique em “Colunas”;

15. Clique agora em “Linhas salvas”;

16. Neste espaço irão ser mostradas todas as linhas que você salvou. Verifique que nesse exemplo foi salvo como uma linha global. Para utilizar essa linha, basta selecionar a página e clicar na linha salva desejada;

17. Para salvar uma coluna, clique nesse botão;

 

18. Clique na opção “Configurações da coluna”;

 

19. Clique em “Salvar como”;

 

20. Insira um nome para salvar a coluna, defina se ela será global ou não e clique em “Salvar”;

21. Para verificar a coluna salva, clique no sinal de mais (+);

 

22. Clique em “Linhas”;

 

23. Agora, clique em “Colunas”;

24. Essa janela irá abrir. Clique em “Colunas salvas”;

25. Aqui verá todas as colunas que você salvou;

 

26. Para salvar um “Elemento”; clique na engrenagem;

 

27. Perceba que estamos salvando o elemento “Testemunhos”. Clique em “Salvar como”;

 

28. Insira um nome para salvar o elemento. Clique em “Salvar”;

 

29. Para verificar o elemento salvo, clique no sinal de mais (+);

30. Clique na opção “Salvo”;

31. Aqui irá verificar tudo que salvou, inclusive o novo elemento;