Ocultar y tener disponible el Admin Bar - Oxygenados La comunidad
Oxygenados La comunidad hispana
Recoda White Full Logo
Patrocinador
Menu
post oxygen builder
img-4

Ocultar y tener disponible el Admin Bar

¿Cómo puedes 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.

img-6

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
img-7
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.

0 0 votos
Puntuación
Suscribir
Notificar de
guest
0 Comentarios
Viejos
Nuevos Más votados
Comentarios en línea
Ver todos los comentarios
img-10
Añadir lightbox "Facilmente"

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.

Leer más
img-11
Imagen de Fondo Archivo de Categorías

Vamos a tratar de como añadir un encabezado con la imagen predeterminada para el archivo de categorías, cada categoría tendrá su imagen predeterminada.
Para esto solo se necesita de un plugin gratuito, aunque también se puede hacer con otros como por ejemplo el HappyFiles.

Leer más
img-12
Botón de Todos los Templates

Se echa de menos un botón que estando en la sección "Edit Template" nos lleve directamente a la página de Templates que es donde se muestra todo el listado de plantillas de Oxygen, parece que alguien se ha olvidado de este detalle que debería estar implementado nativamente y a veces hasta fastidia un poco tener que cargar dos páginas para llegar ahí estando en la sección de edición de template.

Leer más