Como carregar o estilo de um tema principal no wordpress

Uma das grandes coisas sobre o uso CSS em seu site WordPress é 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 ilustra este conceito bem. 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 ter o seu tema criança herdar todo o estilo do tema pai. Você também pode modificar seletivamente esses estilos, substituindo as regras do tema pai. Mas como você pode carregar o pai o 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 TwentyFourteen Criança style.css arquivo, como no seguinte:

Video: Como Instalar Template Wordpress



/ * Nome do tema: TwentyFourteen ChildDescription: Meu fabuloso criança themeAuthor: Lisa Sabin-WilsonVersion: 1.0Template: twentyfourteen * / @ importação url (` ../ twentyfourteen / style.css`) -

Uma série de coisas estão acontecendo aqui, então vamos dividi-la peça por peça:

  • @importar: Isto diz ao navegador para carregar outro estilo. usando o @importar tag permite que você puxar a folha de estilo pai forma rápida e fácil a partir de uma determinada fonte (url - explicado no próximo item).

  • url ( ‘...’)Este caminho do arquivo indica que o valor é um local e não um valor normal.

    Video: Wordpress Tutorial Español | Página de inicio entradas o estática en wordpress

  • ( ‘../twentyfourteen/style.css`)-: Isto indica a localização da folha de estilo pai. Observe a / twentyfourteen nome do diretório. Este nome tem de ser alterado para corresponder ao Modelo valor no cabeçalho de modo a que a folha de estilo apropriado é carregado.

Com folha de estilo do tema Twenty Quatorze carregado no tema TwentyFourteen Criança, o site agora adota completamente os estilos incluídos no pai Vinte Quatorze, e você pode usar a folha de estilo TwentyFourteen Criança para criar seus próprios estilos enquanto ainda estiver usando o tema pai para todas as funções e recursos incluídos nos arquivos de modelo.


Publicações relacionadas