Contents
Le mostraremos dos métodos diferentes. El primer método es el mejor para los principiantes, porque utiliza un plugin y no requiere ningún conocimiento de codificación. El segundo método es para usuarios intermedios de bricolaje que prefieren usar código CSS en lugar de un plugin.
Tendrás que pasar el ratón por encima de tu menú de navegación, y CSS Hero lo resaltará mostrando los bordes que lo rodean. Cuando hagas clic en el menú de navegación resaltado, te mostrará los elementos que puedes editar.
Puedes hacer clic en cualquier propiedad que quieras cambiar. Supongamos que queremos cambiar el color de fondo de nuestro menú de navegación. Una vez que hagas clic en la propiedad ‘Background’, CSS Hero te mostrará una interfaz simple donde puedes hacer tus cambios.
Lo mejor de usar este método es que puedes deshacer fácilmente cualquier cambio que hagas. CSS Hero mantiene un historial completo de todos tus cambios, y puedes ir hacia adelante y hacia atrás entre esos cambios.
Esto puede funcionar si sólo tienes una ubicación de menú. Sin embargo, la mayoría de los temas tienen múltiples ubicaciones donde se pueden mostrar los menús de navegación. Usar sólo la clase CSS por defecto puede causar un conflicto con los menús en otras ubicaciones.
Espero que haya disfrutado de nuestro video sobre el método para agregar un logotipo del sitio y favicon del post anterior. Tengo uno nuevo para usted. Y es sobre los menús de navegación en el tema de WordPress Twenty Twenty-two.
¿Por qué es importante usted dice? Bueno, aunque lo intentes, no encontrarás la opción de menús (se supone que está en la sección de temas) fácilmente. El tema Twenty Twenty-two WordPress le ayudará en este caso.
Por ahora, te mostraré el proceso de creación del menú en la sección de cabecera (parte de la plantilla de cabecera) de la página de inicio. Puedes ver este vídeo también para hacerte una idea de todo el proceso:
Si no ves el menú de la plantilla, haz clic en el icono del engranaje en la parte superior derecha. Aquí verás la configuración de la plantilla. Observa que hay dos opciones, una para crear la plantilla y otra para editarla.
Si estás empezando (asumo que lo estás), deberías elegir crear una nueva plantilla. Sólo tienes que añadir un nombre a la «Plantilla personalizada» y hacer clic en «crear». Una vez hecho esto, tu plantilla está lista.
Cómo centrar la cabecera en wordpress
Los sitios web de una sola página parecen estar de moda estos días. La idea general es tener una «página de aterrizaje» que es una presentación de diapositivas a pantalla completa – es decir, la presentación de diapositivas llena toda la ventana del navegador – y luego el resto del contenido del sitio web se accede mediante el desplazamiento de la página donde tiene secciones para diversos temas.
Así que las tres técnicas ilustradas anteriormente consiguen lo mismo, establecen un marcador en la página que podemos utilizar en nuestro menú para conseguir que un elemento del menú se desplace a esa parte de la misma página cuando se haga clic en él. No importa qué técnica utilices, cada una tiene sus méritos y sus usos complementarios (una discusión de los cuales está más allá del alcance de este artículo). Utilice la técnica que mejor se adapte a su situación.
Crea una nueva página (Páginas > Añadir nuevo), dale un título a la página y luego añade un elemento Bloque de texto al contenido. En la ventana del editor, haz clic en la pestaña Texto, elimina el texto ficticio del marcador de posición y pega este HTML…
Ahora haz clic en el botón Añadir fila para añadir una nueva fila. Podemos establecer un diseño de columnas para la fila si lo deseamos, y luego añadirle el contenido que queramos. Si no estás seguro de qué contenido quieres aquí, simplemente añade un bloque de texto con el texto de marcador de posición por defecto. Siempre puedes volver y cambiar esto más tarde.
La cabecera y sus elementos son visibles en todas las páginas. Estos ajustes de la cabecera y de la barra de navegación se aplican a los ordenadores de sobremesa y a los dispositivos más grandes. Todos los ajustes para la versión móvil se pueden encontrar en la documentación de la cabecera móvil.
Tanto el logotipo como la barra de navegación y las posiciones de la cabecera se muestran por encima de cada una de ellas y están centradas horizontalmente. En el diseño C apilado en el centro, la posición de la cabecera se divide y se alinea a la izquierda y a la derecha, mientras que el logotipo se coloca en el centro. En la disposición apilada en el centro, la barra de navegación está dividida y el logotipo se sitúa en el centro.
El logotipo y las posiciones de la barra de navegación y la cabecera se muestran uno encima del otro y se alinean a la izquierda. En el diseño B apilado a la izquierda, la barra de navegación está alineada a la izquierda, mientras que la posición de la barra de navegación está alineada a la derecha.
El logotipo está alineado a la izquierda y el menú está alineado a la derecha. El área de la cabecera está a la izquierda del menú, mientras que el área de la barra de navegación se muestra en el menú fuera del lienzo. Se abre al hacer clic en el conmutador del menú.
El logotipo está alineado a la izquierda y el menú está alineado a la derecha. El área de la cabecera está a la izquierda de la palanca del menú, mientras que el área de la barra de navegación se muestra en el menú modal. Se abre al hacer clic en la palanca del menú.