Temas de crianças em wordpress
Como temas regulares Word Press, um tema criança precisa residir em um diretório dentro do / wp-content / themes
Conteúdo
Para registrar o twentythirteen-criança diretório como um tema e torná-lo um filho do tema Twenty Treze, criar um style.css arquivo e adicionar os cabeçalhos tema apropriado. Para fazer isso, digite o seguinte código em seu código favorito ou editor de texto simples, como o Notepad (Windows) ou TextMate (Mac), e salve o arquivo como style.css:
/ * Nome Tema: TwentyThirteen ChildDescription: meu fabuloso criança themeAuthor: Lisa Sabin-WilsonVersion: 1.0Template: twentythirteen * /
Normalmente, você encontrará os seguintes cabeçalhos em um tema WordPress:
Nome tema: O tema usuário vê este nome no back-end do WordPress.
Descrição: Este cabeçalho fornece ao usuário qualquer informação adicional sobre o tema. Atualmente, este cabeçalho aparece apenas na página Manage Themes (escolher Aparência → Temas).
Autor: Este cabeçalho lista um ou mais autores temáticos. Atualmente, este cabeçalho é mostrado apenas na página Manage Themes (escolher Aparência → Temas).
Video: Como criar um tema filho (Child Theme) para WordPress
Versão: O número de versão é muito útil para manter o controle de versões desatualizadas do tema. Atualizar o número da versão ao modificar um tema é sempre uma boa idéia.
Modelo: Este cabeçalho muda um tema em um tema infantil. O valor deste cabeçalho diz WordPress o nome do diretório do tema pai. Porque o seu exemplo tema criança usa Vinte Treze como o pai, o seu style.css precisa ter um cabeçalho modelo com um valor de dois mil e treze (O nome do diretório do tema Twenty Treze).
Ative o novo tema TwentyThirteen Criança como seu tema ativo.
O novo tema não parece muito certo. O problema é o novo tema criança substituiu o style.css arquivo do tema pai, mas o novo tema criança style.css arquivo está vazio. Você poderia simplesmente copiar e colar o conteúdo do pai o tema do style.css arquivo, mas que iria perder algum do potencial de temas infantis. Em vez disso, você quiser ajustar apenas os estilos e / ou recursos que você deseja modificar.
Uma das grandes coisas sobre Cascading Style Sheets (CSS) é a forma como as regras podem substituir um ao outro. Se você listar a mesma regra duas vezes em seu CSS, a regra que vem por último tem prioridade.
Por exemplo:
a {color: azul-} a {color: vermelhos}Este exemplo é simples demais, mas é um bom exemplo. A primeira regra diz que todos os links (uma tags) deve ser azul, enquanto o segundo diz que as ligações devem ser vermelho. Porque CSS diz que a última instrução tem precedência, as ligações será vermelho.
Usando esse recurso de CSS, você pode herdar todo o estilo do tema pai e modificá-lo seletivamente, substituindo as regras do tema pai. Mas como você pode carregar a criança tema do style.css arquivo para que ele herda o estilo do tema pai?
Felizmente, CSS tem outra grande característica que ajuda você a fazer isso com facilidade. Basta adicionar uma linha para o tema do TwentyThirteen Criança style.css arquivo no final da seguinte lista:
/ * Nome do tema: TwentyThirteen ChildDescription: meu fabuloso criança themeAuthor: Lisa Sabin-WilsonVersion: 1.0Template: twentythirteen * / @ importação url (` ../ twentythirteen / style.css`) -
Uma série de coisas estão acontecendo aqui, então vamos dividi-la peça por peça:
@importar: Isso diz ao navegador para carregar outro estilo. Usando este permite que você puxar a folha de estilo pai rapidamente e facilmente.
Video: Gethsemane - Claire Ryann at 3 Years Old
url ( ‘...’): Isso indica que o valor é um local e não um valor normal.
( ‘../twentythirteen/style.css`)-: Esta é a localização da folha de estilo pai. Observe a /dois mil e treze nome do diretório. Isso precisa ser alterado para corresponder ao Modelo: valor no cabeçalho do CSS para que a folha de estilo apropriado é carregado.
Depois que você atualizar seu site, você vê que o design e layout do tema filho coincidir com o original Vinte Treze tema.