Plantillas de temas de wordpress: hoja de estilo

Cada tema de WordPress incluye una style.css archivo. Un navegador utiliza este archivo, comúnmente conocido como el hoja de estilo, para proporcionar estilo al diseño de sitios web, tales como tipos de letra, colores y Sizes- Gráficos- fondo iconos-colores-fronteras- y otros elementos de diseño.

Video: Como agregar una hoja de estilos a tu Theme o Plantilla en WordPress

Las áreas objetivos de hojas de estilo del sitio para el estilo de uso de identificadores y clases CSS. ID de CSS y las clases son simplemente un medio de nombrar a un elemento particular del sitio. ID se utilizan para los elementos que aparecen una sola vez en una página, mientras que las clases se pueden utilizar tantas veces como sea necesario. Aunque este archivo referencias estilo, que contiene mucha más información sobre el tema.

En el comienzo mismo de la style.css archivo, un bloque de comentario, o la cabecera de estilo, pasa la información sobre su tema de WordPress. comentarios son instrucciones de código incluidos sólo para programadores, desarrolladores y otros que leen el código.

Computadoras tienden a ignorar las declaraciones de comentario por completo, pero WordPress utiliza el encabezado de hoja de estilo para obtener información sobre su tema. En CSS, los comentarios siempre comienzan con una barra inclinada (/) seguida de una estrella (*), y terminan siempre con una estrella seguido de una barra inclinada (* /). El siguiente código muestra un ejemplo de la cabecera de estilo para el tema Veinte Trece:

/ * Nombre del Tema: Veinte ThirteenTheme URI: http://wordpress.org/extend/themes/twentythirteenAuthor: WordPress teamAuthor URI: http://wordpress.org/Description: 2013 El tema para WordPress nos lleva de vuelta al blog, que ofrece una amplia gama de formatos de correos, cada muestra muy bien en su propia manera única. Abundan los detalles de diseño, a partir de una combinación de colores a juego precioso y imágenes de cabecera, fuentes de pantalla opcionales para una bella tipografía, y una amplia diseño que se ve muy bien en las pantallas grandes sin embargo, sigue siendo independiente del dispositivo y se puede leer en cualquier device.Version: 0.1License: GNU Licencia Pública general de v2 o laterLicense URI: http://gnu.org/licenses/gpl-2.0.htmlTags: negro, marrón, naranja, marrón, blanco, amarillo, luz, de una sola columna, dos columnas, a la derecha, la barra lateral, flexibles de anchura, medida de cabecera, a medida menú, editor de estilo, las imágenes-destacados, microformatos, post-formatos, RTL-language-support, pegajosa-post, traducción-readyText de dominio: twentythirteenThis tema, como WordPress, es bajo licencia la GPL.Use para hacer algo fresco, divertirse y compartir lo que ha aprendido con los demás. * /

Si haces modificaciones a los comentarios de hojas de estilo, los cambios se reflejan en el panel de WordPress en la página Temas (elija Apariencia → Temas).

Video: Experto de Photoshop a WordPress creando 3 Themes/Plantillas

Los temas deben proporcionar esta información, a modo de comentarios, en la cabecera de estilo, y no hay dos temas pueden tener la misma información. Dos temas con el mismo nombre y los datos entren en conflicto en la página administrar temas. Si crea su propio tema basado en otro tema, asegúrese de cambiar esta información en primer lugar.

Por debajo de la cabecera de estilo son los estilos CSS que impulsan el formato y el estilo de su tema.