En los ordenadores, las barras laterales se suelen utilizar para colocar contenidos como búsquedas, clasificados, anuncios o artículos recomendados, pero en los móviles, estas zonas suelen ocupar el espacio del contenido principal, lo que afecta a la experiencia de lectura. Para que el acceso móvil sea más fluido, muchos webmasters optan por ocultar la barra lateral en los teléfonos móviles. Este artículo presentará varios métodos comunes para ocultar en los dispositivos móviles sin afectar a la premisa de la computadora lado de la pantalla WordPress SidebarEs fácil de manejar y no requiere ajustes complejos.

I. ?Por qué ocultar la barra lateral móvil?

• Mejorar la fluidez lectoraLas pantallas más peque?as de los móviles y las barras laterales tienden a abarrotar la página.
• Carga más rápidaEvita cargar componentes innecesarios
• Reducir la tasa de reboteLos usuarios de móviles se centran más en el contenido principal, y si se eliminan las distracciones es más fácil retener a los visitantes.
• Mejorar la experiencia del usuarioEvita tocar accidentalmente elementos peque?os como iconos, enlaces, etc.

II. Uso de CSS media queries para ocultar la barra lateral

Esta es la forma más fácil deSin plug-ins, sin impacto SEO, adecuado para la mayoría de los temas.

Código de ejemplo:

@media (max-width: 768px) {
  .sidebar,
  #secondary {
    display: none;
  }
}

Uso:

• Inicie sesión en el backend de WordPress para ir a la secciónApariencia → Personalizado "

• Encuentra el CSS extra, pega el código anterior y guárdalo.

En tercer lugar, los usuarios de Elementor ocultan el método de la barra lateral

Elementor constructor de páginasSe pueden realizar las siguientes operaciones:

• Editar página → comprobar el contenedor donde se encuentra la barra lateral.
• Haga clic en "?§Avanzado" → "Responsive"Pesta?as
• Garrapata"Ocultar en el móvil"

este enfoqueNo afecta al dise?o del escritorioIdeal para usuarios de páginas personalizadas

.

IV. Utilizar la configuración del tema para ocultar

Algunos temas (por ejemplo, Astra, GeneratePress, OceanWP) vienen conreceptivoAjustes de dise?o que pueden ser:

• salir para"Apariencia" → "Personalizar".

• Encuentra el "-una barra lateral (en software)"Setting
• Configuración del "Dise?o móvil"para"sin barra lateral"

En quinto lugar, con la ayuda de plug-ins para lograr

No desea escribir CSS, también puede utilizar el plugin para controlar libremente las reglas de visualización de la barra lateral.

• Opciones de widgets Proporcionar la opción "Mostrar dispositivo" para cada gadget, apoyar activar / ocultar por tipo de dispositivo.

• Elementor Pro(Visualización condicional) Admite la visualización de bloques por dispositivo, condiciones personalizadas, pero necesita serversión de pagoApoyo.

VI. Notas y recomendaciones

• Los métodos de ocultación deben ser exclusivos para móviles para no afectar a la experiencia de escritorio
• Se recomienda hacer una copia de seguridad del tema o del hijo antes de la operacióntemáticaCSS
• Utiliza el plugin de caché, borra la caché y luego prueba el efecto de ocultación
• La autenticación puede realizarse a través del "modo dispositivo móvil" del navegador o del acceso real en teléfonos móviles.

VII. Resumen

Ocultar las barras laterales móviles puede mejorar la experiencia de lectura y la velocidad de carga. Esto se puede hacer a través de CSS, la configuración del tema, oEditor visualFácil de implementar, sencillo de manejar y no afecta a la pantalla del ordenador. Eligiendo el método adecuado en función de la estructura del sitio, puede hacer que el acceso móvil sea más eficiente.

Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres