Como criar imagem rotativa no header do WordPress

Boa tarde. Hoje estou trazendo para vocês uma forma de você criar imagens rotativas no cabeçalho do seu CMS WordPress.

Todos os blogs em WordPress carregam em seus temas um arquivo com o nome de “header.php”. É através do arquivo header que fica presente as imagens de cabeçalho do WordPress.

Vamos aprender como configurar várias imagens para modificação aleatória no header do WordPress. Uma visualização em um blog utilizando as imagens aleatória no WordPress você pode conferir no Guia de Viagem.
Veja o código: só faça alterações no nome das imagens e o tempo! Você também pode alterar o tamanho em “widht” (largura) e “height” (altura).

Configuração do src é o caminho (pasta) onde vão está as suas imagens rotativas. Configure de acordo com o local (imagens/rotativas/) que você colocou as imagens.

 

<!– var image1=new Image() image1.src=”imagem1.jpg" var image2=new Image() image2.src=”imagem2.jpg" var image3=new Image() image3.src=”imagem3.jpg" var image4=new Image() image4.src=”imagem4.jpg" var image5=new Image() image5.src=”imagem5.jpg” //–>

<img alt="" src="imagem1.jpg" width="940" height="198" name="slide" />
<script type="text/javascript">// <![CDATA[
<!–
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<5) step++ else step=1 //call function "slideit()" every 2.5 seconds setTimeout("slideit()",2500) } slideit() //–>
// ]]></script>

Copie o código acima e cole dentro do arquivo header do tema WordPress atual do seu Blog.

Qualquer dúvida faça o seu comentário.

Posts Relacionados

Comentarios (2)

Deixe um Comentario