Websites criados por nós usa um ferramenta chamada “Editor de layout avançado”, que permite que o usuário crie e edite páginas facilmente com diversos elementos.

Nesse post, irei explicar como essa ferramenta funciona passo a passo:

Como editar uma página já existente

  1. Primeiro você deve efetuar o login em WWW.SEUDOMINIO.COM/WP-ADMIN usando seus dados de acesso.
  2. No painel de controle, clique em Páginas > Todas as páginas;
  3. Todas as páginas de seu site deverão aparecer.
  4. Para editar uma página, basta colocar seu mouse sobre a página desejada e clicar em “editar”.
  5. Clique uma vez sobre o elemento que deseja editar.
  6. Leia atentamente todos os atributos que irão aparecer e edite como quiser.
  7. Após ter feito, clique no botão “Salvar” ao lado direito inferior da janela.
  8. Para finalizar, clique no botão azul “Atualizar” ao lado superior direito.

Como adicionar novas páginas

  1. Primeiro você deve efetuar o login em WWW.SEUDOMINIO.COM/WP-ADMIN usando seus dados de acesso.
  2. No painel de controle, clique em Páginas > Todas as páginas > Adicionar nova.
  3. A seguinte imagem será apresentada:

Adicionar nova página Caio Design

  1. O nome da página vai onde está escrito “Título da página – Caio Design”.
  2. Clique em “Editor de Layout Avançado” e você será apresentado com a seguinte tela, com 3 abas no topo:

Elementos do Layout – Permite você escolher o tamanho do bloco onde será inserido o conteúdo.

Elementos de Conteúdo –Permite você escolher qual tipo de conteúdo você quer inserir, ex. Texto, lista, botão, ícone e etc…

Elementos de Mídia – Permite você inserir imagens, vídeos, galerias, slides, parceiros e etc…
advanced-caio-design

  1. Primeiramente, em Elementos de Layout, selecione o tamanho do bloco que você deseja. Por exemplo 1/2 e 1/2 significa que a página será dividida em 2 metades. Ou 2/3 e 1/3, e etc…
  2. Você também pode adicionar uma “Seção de Cor”, que irá permitir que você adicione diferentes cores no fundo do bloco ou mesmo inserir imagens no background. Se você deseja essa funcionalidade, clique  ou arraste ela para seu a área do conteúdo
  3. Em seguida, clique em “Elementos de Conteúdo” ou “Elementos de Mídia” e arraste um dos elementos sobre o bloco que escolheu em “Elemento de Layout”.

conteudo-caio-design

Quando terminar de adicionar e editar seu conteúdo, clique em “Publicar” no canto superior direito.

Lembre-se: Sempre que for editar ou adicionar algum conteúdo, você DEVE clicar no botão “Atualizar” para que as mudanças sejam feitas!

Se você adicionou uma página chave ao seu website, como “Sobre nós”, na maiorias dos casos a página seria adiciona no menu automaticamente. Caso não aconteça, você deve adiciona-la manualmente. Para fazer isso, siga os seguintes passos:

  1. No painel de controle, clique em Aparência > Menu
  2. No lado esquerdo abaixo de “Páginas”, selecione a página que quer adicionar no menu e clica em “Adicionar ao menu”.
  3. Você também pode clicar e arrastar as páginas no menu para alterar a ordem.
  4. Não esqueça de salvar o menu quando você finalizar.

menu-caio-design

Como adicionar um documento PDF em suas páginas

Primeiramente você precisa subir seu documento PDF para suas medias.

  1. Primeiro você deve efetuar o login em WWW.SEUDOMINIO.COM/WP-ADMIN usando seus dados de acesso.
  2. No painel de controle, clique em Mídia;
  3. Clique em “Selecionar arquivos” e procure pelo documento em seu computador;
  4. Quando acabar o envio, clique sobre o arquivo;
  5. Abrirá uma janela com as informações sobre o arquivo;
  6. Copie (CTRL+C) o caminho do arquivo, ao lado de “URL”;
  7. Feche a janela, clique em Páginas e selecione a página que deseja adicionar o PDF;
  8. Escolha um tamanho de bloco em “Elementos de Layout”;
  9. Vá até “Elementos de Mídia”, clique em imagem e arraste para dentro do bloco que selecionou em “Elementos de Layout”;
  10. Clique sobre o bloco “Imagem” que acabou de arrastar e insira sua imagem.
  11. Clique em “Link Settings”, selecione “Defina Manualmente” onde está escrito “Sem Link” e insira o caminho de seu documento PDF;
  12. Agora clique no botão “Salvar”;
  13. E atualize sua página clicando no botão azul “Atualizar”.

link-imagem2-nova-pagina-caio-design

Dúvidas?

Caso tenha ficado dúvidas, não hesite em entrar em contato. Deixe seu comentário abaixo ou envie um e-mail para contato@caiodesign.com. Em breve, mais tutoriais no blog.