Cuando las plantillas de WordPress utilizan un dise?o de dos columnas para el contenido y las barras laterales, el icono "Error de barra lateral por debajo de la tolerancia". Debido a un ligero cambio en el código, la barra lateral empezó a aparecer debajo del contenido en lugar de junto a él.

?Cuál es la causa de los errores de contenido de la barra lateral de WordPress?

Las razones más comunes para que las barras laterales aparezcan debajo del contenido son HTML tal vezError CSSEstropea el dise?o.

Cada<div>Todas las etiquetas deben cerrarse correctamente. Si la plantilla responsable de mostrar la página tiene sin cerrar<div>se romperá el dise?o.

Del mismo modo, el extremo no deseado</div>Las pesta?as también pueden afectar al dise?o y hacer que la barra lateral se desplace hacia abajo.

Junto con HTML, CSS afecta al dise?o general de cada elemento de un sitio web WordPress. Se utiliza para definir la anchura, la alineación y los flotadores de los elementos del dise?o.

En pocas palabras, si la anchura del área de contenido es mayor que el espacio disponible, entonces seráForzar el desplazamiento hacia abajo de la barra lateral.

En primer lugar, averigüe el código exacto que está causando este error en la barra lateral de WordPress.

Veamos cómo solucionar fácilmente el error de la barra lateral debajo del contenido en WordPress.

Método 1:Deshacer cambios recientes en los temas de WordPress

Normalmente, los problemas con las barras laterales se deben a Archivos del tema de WordPressEl cambio se debió a una modificación del

Si hay algún interés reciente en Temas de WordPresstal vezsubtemaSi se han realizado cambios, la comprobación de estos cambios puede solucionar rápidamente este error.

Si no está seguro de qué cambios deben restaurarse, pase al siguiente método.

Método 2:Borrar la caché de WordPress

Si los cambios no aparecen inmediatamente, suele deberse a problemas de almacenamiento en caché.

Los plugins de caché suelen mostrar una versión anterior de la misma página. Borrar Caché de WordPressresponder cantandocaché del navegadorLe resultará útil para ver los cambios aplicados al sitio.

Método 3:Excluir plugins de WordPress

El aspecto de un sitio web de WordPress viene determinado por el uso de la tecnologíaControl temático. Sin embargo, a vecesPlugin de WordPressTambién puede a?adir su propio HTML y CSS a su sitio.

Por ejemplo, a?adiendo elFormulario de contactotal vezventana emergenteSe cargarán CSS y HTML adicionales.

Para asegurarse de que el problema no está causado por un plugin de WordPress, desactive temporalmente todos los plugins de WordPress de su sitio.

Vaya al panel de administración de WordPress en la secciónPlugins " Plugins instaladosy, a continuación, marque la parte superior de la lista "plug-in (componente de software)" junto a la casilla. A continuación, abra el menú desplegable y seleccione "desactivar", luego haga clic en "aparato".

en caso de queLos problemas desaparecenSi el problema lo causa un plug-in, entonces el problema lo causa un plug-in.activar uno a unoTodos los plugins de WordPress, a continuación, compruebe el sitio después de cada plugin para averiguar qué plugin está causando el problema.

Método 4:Reparación de daños que destruyen el trazado <div> pestaña (de una ventana) (informática)

Como ya hemos dicho, los da?os<div>Las pesta?as son una de las razones habituales por las que las barras laterales se desplazan por debajo del contenido.

Si el problema está causado por un área específica del sitio, entonces se puede comprobar la plantilla responsable de mostrar ese código.

Por ejemplo, si el problema sólo se produce en un único mensaje, entonces hay que comprobar el archivo plantilla single.php.

La forma más sencilla de encontrar rápidamente un elemento div no cerrado es utilizar la funciónHerramienta de validación del W3C.

También es posible utilizarHerramientas de inspeccióntal vezAplicación de editor de códigoque ayuda a depurar el código resaltando las etiquetas de inicio y fin de un elemento.

A continuación se muestra un ejemplo de resaltado de las etiquetas de inicio y fin de un elemento:

Al visualizar el código, debe asegurarse de que ningún<div>Las pesta?as abiertas también tienen un final</div>Etiquetas.

Del mismo modo, busque</div>Sin inicio correspondiente<div>Finales aislados para etiquetas.

Si se encuentra una etiqueta HTML corrupta, arreglarla resolverá el problema de que la barra lateral aparezca debajo del contenido.

Método 5:Encuentra el CSS que mueve la barra lateral por debajo del contenido

CSS controla los aspectos más importantes del dise?o de un sitio web. Los temas de WordPress utilizan CSS para definir la anchura del contenido y las zonas de las barras laterales dentro de un dise?o de cuadrícula.

Este valor es un porcentaje del área de visualización disponible. En dispositivos móviles, el tema colocará automáticamente la barra lateral debajo del contenido.

Para encontrar el CSS que está causando el problema, puede utilizar la herramienta de inspección. Basta con mover el contenido al campo envolvente, la sección de contenido y el área de la barra lateral para mostrar su anchura y altura.

Por ejemplo, si tiene un área de contenido con una anchura de 70% y un área de barra lateral con una anchura de 33%, ésta se desplazará automáticamente hacia abajo. Al calcular estos valores, también debes tener en cuenta el espacio utilizado para los valores de relleno y margen de cada sección.

Qué hacer si persiste el error de la barra lateral debajo del contenido

Si ha probado todos los métodos de solución de problemas pero sigue sin solucionar el problema de la barra lateral, una opción esActivar el modo de depuración. Aunque no es una solución directa, muestra un mensaje de error más específico relacionado con el problema de la barra lateral.

Por ejemplo, puede mostrar un mensaje de error PHP que mencione que un plugin está causando problemas de estilo CSS que afectan al dise?o de la barra lateral. Este mensaje puede ayudarte a identificar el plugin problemático y, posiblemente, a encontrar una solución o alternativa.

Si ya no quieres solucionar más problemas, puedes "Contacte con nuestro equipo de Fotónica"Ayudarte.

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