Tecnología

Inicio

Cómo arreglar Roto Menú WordPress NAV

Cómo arreglar Roto Menú WordPress NAV


Si se miraba en su blog de WordPress recientemente y tiene un shock ver que el menú de navegación no se ve como debería, es el momento de indagar en el Editor de temas y ver dónde está el problema. En su mayoría probablemente, alguien cometió un error en el código HTML al hacer algunos cambios a la temática, pero hay un par de otras posibilidades, también. Alguna experiencia con HTML y CSS es útil para resolver este problema.

Instrucciones

1 Ingrese a su á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.

2 Desplazarse hacia abajo el archivo hasta que encuentre el menú de navegación para su sitio. Inspeccionar el código de etiquetas sin cerrar. El menú probablemente se inicia con un divisor; por ejemplo, <div id = "navmenu">. Busque un cierre </ div> después del menú. Busque etiquetas de cierre para la característica de lista HTML: la apertura <ul> o <ol> etiqueta debe cerrarse con </ ul> y </ ol>, respectivamente, al final de la lista, y cada <li> debe tener un cierre </ li> al final de esa línea.

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

<a href="Anchor"> http://example.com "> texto de enlace </a>

Cambiar la dirección URL de ejemplo a la ubicación que desee y cambiar "Anchor Text" para el texto que desea que el elemento de menú que se vea.

4 Haga clic en "Actualizar archivo" si se realiza cualquier cambio que desee conservar.

5 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 "li #navmenu". Compruebe el código CSS aquí por errores. Cada atributo debe tener un punto y coma al final de la misma; por ejemplo, "width: 100px;" es correcto. Cada sección debe ser abierta y cerrada con paréntesis rizado:

navmenu ul {

flotador izquierdo;

width: 100%;

}

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

6 Verificar los atributos de CSS a sí mismos por omisiones. Por ejemplo, si desea que el menú esté horizontal, es necesario "float: left;".

7 Haga clic en "Actualizar archivo" cuando haya terminado.