¿Realmente necesito vincular el style.css de mi tema en los archivos de tema


10

Así que estoy desarrollando un tema de WordPress usando una serie de MENOS archivos para el CSS. Estos compilan usando codekit en una hoja de estilo combinada y minifed que uso para el estilo del tema.

Entiendo que un tema de WordPress debe tener un style.css que incluya la información sobre el tema en sus comentarios, pero ¿es necesario vincular este style.css en el header.php? Seguramente puedo tener la información del tema y nada más y dejarla intacta en la carpeta del tema. La hoja de estilo que realmente uso puede llamarse styles.css o main.css o algo así.

¿Alguien puede confirmar esto o dar razones por las cuales esto podría ser una mala idea?


1
Debe dejar la style.cssinformación con el tema en la raíz de su carpeta de temas. Eso es.
JMau

Respuestas:


14

Yo diría: no debes usar el style.cssCSS para la producción real.

La razón es simple: minificación. No puede minimizar el contenido del archivo por completo, porque WordPress tiene que leerlo. En mis temas, utilizo style.csssolo los encabezados, y agrego un comentario, explicando dónde encontrar el CSS real, para que otros desarrolladores no tengan que buscar demasiado.

Ejemplo:

/*
Theme Name:    My theme name
Version:       2013.08.24
License:       MIT
Text Domain:   t5_theme
Domain Path:  /lang

You will find the real stylesheet in css/default.css.
*/

2
Esta es una buena idea.
Ravinder Kumar

Esto es lo que hago también, funciona a las mil maravillas.
Dalton

¿Todavía necesita poner en cola style.css en el front end para que WP lea la configuración?
henrywright

3
@henrywright No, eso nunca fue necesario.
fuxia

2

Tienes razón, Harry, de que no necesitas llamar o cargar el valor predeterminado style.cssen tu archivo de encabezado. Como he estado usando SCSS en mis temas, me he encontrado con este mismo problema, pero había decidido mantener el enlace style.csspor los siguientes motivos que pueden o no ser aplicables a su situación:

  • Las suposiciones predeterminadas de WP son las que style.cssexisten y están en uso, y no quiero frustrar esa suposición con respecto a los complementos. No sé si / cuándo esto sería un problema y estaría interesado en escuchar las experiencias y consejos de otros sobre este punto.
  • Si mi hoja de estilo en uso real está en una carpeta, evita que los usuarios puedan editar el CSS del sitio. Mantenerme style.cssactivo y disponible les brinda a mis usuarios una forma de poder realizar cambios en CSS desde el administrador de WP.
  • Relacionado, mientras trabaja en el sitio de preparación con otros socios, si ellos no usan SCSS, pueden hacer cambios style.csssin afectar mi capacidad de continuar usando mis archivos SCSS.

Una vez más, estos puntos pueden no ser aplicables a su situación, pero han informado mi decisión de mantener el enlace predeterminado style.css, incluso si está en blanco, excepto por la información del tema requerida.


1

Sí, WordPress usa el tema style.csscomo documento de "configuración".

También tiene razón, por lo que puedo decir, que no tiene que cargar realmente style.cssen el front end para que sirva a sus propósitos de "configuración".

Lo que estás haciendo debería estar bien. Estoy bastante seguro de que he visto otros temas hacer algo similar, pero no puedo jurarlo. El único problema que puedo ver sería si algún complemento asume erróneamente que style.csses la (única) hoja de estilo en el tema.


1

También puede agregar esto a su config.rb(si está usando Compass) y CodeKit copiará automáticamente su hoja de estilo minimizada style.cssen la raíz del tema.

require 'fileutils'
on_stylesheet_saved do |file|
  if File.exists?(file) && File.basename(file) == "style.css"
    puts "Moving: #{file}"
    FileUtils.mv(file, File.dirname(file) + "/../" + File.basename(file))
  end
end

Lo uso con todos los temas de WordPress que desarrollo y funciona de maravilla.

Asegúrese de que el comentario en su style.scssarchivo comience !después del comentario de apertura o de lo contrario se eliminará en la minificación:

/*!
  Theme Name: Your Theme

Fuente: CSS-Tricks


1
Ese truco con agregar un signo de exclamación después de comenzar / * me sirvió. Significa que puedo seguir procesando menos archivo -> css y aún mantener el formato que WordPress espera para leer los detalles del tema. El truco más fácil que he visto en mucho tiempo (¡un personaje en el lugar correcto!) :-)
Lars Koudal
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.