Neste post, vou mostrar como mudar automaticamente e aleatoriamente as imagens do cabeçalho ou header, no seu blog, com um código bem simples em PHP.
Este código foi testado no WordPress, mas deve funcionar, com algumas alterações, em outras plataformas de blog.
Alguns temas, como o Thesis, do Chris, já têm esta função. Basta preparar as suas imagens e fazer o upload pro diretório /rotator
do tema.
Prepare suas imagens
Antes de começar, edite e deixe prontas as imagens que você pretende usar no seu cabeçalho.
Para que o nosso pequeno script funcione, será necessário renomear as suas imagens. Elas devem ter o mesmo nome, com uma terminação numérica. pode ser algo assim: cabecalho_01.jpg
.
Outra coisa importante, para o correto funcionamento do script, é que todas elas tenham a mesma extensão. Portanto, se uma for .jpg
, todas as outras deverão também ser. Fotografias ficam melhor em JPG, outros tipos de imagens podem ficar melhor em PNG ou GIF.
Faça upload das suas imagens
Desde que você saiba exatamente a URL da sua imagem, não tem muita importância o local para onde você a está enviando. Pode ser interessante anotar o local em que elas se encontram:
http://nome-do-blog.com.br/imagens/cabecalho_01.jpg
Na hora de escrever o script, você vai precisar deste endereço completo.
Implementando o código
Se você estiver usando o WordPress, localize o arquivo header.php
do seu tema e, na parte que se refere à imagem do cabeçalho, substitua pelo código abaixo, devidamente adaptado à sua situação:
<img src="http://nome-do-blog.com.br/imagens/cabecalho_0<?php echo(rand(1,5)); ?>.jpg" alt="meu banner" />
Sim. Tudo o que você vai precisar escrever em PHP é isso:
<?php echo(rand(1,5)); ?>
POSTS RELACIONADOS
- Vantagens e benefícios da linguagem PHP – minha lista das 15 vantagens de se implementar um projeto em PHP.
- PHP para iniciantes – texto introdutório sobre o PHP para iniciantes.
- Como instalar um servidor LAMP, com um único comando – No Ubuntu e no Debian é possível instalar um servidor completo com o comando tasksel. Veja como.
- O melhor editor PHP – neste texto, eu apresento o meu editor favorito, o Komodo
Explicando a função rand()
A função rand
, neste caso escolhe um número entre 1 e 5. Se você tiver 13 imagens para rotacionar, a função fica assim:
<?php echo(rand(1,13)); ?>
Simples, não é?