TUTORIAL

Essa página de tutorial foi desenvolvida para ajudar vocês a utilizarem da melhor forma possível os recursos que temos disponíveis em nosso site.

UTILIZANDO O FUSION BUILDER (IMAGENS PARALLAX E COLUNAS)

TRABALHANDO COM MAIS DE UMA COLUNA

COMO FAZER LOGIN

Para fazer login no site, basta rolar a página até o fim e clicar na foquinha. Após isso, digite seu usuário e senha.

CRIANDO UM POST

Para criar um post, após logar com seu usuário e senha, vá até Posts > Novo Post. Você deve adicionar um título a sua matéria no campo indicado.

O conteúdo do seu post deverá ser colocado aqui, mais a frente iremos descobrir como adicionar outras funcionalidades.

Para todo post que você fizer, é importante adicionar uma imagem destacada, ela aparecerá como miniatura na página inicial do blog e também no slider.

Também é importante adicionar a categoria em que seu post se encaixa, se você não fizer isso, ele não aparecerá na página dedicada ao tema. Por exemplo, a página “Notícias” só exibe posts que estejam marcados na categoria notícias.

Você pode visualizar todas as modificações feitas clicando no botão visualizar. Caso esteja tudo correto, clique em publicar para que o post seja publicado e todos possam visualizar!

PERSONALIZANDO O POST

No editor do wordpress, existem várias funcionalidades que vocês podem utilizar. É possível adicionar imagens clicando em “mídia”, escolher o alinhamento do texto, adicionar links e utilizar “títulos” diferentes para destacar partes do seu texto.

Não existe a opção justificar o texto no painel, mas através de um atalho no teclado vocês podem justificar, basta selecionar o texto e logo após apertas as teclas ALT + SHIFT + J.

Para adicionar um link a uma palavra, basta selecionar a palavra e clicar no ícone de link. Após isso, clique no botão de engrenagem, adicione o endereço e clique na opção “ABRIR EM NOVA JANELA”, isso é importante para que o leitor não saia do seu post ao clicar, abrindo o link em uma nova aba.

Para destacar os textos no nosso site, podemos utilizar as funções de título, basta selecionar o texto que deseja destacar e selecionar o título que deseja,conforme vemos na imagem.

RESULTADO:

Título 1

Título 2

Título 3 (ideal para os subtítulos dos posts)

Título 4

Título 5

Título 6

RESULTADO:

TÍTULO 1 EM CAPS LOCK

TÍTULO 2 EM CAPS LOCK

TÍTULO 3 EM CAPS LOCK

TÍTULO 4 EM CAPS LOCK

TÍTULO 5 EM CAPS LOCK

TÍTULO 6 EM CAPS LOCK

UTILIZANDO O FUSION BUILDER (IMAGENS PARALLAX E COLUNAS)

Um dos plugins utilizados no nosso site, é o fusion builder, um dos mais utilizados no wordpress. Com ele, é possível fazer vários tipos de coisas legais que vão deixar seu post mais bonita visualmente. Para começar a utilizar, na área de post basta clicar em “Use Fusion Builder”.

Após isso, a área de post irá sumir e aparecerá outras funções. O fusion builder trabalha com containers dentro da página, onde você pode dividir essa página em várias, caso deseje. Clique em “+ Container” e após clique em que tipo de container deseja adicionar a pagina.

Escolhemos a opção de 1/1 que fará apenas uma área de container na tela.

Agora iremos aprender como colocar uma imagem com a largura inteira da tela em parallax (a imagem tem uma sensação de movimento enquanto você mexe na barra de rolagem). Para isso, devemos habilitar o a largura total da página, basta rolar a página para baixo e clicar na opção em vermelho da imagem.

Após isso, no seu container, clique no ícone de pincel, para editar o container.

Na aba geral, clique em 100% da largura.

Depois em fundo, você pode escolher a cor de fundo do container ou adicionar uma imagem. Clique em enviar imagem e selecione uma em boa resolução.

Após carregar, preste atenção no tamanho, conforme na imagem. O ideal é que coloque imagens com 1920 pixels de largura, mas caso não tenha como, pode utilizar uma dessas opções que estejam acima de 1200 px, caso sua imagem seja muito grande, também pode ser que o efeito não fique muito legal.

Descendo um pouco, temos a opção fundo parallax. A opção mais utilizada é Up, mas você pode testar as outras para ver qual fica mais legal com seu conteúdo.

Depois, na aba Design, você deverá adicionar um “espaço” dentro da sua imagem para que ele apareça no site. Para isso, no campo preenchimento, adicione os valores conforme a imagem.

IMPORTANTE: Esses valores são variáveis, você pode adicionar mais ou menos para que a altura da sua imagem seja maior ou menor, importante testar várias vezes para ver qual fica melhor.

Clique em Salvar e visualize. Caso o efeito não apareça, tente aumentar a velocidade logo após escolher a direção do parallax.

RESULTADO IMAGEM EM PARALLAX:

TRABALHANDO COM MAIS DE UM CONTAINER

Essa é apenas um das várias funções que existem. Ao adicionar um container, na opção “+ Elemento” existem diversas ferramentas que podem ser utilizadas. Para mais informações sobre o plugin, você pode acessar diversos tutoriais disponíveis no youtube.

Abaixo estarão três indicações, uma do lado da outra. Como fiz isso?

Coloquei um do lado do outro, utilizando a opção de três containers.

Após isso, em cada container cliquei em “+Elemento”

“Bloco de Texto”

“Text” e adicionei o código de incorporação do vídeo, que você encontra no youtube ou em qualquer outra plataforma de vídeo.