TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

Hacer que el menú de navegación de nivel superior no se pueda hacer clic en Weebly

45

Weebly ofrece una plataforma de creación de sitios sencilla que puede no ser útil para la mayoría de los usuarios. Por ejemplo, organizar las páginas en el orden requerido es una molestia en Weebly y no es posible hacer clic en el menú de navegación de nivel superior de forma predeterminada. Siempre que Weebly permita modificar el CSS de origen, podemos hacerlo posible agregando un código CSS simple al archivo CSS principal "main_style.css". En este artículo, discutiremos cómo hacer que el menú de navegación de nivel superior no se pueda hacer clic en el sitio de Weebly. .

Estructura de navegación de nivel superior

Antes de continuar, es necesario comprender la estructura básica del menú de navegación de Weebly. Haga clic con el botón derecho en el menú de su sitio publicado y elija la opción "Inspeccionar" o "Inspeccionar elemento" para abrir la consola del desarrollador en su navegador. Cuando mueve el mouse sobre cada menú de navegación de nivel superior, puede ver las clases CSS correspondientes. Cada menú de navegación de nivel superior se identifica con una clase CSS como ".wsite-nav-1", ".wsite-nav-2 ″,". Wsite-nav-3 ″, etc. donde 1 es la página "Hoe" generalmente .

Hacer que el menú de navegación de nivel superior no se pueda hacer clic en Weebly

Encontrar la clase CSS para el menú de navegación superior de Weebly

Los números pueden cambiar según su tema y anote la clase CSS del menú de navegación en el que desea que no se pueda hacer clic. Suponga que desea que no se pueda hacer clic en el segundo menú de navegación y que la clase CSS correspondiente es ".wsite-nav-2".

Ahora navegue hasta el editor de código Weebly en "Tema> Editar HTML / CSS> Activos> main_style.css" y agregue el siguiente código CSS.

.wsite-nav-2 { pointer-events: none; }

Guarde los cambios y publique su sitio para ver que no se puede hacer clic en el segundo menú de navegación superior y el cursor no cambiará a una mano al pasar el mouse. Si desea colocar el cursor en la mano pero aún así no se debe poder hacer clic en el menú, cambie el código anterior como se muestra a continuación:

.wsite-nav-2 a:active { pointer-events: none; }

De manera similar, puede hacer que no se pueda hacer clic en todos los menús de navegación de nivel superior agregando las clases CSS correspondientes.

Weebly tiene una estructura de navegación diferente en los sitios móviles y al hacer clic en el menú superior, se mostrará nuevamente la lista de elementos del menú, incluido el menú superior. Esto permite abrir el enlace del menú superior si tiene un contenido, pero en nuestro caso deberíamos eliminar este enlace de la lista. Por lo tanto, agregue el siguiente CSS a su archivo "main.less":

.wsite-menu-master-item { display: none !important; }

Después de agregar todos los códigos CSS, es posible que se parezca a lo siguiente:

Hacer que el menú de navegación de nivel superior no se pueda hacer clic en Weebly

Modificar CSS en Weebly

Guarde los cambios y publique su sitio.

Ocultar las páginas de navegación principales de los motores de búsqueda y los usuarios

  • Oculte las páginas de navegación superiores de los motores de búsqueda, lo que evitará que los motores de búsqueda rastreen las páginas vacías. Puede hacerlo marcando la opción "Ocultar esta página de los motores de búsqueda" en la configuración "Avanzada" de cada página de nivel superior.
  • Recuerde que los usuarios aún pueden acceder a las páginas ingresando directamente la URL en la barra de direcciones del navegador. Lo ideal sería que la configuración de redireccionamientos 301 debería resolver este problema, desafortunadamente Weebly no permite configurar redireccionamientos para las páginas en vivo. Por lo tanto, no puede evitar que los usuarios accedan a las páginas a través de la barra de direcciones.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More