Skip to content

RapidoPress 0.4
Compare
Choose a tag to compare
@manuelcanga manuelcanga released this 01 Aug 16:52
· 17 commits to master since this release
0.4
87ec066

Me complace anunciar la salida de la nueva versión 0.4 de RapidoPress. El cambio más destacado es el soporte de lessCSS( algunos lo conocen como LessJS pero he decidido cambiar el nombre porque RapidoPress no hace un uso exacto de la sintaxis de LessJS ) para todos los archivos CSS.

Less en RapidoPress

Como funciona

Ahora, cada archivo CSS se analiza para interpretar cualquier código less ( http://leafo.net/lessphp/ ) que tuviera. Una vez analizado es minizado y cacheado bajo la extensión rapido.css. Este proceso se realiza sólo una vez para cualquier archivo CSS, sin embargo, si queremos podemos forzar a que lo haga de nuevo con cualquiera de estas tres formas:

  • Modificando el archivo CSS original ( y con ello, la fecha de modificación del archivo .css sea más reciente que la de rapido.css ).
  • Borrando el archivo rapido.css generado
  • Cambiando el tiempo de modificación del archivo CSS original mediante el filtro \rapidopress\styles\last_update

Variables Less

Ahora, cualquier archivo CSS es suceptible de recibir variables que podrá utilizar dentro del archivo CSS y, por tanto, hará que cualquier tema o plugin ( o incluso el mismo RapidoPress ) muy personalizable en apariencia.
El uso dentro del CSS de las variables se hará mediante el estilo que marca Less, es decir,
@esto_es_una_variable

Valores por defecto

¿ Qué pasa si queremos dar la posibilidad de que nuestros CSS sean adaptables mediante las variables pero queremos que esas variables tengan un valor predefinido ?. Para ello, he creado una sintaxis ajena a Less que podremos insertar en nuestros archivos CSS y que funciona de la siguiente forma:
#logo_image: none;

Esto definirá una variable CSS con identificador logo_image y valor 'none' pero sólo en el caso de que no se haya pasado alguna variable de igual nombre y un valor.

Para verlo más claro mirar la parte superior del archivo wp-admin/css/login.css

Asignación de valores

Para asignar los valores CSS que queramos a un determinado archivo, tendremos que hacerlo de la siguiente forma:

add_filter('\rapidopress\styles\parser\[handle]\vars', function($vars) {
    //modificamos el array vars asignando los valores que queramos
     return $vars;
});
  • [handle] es el identificador o handle del archivo CSS cuando lo encolamos a RapidoPress
  • vars son las variables que se enviarán al archivo con handle [handle] en el momento que se esté generando su rapido.css y que podremos modificar usando el filtro anterior.

Ejemplo para añadir el logo de nuestra empresa en la pantalla de login de Rapido:

add_filter('\rapidopress\styles\parser\login\vars', function($vars) {
     $vars['logo_image'] = 'url(http://midominio.es/logo.png)';
     return $vars;
});

Combiación de archivos CSS o MetasCSS

Muchas veces nos interesa combinar varios archivos CSS en uno para reducir la latencia en la carga de CSS. Es posible crear un archivo CSS que sea combinación de otros para ellos podemos hacerlo de la siguiente forma:
@import url(nombre_archivo_css.css);
@import url([handle]);
Esto analizará el archivo CSS indicado, lo minizara y lo incluirá dentro el archivo especificado. Podemos ver un ejemplo de metaCSS en wp-includes/css/wp-admin-commons.css.
IMPORTANTE: Esto no es parte de Less, sino otra adaptación mía para mejorar la eficiencia con RapidoPress

Los demás cambios de la versión 0.4

  • Nuevo modo sin distraciónes para el editor
  • Arreglado fallo de demasquetación de login
  • Seprarado widget Comentarios de dashboard del widget de actividad.
  • Reorganización de las opciones de ajustes.
  • Añadido a los ajustes de seguimiento para poider meter código de seguimiento ( en el futuro se añadiran aviso de ley de cookies a partir de esta propiedad )
  • Añadido a los ajustes de contenidos para limitar el número de revisiones de los contenidos. Por defecto a 2.
  • Algunas otras pequeñas mejoras de optimización
  • Ahora, por defecto, la calidad de comprensión para las imagenes jpeg subidas serán de 70 en vez de 90
  • Se comienza a usar url relativas desde dominio para las imágenes y otros attachment
  • Muchos cambios trasladados desde el repositorio oficial WordPress al de RapidoPress

Para desarrolladores:

  • Se elimina home_url, desde ahora todo en una url: site_url
  • soporte de lessCss comentado anteriormente
Assets 2
Loading