El añadir lightbox con sus efectos visuales parece una tarea difícil y que requiere el uso de un nuevo plugin, pero nada más lejos de la realidad, con Oxygen lo tenemos muy fácil, realmente asombrosamente fácil con dos líneas de código HTML y pocas más de código JavaScript, aquí mostramos como hacerlo.
Hay algunos casos en los que la admin bar de Wordpress resulta incómoda o simplemente molesta cuando se está diseñando y realizamos comprobaciones de los resultados.
Hay un snippet de php con el que se puede ocultar, o mejor dicho, que no se cargue en el DOM, con ese método dejamos de tener disponible el admin bar; con este snippet jQuery lo que se logra es ocultar la barra al hacer scroll hasta cierto punto, punto, pero volviendo a la parte superior se volver-a a mostrar.
Para esto, en insertarmos el código de abajo en un nuevo elemento Code Block, o en uno ya existente.
var distanciaArriba =100;
jQuery(window).on('scroll', function() {
var topeScroll = jQuery(window).scrollTop();
if( topeScroll > distanciaArriba ) {
jQuery('#wpadminbar').attr("style","top:0 !important; display:none !important; position: static !important");
jQuery('.oxy-header-wrapper').attr("style","top:0 !important"); //Para sticky header
} else {
jQuery('#wpadminbar').attr("style","");
}
})
Click para Copiar
Copiado
En la primera línea podemos cambiar el valor "100" de la primera línea de código por un valor mayor o menor si queremos que el admin bar se oculte con mayor o menor recorrido de scroll.
La línea de código "jQuery('.oxy-header-wrapper').attr("style","top:0 !important");" es necesaria en caso de que tengas un sticky header, si no lo tienes tampoco pasa nada si no se elimina.