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 BuilderallComo 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 BuilderallComo 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 BuilderallComo 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 BuilderallComo adicionar uma nova página no Cheetah WP 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; 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”; 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; 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; 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; 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; 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é; 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 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; 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 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 Esta é uma página do editor. Para que possa pré-visualizar ou visualizar a sua página, clique no botão “Pré-visualizar”; Este botão está localizado na parte superior direita da sua tela; 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”; 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; 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; 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;