Como utilizar imagens em projetos do tema criança no wordpress vinte quinze

Muitos temas WordPress usar imagens para adicionar toques agradáveis ​​ao design. Normalmente, você adicionar estas imagens para o imagens

diretório dentro do tema. Assim como um tema pai pode referir-se a imagens em sua style.css arquivo, o seu filho temas podem ter seu próprio diretório de imagens. Os seguintes são exemplos de como essas imagens podem ser usadas.

Usando uma imagem de tema criança em uma folha de estilo tema criança

Incluindo uma imagem Tema criança em uma folha de estilo tema criança é comum. Para isso, basta adicionar a nova imagem para a criança o tema do imagens diretório e se referem a ele na criança o tema do style.css Arquivo. Para começar uma sensação para a mecânica desse processo, siga estes passos:

  1. Criar um imagens diretório dentro do diretório do tema criança / wp-content / themes / twentyfifteen-filho / imagens.

  2. Adicione uma imagem para o diretório.

    Para este exemplo, adicione o corpo-bg.jpg imagem.



  3. Adicione o estilo necessário para a criança o tema do style.css arquivo, como segue:

    / * Tema Nome: Vinte Quinze ChildDescription: My magnífica criança themeAuthor: Lisa Sabin-WilsonVersion: 1.0Template: url twentyfifteen * / @ import (` ../ twentyfifteen / style.css `) - body {background: url (` images / corpo-bg.jpg `) repetir-x-}

    Com uma atualização rápida do site, que agora tem um novo fundo. Você pode ver como o fundo mudou de branco liso para preto sólido.

    O tema Vinte Quinze crianças depois de editar a imagem de fundo.
    O tema Vinte Quinze crianças depois de editar a imagem de fundo.

Usando imagens em um tema criança

imagens de tema criança são aceitáveis ​​para a maioria dos propósitos. Você pode adicionar suas próprias imagens para o tema criança, mesmo se a imagem não existe na pasta do tema pai - e você pode fazer isso sem alterar o tema pai em tudo.

No rodapé do tema Twenty Quinze, um logotipo WordPress foi adicionado à esquerda da frase “Orgulhosamente criado com WordPress.” O logotipo não aparece no rodapé do tema Twenty Quinze por inadimplência adicioná-lo através do CSS no tema criança faz acontecer, embora!

O logotipo WordPress no rodapé Vinte Quinze.
O logotipo WordPress no rodapé Vinte Quinze.

Publicações relacionadas