Cómo mover la barra de navegación a la cabecera de WordPress

Mueva la navegación bar editando los archivos de WordPress temas HTML. 

NAVEGACIÓN HEADER

Si desea liberar espacio en la barra lateral para que pueda colocar otros controles o los anuncios allí, o simplemente sentirse como un cambio, usted puede mover su navegación barra de la barra lateral a la cabecera de tu blog WordPress. Debido a que esta tarea debe usar el Editor Tema WordPress, necesitará permisos de administración para su realización. Además, un poco de experiencia HTML y CSS sería útil.

Acceda a su panel de control de administración de WordPress. Haga clic en "Apariencia" y luego haga clic en "Editor". En la lista de archivos de la derecha, haga clic en "sidebar.php".

Localice la barra de navegación de su sitio. Este puede ser una línea de código que empieza con "? Php wp_nav_menu" o una lista de instrucciones de los enlaces en el menú. De cualquier manera, cortó el código incluyendo los alrededores de etiquetas div y pegarlos en un archivo de texto. Haga clic en "Update File" cuando haya terminado.

Haga clic en "header.php" de la lista de la derecha en el panel de control de administrador. Localice el título o en un mástil para su sitio y comenzar una nueva línea debajo de esa y la siguiente sección de código, lo que probablemente será una línea llamando a su barra lateral. Pega el código en el menú que había pegado anteriormente en el archivo de texto.

Añadir un "2" para el nombre de la div que contiene el menú de navegación. Usted va a hacer cambios en esta división, por lo que crear uno nuevo para que otros menús de su sitio que puedan utilizar la misma división no se pueden cambiar también. Por ejemplo, si el divisor es el siguiente:

div id = "SIDEMENU"

Cambiar a:

div id = "sidemenu2"

Haga clic en "style.css" de la lista de la derecha en el panel de control de administrador. Desplácese hacia abajo hasta que encuentre el código de la etiqueta div original para el menú. Se inicia con el símbolo de sostenido, por ejemplo:

# SIDEMENU {

Copie todo el código de esta sección, incluyendo el carácter de cierre "}", y pegarlo en una nueva línea del archivo. A continuación, agregue un "2" para la nueva sección que ha pegado. Si conoces CSS, ahora puede añadir cualquier estilo al menú de esta nueva sección. Por lo menos, añadir "display: block; width: 100%;" sin las comillas si el código no está presente. Esto hará que el menú de navegación en su propia línea y se extendió a través de la longitud de la cabecera.

Empezar una nueva línea en el archivo y pegar en el código folloing:

# Sidemenu2 li {

float: left;

}

Reemplazar "sidemenu2" con el nombre real de su menú. Esto arregla el menú horizontal en la cabecera. Una vez más, usted puede agregar cualquier código CSS adicionales para cambiar el aspecto de los puntos del menú.