Alterar dinamicamente uma imagem no cabeçalho no WordPress

Quando você carrega um blog WordPress, parece que você está carregando um único arquivo HTML, mas na verdade o WordPress combina dinamicamente muitos arquivos diferentes para produzir o que você eventualmente vê. Você pode usar isso a seu favor, tornando qualquer outra parte do seu site, como uma imagem de cabeçalho, carregar dinamicamente também - talvez para mostrar produtos diferentes. Tudo o que você precisa fazer é adicionar um código PHP à sua tag de imagem.

1

Localize todos os arquivos de imagem que você deseja alternar entre no disco rígido do seu computador. Rotule esses arquivos sequencialmente com um prefixo "header_", começando com "header_1" e trabalhando para cima.

2

Faça login na sua conta de FTP. Navegue até o diretório do tema WordPress que você está usando no momento e, em seguida, faça o upload das imagens para essa pasta.

3

Faça o login no seu painel de controle de administração do WordPress. Clique em “Appearance” no menu principal à esquerda da tela e clique em “Editor”. Quando a página for carregada, clique em “header.php” na lista de arquivos à direita.

4

Percorra o arquivo até localizar o ponto em que deseja que a imagem dinâmica seja enviada. Em seguida, cole o seguinte código:

5

Substitua o URL de exemplo pelo caminho real da pasta do tema, por exemplo, “//yoursite.com/wp-content/themes/yourtheme/”. Altere o atributo width e height para ajustar o tamanho de suas imagens ou a imagem maior se elas tiverem tamanhos diferentes. Por fim, altere o número “5” na linha “” para o número de imagens que você enviou anteriormente.

6

Clique em "Atualizar arquivo" para salvar suas alterações.

Gorjeta

  • Para adicionar ou remover imagens no futuro, basta carregá-las ou excluí-las da pasta do tema e atualizar a linha “” para corresponder ao novo número de imagens. Certifique-se de que os arquivos de imagem estejam sempre rotulados seqüencialmente, começando pelo número um.

Publicações Populares