Categoria: Editor de site

Como adicionar ícones extras de redes sociais no topo e rodapé com Divi

O editor de site Divi oferece por padrão quatro opções de redes sociais (Facebook, Twitter, Google+ e RSS) para inserir no topo e no rodapé do site. Porém em determinados casos, há a necessidade de incluir outras mídias sociais. Abaixo, você irá aprender como ativar ícones extras de mídias sociais no topo e rodapé do site.

Para iniciar é necessário instalar o tema filho da CriarSite.Online.

Após instalado o tema Filho Divi.CriarSite, navegue no menu à esquerda até a aba Divi e clique em Opções de temas.

Habilitando os ícones

Desça a página até encontrar as opções para habilitar/desabilitar os novos ícones. Além dos quatros ícones citados no começo deste post, o tema filho inclui as seguintes redes sociais: Youtube, Instagram, Pinterest, Tumblr, Dribbble, Vimeo, LinkedIn, MySpace, Skype, Flickr.

Após definido quais ícones irão aparecer no site, desça a janela até encontrar os campos para inserir o link com o perfil da rede social escolhida. Após inserido os links, desça até o final da página e clique no botão Salvar mudanças.

Sucesso! O ícone foi adicionado no rodapé do site com o link do perfil.

Ainda está com dúvidas? Deixe nos comentários abaixo. Nossa equipe está pronta para te ajudar.

15 de março de 2018
Como instalar um tema filho para o DIVI

Como instalar um tema filho para o DIVI

Tema filho ou child theme, é um tema que herda as funcionalidades e estilos de outro tema, chamado de tema pai. A principal importância de utilizar um tema filho no WordPress é realizar customizações no tema sem o perigo de perder o que foi desenvolvido quando ocorrer alguma atualização no tema pai. Veja como instalar o tema filho para o Divi disponibilizado pela CriarSite.Online
.

Acesse a página de Downloads na área do cliente. Na lista de downloads disponíveis, clique em Tema Filho DIVI CriarSite para fazer o download do tema.

Instale o tema filho no site

Para instalar o tema filho, acesse a área administrativa do site. Com o cursor do mouse, vá no menu à esquerda, na aba Aparência e clique em Tema.

No topo da janela, clique no botão Adicionar novo, e depois clique no botão Enviar tema. Escolha o arquivo que baixou no inicio do tutorial e após a instalação, ative o tema.

Pronto! O tema filho foi instalado e ativado com sucesso. Vale ressaltar que é necessário manter instalado o tema Divi (tema pai) para que não ocorra alguma tipo de erro no site.

Agora você pode personalizar o tema de acordo com a identidade do site. Navegue no menu à esquerda, na aba Aparência clique em Editor. Insira o CSS na linha indicada pelo cursor do mouse na imagem ao lado. Não altere alguma informação acima da linha 13 para que não ocorra algum tipo de erro no site.

Após inserir o CSS, clique no botão Atualizar arquivo para salvar as alterações realizadas.

Veja também como ativar ícones de redes sociais no topo e rodapé do site com o tema filho.

Ainda está com dúvidas? Deixe nos comentários abaixo. Nossa equipe está pronta para te ajudar.

14 de março de 2018
Como configurar módulo de Loja do Divi

Neste tutorial é possível conferir como adicionar e personalizar o módulo Loja do editor de site Divi. O módulo foi criado para ser utilizado em uma loja virtual desenvolvido com Woocommerce. Com esse recurso, você pode personalizar a visualização dos produtos da loja virtual.

Primeiro, é necessário acessar a área administrativa do site com e-mail e senha cadastrados na instalação do WordPress.

Veja como acessar a área administrativa

Com o editor de site habilitado, insira um novo módulo e pesquise por Loja e clique no item correspondente como mostra na imagem.

Após selecionar o módulo, os produtos irão carregar automáticamente (se já estiver inseridos na loja). Na janela de configuração, é possível personalizar a apresentação dos produtos.

É possível filtrar produtos na opção Tipo, definir a quantidade de produtos na opção Contagem de produtos, dentre outras opções que o módulo oferece.

Após configurar a apresentação dos produtos. Com o cursor do mouse, clique no botão verde na parte inferior direita da janela, para salvar as alterações. Como mostrado na imagem.

E logo após, clique no botão Salvar no canto inferior direito para salvar as alterações da página.

Pronto. O módulo está configurado. Agora a loja virtual está personalizada da forma que deseja.

Confira também nosso vídeo explicativo

Se ainda estiver com alguma dúvida, deixe nos comentários abaixo. Nossa equipe está pronta para te responder.

12 de março de 2018
Como alterar uma página com o Divi

Veja como alterar uma página criada com WordPress e Divi. O editor possibilita fazer alterações na página de forma simples e rápida. Você também pode conferir o resultado em tempo real.

6 de fevereiro de 2018
Como colocar vídeo de background

Abaixo segue o passo a passo de como inserir um vídeo de background usando o editor Divi.

Para isto, é necessário estar dentro da área administrativa do seu site

Explorando o Módulo de Vídeo

O módulo de vídeo permite que você incorpore vídeos em sua página de qualquer fonte. A documentação do Divi no módulo de vídeo explica todos os recursos e como adicionar um vídeo de background à sua página.

No menu à esquerda do WordPress, vá com o mouse na aba Página e clique em Adicionar nova.

Digite o nome da página no campo indicado, depois clique no botão Usar Construtor Divi.

Clique em Usar Visual Builder para editar a sua página.

Após abrir o editor Divi, vá até o centro da tela na parte inferior, na opção Expandir Configurações (botão roxo) e clique em Abrir da Biblioteca ( + ), selecione um layout pré definido para criação de sua página.

Definido o layout de sua preferência selecione a opção Configuração de Módulo

Uma vez selecionada a opção de configuração de módulo uma pequena tela aparecerá, onde você deverá clicar no botão de configuração para alterar e inserir seu vídeo como background.

Após entrar nas configurações do seu módulo, procure pela opção Plano de Fundo, selecionando a última opção de vídeo e clique para inseri-lo.

Do mesmo modo, após inserir seu vídeo de background selecione a opção Salvar (botão verde) e de continuidade na criação de seu site.

Saiba onde encontrar vídeos gratuítos para seu background

24 de outubro de 2017
Como criar um post em sua página de notícias

Abaixo é possível conferir como adicionar um post na página de notícias ou blog.

Para isso, é necessário acessar a área administrativa do site e definir uma página de notícias/blog.

Após acessar a área administrativa do site, com o curso do mouse, vá no menu à esquerda, na aba Posts, clique em Adicionar novo.

Defina o título do post e clique no botão Usar o Construtor Divi.

Também é possível definir categorias para cada post. Desça a página e encontre e opção Categorias no menu à direita. Marque na caixa par definir uma ou mais categorias do post. Também é possível criar uma nova categoria clicando em Adicionar uma categoria.

Volte ao topo da página e clique no botão Usar Visual Builder.

Faça as edições do post. Depois clique no botão Publicar.

Post criado com sucesso! Após publicar um novo post, ele é adicionado de forma automática na página de notícias/blog definida no site.

Veja como definir página inicial e página de notícias no site.

Entre em contato e tire suas dúvidas

Se ainda continua com dúvidas ou dificuldades para ativar todos os recursos e usufruir do serviço entre em contato.

Entre em contato

14 de junho de 2017
Como criar uma página de captura

Páginas de captura (ou squeeze pages) são páginas simples e diretas com o objetivo adquirir algumas informações do usuário (como nome e e-mail) através de um formulário. Neste tutorial é possível conferir como construir uma página de captura simples utilizando o editor de site e o Bloom, plugins disponibilizados pela CriarSite.Online.

Veja como acessar a área de downloads.

Veja como instalar e configurar o Bloom.

Adicione um nome para a página e clique no botão Usar o Construtor Divi.

Clique no botão Usar Visual Builder para começar a editar a página.

Adicione um conteúdo de acordo com a finalidade do site.

Copie o shortcode do formulário criado, você pode conferir o shortcode clicando no ícone, conforme mostra a imagem ao lado.

Veja como criar um formulário.

Copie o código no local indicado, depois clique em Salvar mudanças.

Pronto! O formulário foi adicionado e a página está finalizada.

Não esqueça de salvar para que as alterações da página sejam efetivadas.

Veja a página demonstrativa ao vivo.

Entre em contato e tire suas dúvidas

Entre em contato

Se ainda continua com dúvidas ou dificuldades para ativar todos os recursos e usufruir do serviço entre em contato.

28 de abril de 2017
Como alterar o tamanho do logo no site

Nesse tutorial, você pode conferir passo a passo com alterar o tamanho do logo do seu site usando o editor de sites no WordPress. Caso tenha dificuldades para acessar a área administrativa do seu site, confira o tutorial clicando aqui.

A alturado logotipo é controlada na opção Customizador de Temas, encontrado em “Divi > Customizador de Temas > Plano de Fundo > Barra de Menu Primaria”.

Necessário estar logado na área administrativa, saiba mais.

Para entrar na área administrativa do seu site abra o seu navegador, digite na barra de endereço o seu domínio seguido de /wp-admin e entre com seus dados de login e pressione a tecla Enter.

Depois, vá na aba Divi e clique em Customizador de Temas.

Selecione a opção Plano de Fundo.

Escolha a opção Barra de Menu Primaria.

A barra MENU ALTURA controla o tamanho do cabeçalho, enquanto a LOGO MAX ALTURA controla o tamanho do logotipo. O logo não pode ser maior do que o tamanho do próprio cabeçalho.

A configuração da logo max altura é dada como uma porcentagem da barra menu altura.

Observe que o logotipo nunca será exibido maior que o tamanho da imagem real carregada.

13 de abril de 2017
Como adicionar um formulário para contato

Manter meios de comunicação diversificados é muito importante para um site. Assim, caso um meio de comunicação (como um chat online) estiver indisponível, sempre haverá outro para que o usuário que navega no site possa entrar em contato. O formulário para contato é uma das formas mais usadas. Abaixo, segue o tutorial de como colocar um formulário em em site com o editor de sites disponibilizado pela CriarSite.Online.

Para isso, é necessário acessar a área administrativa do site e ter o editor de sites instalado.

Dentro da área administrativa, no menu à esquerda, vá na aba Página e clique em Adicionar nova

Coloque o nome na página, é sugerido colocar “Contato” para melhor identificação da página. Depois clique em Usar o Construtor Divi, em seguida clique Usar Visual Builder, quando aparecer a opção.

Clique no ícone para adicionar uma nova linha.

No menu Inserir módulo, procure a opção Formulário de Contato e clique com o mouse para selecionar.

É necessário adicionar um e-mail para onde o formulário será enviado. Para isso, procure a aba E-mail e clique com o cursor do mouse. Adicione o e-mail no campo indicado.

Na parte de cima da janela de configuração é possível configurar cada campo do formulário ao clicar na engrenagem do campo que deseja alterar, como indicado na imagem.

Depois que finalizar a configuração, clique no botão verde à direita, embaixo da janela de configuração.

Formulário adicionado com sucesso. Agora ficou fácil receber mensagens das pessoas que acessam o site.

Também é possível adicionar o formulário de contato em uma página já existente. Clique para adicionar um novo módulo e selecione a opção do formulário.

13 de março de 2017
Como adicionar ou remover botões de mídias sociais do rodapé

Abaixo é possível conferir o passo a passo de como incluir ou remover os botões de mídias sociais do rodapé do site com WordPress.
Para que seja possível, é necessário estar na área administrativa do site. Caso tenho dificuldades para acessar a área administrativa, confira nosso tutorial sobre como acessar a área administrativa do site.

No menu à esquerda na área administrativa, vá na aba Aparência com o mouse e clique em Personalizar.

No menu à esquerda, clique em Rodapé.

Depois clique em Elementos do cabeçalho.

Marque na caixa de seleção indicada, clicando com o mouse, para habilitar os botões de mídias sociais. Se não deseja que os botões apareça no rodapé do site, desmarque a caixa de seleção ao clicar novamente. Após feita a escolha, clique em Salvar e publicar no topo do menu.

Confira os resultados abaixo:

Site com botões de mídias sociais no rodapé

Site sem botões de mídias sociais no rodapé

Entre em Contato

Se ainda continua com dúvidas ou dificuldades para ativar todos os recursos e usufruir do serviço entre em contato.

21 de fevereiro de 2017