2011-02-04 15 views
15

¿Cómo otros desarrolladores de temas de Wordpress incorporan Sass en el desarrollo de su tema al tiempo que aprovechan su estilo de salida comprimida? Sass comprimido elimina TODOS los comentarios, por lo que actualmente tengo un style.css vacío con mi declaración de tema y un @import llamando al css minificado desde la brújula, pero esta parece ser la mejor solución.Uso de la salida comprimida de Sass dejando el encabezado de comentario del tema para Wordpress

¿Alguien ha encontrado una forma de evitar esto? ¿Cuál sería la mejor solución si no fuera así?

http://codex.wordpress.org/Theme_Development#Theme_Stylesheet

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#id40

+0

que tienden a utilizar el mismo método - Wordpress es exigente con el tema declaración – Alvin

Respuesta

31

súper corto VERSIÓN:/*! loud comments */ uso y compilar el SCSS justo antes de su envasado y distribución.

dos piezas respuesta, "parte vieja" primera:

que utiliza Sass/SCSS en el desarrollo de mi "Orin" tema: https://github.com/founddrama/orin

Primera parte:

  • En mi src/scss directorio, guardo todos mis archivos _include.scss y el archivo style.scss que tiene todas las declaraciones @import.
  • Durante el desarrollo, acabo de ejecutar el sass --watch habitual (aunque es un paso más para recordar guardar el archivo style.scss).
  • Una vez que su fuente SCSS se ve bien y se ha comprometido con el control de versiones, puede simplemente compilar el style.scss en style.css y verificarlo en el control de versiones para el tema que se distribuye.

En mi caso, "Orin" es solo para mí, así que realizo la compilación cuando la actualizo en el servidor de blogs, pero la compilación SCSS puede hacerse fácilmente antes del empaque/distribución. El script de construcción que estoy usando es here (en ese repositorio de Github); el quid de la cuestión es:

  1. touch para crear el archivo de salida style.css;
  2. aplicar el texto de la licencia;
  3. compila el SCSS y añádelo al style.css.

Parte dos:

Más versiones recientes de Sass incluyen soporte para /*! loud comments */; lo que significa que tengo que bajar mi trasero perezoso y actualización de:

  1. Incluir el texto de la licencia y la descripción del tema allí mismo, en style.scss utilizando los comentarios en voz alta;
  2. actualice la secuencia de comandos compilación/implementación para compilar simplemente el SCSS.
+1

Loud Comentarios trabajo. Gracias. Si pudiera, marcaría como respuesta. –

+0

¿Funciona esto con la minificación? –

+1

@NathanArthur - Suponiendo que estés hablando del minificador integrado en Sass, ** sí. ** ¡El punto del '/ *! comentario fuerte */'es que el minificador lo mantiene, pero elimina todos los _otros_ comentarios. – founddrama

1

Bueno, le sugiero que utilice Compass. El comentario debe tener este aspecto:

/*! A loud SASS comment */ 
Cuestiones relacionadas