Estoy creando un tema personalizado y los elementos se comportan como deberían, pero cuando coloco la <?php wp_head() ?>
etiqueta obtengo un margen superior, en la parte superior del encabezado de mi tema.
Cuando quito <?php wp_head(); ?>
el margen desaparece. He estado en esto por un tiempo, cualquier ayuda sería genial.
theme-development
wp-head
tanktery
fuente
fuente
Respuestas:
Difícil de ver sin mirarlo, pero una suposición educada:
Es más que probable que sea el CSS para la barra de administración, que solo aparece cuando está conectado.
<?php wp_head() ?>
Incluirá el CSS para él e<?php wp_footer(); ?>
incluye el html para la barra de administración.Si observa, en realidad debería ser un margen superior agregado a la etiqueta html.
fuente
Si intenta ocultar la barra de administración enganchándose en el
show_admin_bar
filtro, pero lo hace demasiado tarde (init
con la prioridad predeterminada es demasiado tarde, por ejemplo), obtendrá un margen superior de 28 px adicional, pero no habrá barra de administración allí.fuente
Esto también sucedió conmigo, este espacio es para la barra de administración en la parte superior de su tema que se muestra a un usuario conectado.
Si ha iniciado sesión en su panel de WordPress en el mismo navegador en el que está utilizando el tema personalizado, entonces está el problema.
Simplemente cierre sesión en la cuenta de administrador de WordPress y abra su tema personalizado nuevamente.
fuente
También encontré el mismo problema y lo resolví agregando esto:
Poner en la parte superior del archivo CSS de su tema.
fuente
agregar "margin-top: 0px! important" a la parte superior de su archivo CSS realmente funcionará, pero SOLO si reorganiza la información de su encabezado para llamar al archivo css DESPUÉS de que se llame a wp_head.
se aplicará el atributo CSS más bajo, el 100% del tiempo.
fuente
#content div.somediv
siempre tendrá prioridad sobrediv.somediv
independientemente de dónde se defina este último.El bloque de estilo de margen es generado por la
_admin_bar_bump_cb
función que se ejecuta en lawp_head
acción. Puede eliminar la acción llamando a:Lo coloqué en el gancho de la función de secuencias de comandos en cola y eliminó con éxito la salida del margen superior, pero estoy seguro de que podría colocarlo en cualquier lugar en functions.php y hacer que funcione correctamente.
De esa manera no necesita una anulación tonta en su CSS =)
fuente
Debería ver qué clase está agregando el margen con firebug o una herramienta similar.
fuente
Prueba esto,
fuente