Cómo cargar el estilo de un tema principal en wordpress

Video: Como Instalar Plantillas en WordPress 2016, capitulo 2

Una de las grandes cosas sobre el uso de CSS en su sitio web WordPress es cómo las reglas pueden anular mutuamente. Si lista la misma regla dos veces en el CSS, la regla que ocupa el último tiene prioridad. Por ejemplo:

Video: Como Editar Plantillas en Wordpress (Boldy Theme) - Wordpress en Español

un {color: azul-} un {color: rojo-}

Este ejemplo es demasiado simple, pero ilustra muy bien este concepto. La primera regla dice que todos los enlaces (`un` tags) deben ser de color azul, mientras que el segundo dice que los enlaces deben ser de color rojo. Debido CSS dice que la última instrucción tiene prioridad, los enlaces serán rojas.

Video: Como Cambiar Mi Página De Inicio o Home En Wordpress

Usando esta característica de CSS, puede hacer que su tema niño herede todo el estilo del tema de los padres. También puede modificar selectivamente los estilos reemplazando las reglas del tema de los padres. Pero ¿cómo se puede cargar el tema de los padres style.css archivo para que hereda el estilo del tema de los padres?

Afortunadamente, CSS tiene otra gran característica que le ayuda a hacer esto con facilidad. Sólo tiene que añadir una línea con el tema de TwentyFourteen Niño style.css presentar, como en el siguiente:

/ * Nombre del tema: TwentyFourteen ChildDescription: Mi hijo fabulosa themeAuthor: Lisa Sabin-WilsonVersion: 1.0Template: twentyfourteen * / @ url de importación (` ../ twentyfourteen / style.css`) -

Una serie de cosas que están pasando aquí, así que vamos a dividirla en parte por parte:

  • @importar: Esto le indica al navegador que cargue otra hoja de estilo. Utilizando el @importar etiqueta permite que usted tire de la hoja de estilo matriz rápida y fácilmente de una fuente particular (URL - explica en el siguiente artículo).

  • url ( ‘...’): Esta ruta del archivo indica que el valor es un lugar y no un valor normal.

  • ( ‘../twentyfourteen/style.css`)-: Indica la posición de la hoja de estilos de los padres. Note la /veinte catorce nombre del directorio. Este nombre debe ser cambiado para que coincida con el Modelo valor en la cabecera de modo que la hoja de estilo apropiado es cargado.

Con hoja de estilo del tema Veinte Catorce cargado en el tema TwentyFourteen niño, su sitio ahora adopta por completo los estilos incluidos en la matriz Veinte Catorce, y se puede utilizar la hoja de estilo TwentyFourteen niño a crear sus propios estilos sin dejar de utilizar el tema principal para todas las funciones y las características incluidas en los archivos de plantilla.

Artículos Relacionados