Agora que você sabe o que é um efeito de paralaxe, explicaremos como você pode fazer isso usando o WordPress. A primeira coisa a ter em mente é que você pode aplicar dois métodos, sem código e usando código, esses métodos serão explicados a você a seguir.
Como fazer o efeito de paralaxe sem código no WordPress
Aplicar um efeito de paralaxe ao seu web design é totalmente simples, sem a aplicação de códigos. A seguir, explicaremos passo a passo:
Primeiro, vá para a página inicial do WordPress.org.
No desktop procure por”Plugin” e clique em”Adicionar novo”, no campo de pesquisa copie” Parallax“. Como resultado, você terá uma grande variedade, escolha o mais adequado para você, instale-o e ative-o.
Uma vez instalado,” Parallax scroll” aparecerá no lado esquerdo da área de trabalho , entre lá e adicione um novo, coloque o título que desejar. No campo de conteúdo, você terá duas guias:”Visual” e”HTML”. Para este caso, selecione”Visual”.
Neste campo de conteúdo, você pode inserir o texto que deseja que seu paralaxe tenha. Você pode aplicar a configuração de texto típica que o WordPress oferece.
Em seguida, atribua uma” Imagem em destaque“; Recomendamos uma imagem com boa resolução, por exemplo, 2.000 x 1.000 pixels.
Assim que a”Imagem em destaque” for atribuída, vá para a parte inferior, onde você pode configurar o efeito Parallax. Você pode modificar o tamanho, posição, velocidade e outras opções.
Com isso, o que você deve fazer é ir para o canto superior direito e selecionar”Publicar”.
Em seguida, vá para o menu da área de trabalho e selecione Parallax Scroll novamente, ele mostrará em uma lista aquele que você acabou de criar. Lá, copie os dados que aparecem no item”Shortcode”.
Abra sua página inicial e selecione a opção”Editar página”.
Localize o site da sua página onde deseja que o paralaxe apareça e cole o”Shortcode” que você acabou de copiar na etapa anterior.
Por fim, clique em”Atualizar” para que as alterações sejam aplicadas à sua página inicial.
Selecione no menu do WordPress”Visit Site” e você verá o efeito Parallax em sua página.
Se você quiser fazer alguma alteração, pode voltar ao menu do painel do WordPress. No Parallax Scroll você pode localizar aquele que acabou de criar novamente e fazer as modificações relevantes.
Você pode pensar que criar esse efeito usando código é complicado, mas não é. Preste muita atenção a este procedimento simples, que você pode fazer no editor clássico do WordPress.
A primeira coisa que você precisa fazer é remover o Shortcode que você acabou de colocar ao editar sua página inicial. Além disso, você deve desativar o Parallax que instalou, no menu Plug-ins.
Abra a página ou artigo ao qual deseja adicionar um efeito de paralaxe.
No campo de conteúdo, localize a guia do idioma”HTML”.
Localize o site onde deseja que o paralaxe apareça. Lá você colocará o seguinte:
<div class =”Parallax Name”>
<h1> Título paralaxe </h1>
</div>
Como você pode ver, você deve atribuir um nome ao seu paralaxe e seu”h1″. Em seguida, clique em atualizar.
Então, para configurar todos os recursos, temos que adicionar elementos CCS adicionais. Aí podemos adicionar a imagem, através do seu url, bem como ajustar o seu tamanho e posição.
Da mesma forma podemos configurar as letras do Parallax, tamanho, cor e posição. Faremos tudo isso copiando o seguinte para o campo de código:
.miparallax {
imagem de fundo: URL (http: //….jpg);
largura: 100%;
altura: 300%;
estouro: oculto;
anexo de fundo: fixo;
tamanho do fundo: 100%;
}
.miparallax h1 {
cor: #fff;
alinhamento de texto; centro;
margem superior: 130px;
}
É assim que você pode fazer o Parallax Effect através do WordPress, siga nossa página para saber quais outras técnicas e recursos você pode aprender como fazê-lo.
