X
    Categorías Varios

Cómo eliminar o reducir los 28px de margen que WordPress deja debajo de la barra de administración

Si te estás iniciando en el diseño de blogs o páginas web con WordPress o si simplemente estás creando tu primer blog con la popular plataforma de blogging, probablemente hayas notado que justo debajo de la barra de administración aparece un margen de exactamente 28 píxeles, que quizás te gustaría reducir o eliminar.

Exactamente el código en cuestión es el siguiente:

Media="screen"
html {
margin-top: 28px ;
}

A simple vista parece una tarea sencilla, cambiar ese valor de 28px por cero (0) o un valor menor, el problema es que ese simple trozo de código no está del todo a la vista.

En realidad ese margen es añadido por defecto por la barra de administración de WordPress, de modo que para modificar ese margen debes ir al archivo:

/wp-includes/admin-bar.php

Y luego al final de dicho archivo debes buscar donde dice “Default admin bar callback” y más abajo el código en cuestión:

Sólo tienes que modificar el valor de 28px y guardar los cambios en el archivo admin-bar.php. Notarás que los cambios se aplican aun con la barra de administración activa.

Sin embargo, si cierras sesión como administrador o si entras como un usuario normal seguirás viendo los 28px, como si no hubieses hecho ningún cambio. No te preocupes, aquí es cuando entra la parte final del truco. Debes ir al archivo style.css y agregar el siguiente trozo de código al final del mismo:


html {
margin-top: -15px ;
}

En mi caso he dejado un margen de 13px y para ello he restado 15px a los 28px totales. Si quieres eliminar totalmente el margen restas 28 (-28) y listo.

Pruébalo en tu sitio y dejanos saber cómo te fue a través de los comentarios.

Dómadis Cabrera: Geek por naturaleza. Technorati por pasión. Emprendedor y amante del buen diseño. Disfruto probando cualquier cosa relacionada con la tecnología, da igual si es software o hardware. Viajero frecuente y amante de la adrenalina. Me divierte solucionar problemas y puedes seguirme en tu red social favorita, sólo tienes que buscarme por mi nombre.
Posts Relacionados