Cómo arreglar Broken WordPress NAV Menu

Utilice el Editor de temas para arreglar su menú de navegación WordPress.

 

BROKEN WordPress

Si observas tu blog WordPress recientemente y tiene un shock al ver que el menú de navegación no se ve como debería, es el momento de profundizar en el Editor de temas y ver donde está el problema. Lo más probable, que alguien ha cometido un error en el código HTML al hacer algunos cambios con el tema, pero hay un par de posibilidades, también. Alguna experiencia con HTML y CSS es útil en la solución de este problema.

 

Accede a tu área de administración de WordPress. Haga clic en "Apariencia" del menú grande por la izquierda de la pantalla, a continuación, haga clic en "Editor". Mira la lista de archivos por la derecha, a continuación, haga clic en "header.php". El archivo aparecerá en el panel de edición central.

 

Desplácese hacia abajo en el archivo hasta encontrar el menú de navegación de su sitio. Inspeccione el código de las etiquetas no cerradas. El menú probablemente se inicia con un divisor, por ejemplo, div id = "navmenu". Busque una etiqueta de cierre / div después del menú. Busque etiquetas de cierre para la función de lista HTML: la apertura o etiqueta ul ol deben ser cerradas con / ul y / ol, respectivamente, al final de la lista, y cada li deben tener un cierre / li al final de esa línea .

 

Compruebe que todos los elementos que desea que aparezcan en el menú están presentes. Si no es así, agregue los enlaces correspondientes al menú. Para lograr esto, iniciar una nueva línea, a continuación, utilice el siguiente código:

 

a href = "http://example.com" Anchor Text / a

 

Cambie la dirección URL de ejemplo a la ubicación que desee, y cambie "Anchor Text" al texto que desea que el elemento de menú para mostrar.

 

Haga clic en "Update File" si realiza cambios que desea conservar.

 

Haga clic en "style.css" de la parte inferior de la lista de archivos, a continuación, desplácese hacia abajo hasta encontrar las secciones para el divisor del menú, como "# navmenu", "# navmenu ul", o "# navmenu li". Compruebe el código CSS aquí para errores. Cada atributo debe tener un punto y coma al final de la misma, por ejemplo, "Ancho: 100px;" es correcta. Cada sección debe ser abierta y cerrada con paréntesis rizado:

 

# Navmenu ul {

 

float: left;

 

width: 100%;

 

}

 

Además, verifique que la sección justo encima de la sección del menú se cierra, o se trague el código para el menú de navegación en él.

 

Compruebe la CSS atribuye a sí mismos por omisiones. Por ejemplo, si desea que el menú sea horizontal, es necesario "float: left;".

 

Haga clic en "Update File" cuando haya terminado.