Temas infantiles en wordpress

Al igual que los temas regulares prensa de la palabra, un tema niño tiene que residir en un directorio dentro del / wp-content / themes directorio. El primer paso para crear un tema infantil es añadir el directorio que lo sostienen. Para este ejemplo, crear un nuevo twentythirteen-niño directorio dentro del / wp-content / themes directorio.

Para registrar el twentythirteen-niño directorio como un tema y para que sea un niño del tema Veinte Trece, crear una style.css archivo y agregue los encabezados de tema apropiado. Para ello, escriba el siguiente código en su código preferida o editor de texto sin formato, como el Bloc de notas (Windows) o TextMate (Mac), y guardar el archivo como style.css:

/ * Nombre del Tema: TwentyThirteen ChildDescription: mi hijo fabulosa themeAuthor: Lisa Sabin-WilsonVersion: 1.0Template: twentythirteen * /

Por lo general, se encuentran las siguientes cabeceras en un tema de WordPress:

Video: Las Canciones de la Granja de Zenón - Lo Mejor de lo Mejor en HD

• Nombre temaEl usuario ve el tema de este nombre en la parte final de WordPress.

• Descripción: Esta cabecera proporciona al usuario información adicional sobre el tema. Actualmente, esta cabecera sólo aparece en la página Administrar Temas (elija Apariencia → Temas).

• Autor: Esta cabecera se incluyen uno o más autores temáticos. Actualmente, esta cabecera se muestra sólo en la página administrar temas (elija Apariencia → Temas).

  Video: CANCIONES INFANTILES, LO MEJOR DE LO MEJOR

• Versión: El número de versión es muy útil para hacer el seguimiento de versiones no actualizadas del tema. Actualizar el número de versión cuando se modifica un tema es siempre una buena idea.

• Modelo: Esta cabecera cambia un tema en un tema menor. El valor de esta cabecera le dice a WordPress el nombre del directorio del tema de los padres. Debido a que su hijo utiliza el tema ejemplo Veinte Trece como el padre, su style.css debe tener un encabezado de plantilla con un valor de dos mil trece (El nombre del directorio del tema Veinte Trece).

Activar el nuevo tema TwentyThirteen niño como su tema activo.

El nuevo tema no se ve del todo bien. El problema es el nuevo tema del niño reemplazado style.css archivo del tema de los padres, sin embargo, el nuevo tema del niño style.css archivo está vacío. Se podía copiar y pegar el contenido de la matriz del tema style.css archivo, pero eso sería desperdiciar algunas de las potencialidades de temas infantiles. En su lugar, desea modificar únicamente los estilos y / o características que desea modificar.

Una de las mejores cosas de Cascading Style Sheets (CSS) 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: TEMAS INFANTILES

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

Este ejemplo es demasiado simple, pero es un buen ejemplo. 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.

Usando esta característica de CSS, puede heredar todo el estilo del tema de los padres y modificar selectivamente sobreescribiendo las reglas del tema de los padres. Pero ¿cómo se puede cargar al niño del tema 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 TwentyThirteen Niño style.css presentar al final de la lista siguiente:

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

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

• @importar: Esto le dice al navegador que cargue otra hoja de estilo. El uso de este le permite arrastrar en la hoja de estilos de los padres de forma rápida y sencilla.

• url ( ‘...’): Esto indica que el valor es un lugar y no un valor normal.

• ( ‘../twentythirteen/style.css`)-: Esta es la ubicación de la hoja de estilos de los padres. Note la /dos mil trece nombre del directorio. Esto necesita ser cambiado para que coincida con el Modelo: valor en la cabecera de la CSS de modo que se carga la hoja de estilo apropiado.

Después de actualizar su sitio, se ve que el diseño y el diseño del tema de los niños coinciden con el tema original Veinte Trece.