Cómo arreglar la barra lateral debajo de los errores de contenido en WordPress
¿Está tratando de arreglar la barra lateral debajo de los errores de contenido en WordPress?
Este problema ocurre con las plantillas de WordPress que usan un diseño de contenido de dos columnas y una barra lateral. Debido a un ligero cambio en el código, la barra lateral comenzó a aparecer debajo del contenido en lugar de al lado.
En este artículo, le mostraremos cómo corregir fácilmente la barra lateral debajo de los errores de contenido en WordPress.
¿Qué causa una barra lateral debajo de los problemas de contenido en WordPress?
La razón más común por la que aparece una barra lateral debajo del contenido es un error de HTML o CSS que rompe el diseño.
cada <div> Requiere un cierre adecuado en HTML.Si la plantilla responsable de mostrar la página tiene un espacio abierto <div> etiqueta, entonces esto romperá el diseño.
De nuevo, finales no deseados.
Las pestañas también pueden afectar el diseño y hacer que la barra lateral se mueva hacia abajo.
Además de HTML, CSS afecta el diseño general de cada elemento de su sitio web. Se utiliza para definir el ancho, la alineación y la flotación de los elementos en el diseño.
En pocas palabras, si el ancho de su área de contenido excede el espacio disponible, obliga a la barra lateral a moverse hacia abajo.
Habiendo dicho eso, echemos un vistazo a cómo resolver y arreglar fácilmente la barra lateral debajo de los errores de contenido en WordPress.
Arreglar la barra lateral debajo del error de contenido en WordPress
Primero, debe encontrar el código específico en la barra lateral debajo del problema de contenido en WordPress.
1. Deshaga los cambios recientes realizados en su tema de WordPress
Por lo general, los problemas son causados por cambios en los archivos de temas de WordPress.
Si ha realizado cambios recientes en su tema de WordPress o en su tema secundario, comprobar esos cambios será una solución rápida.
Si no está seguro de qué cambios revertir, siga leyendo y le mostraremos otras formas de solucionar el problema.
2. Excluir complementos de WordPress
La apariencia de su sitio de WordPress está controlada por el tema que utiliza. Sin embargo, a veces los complementos de WordPress también pueden agregar su propio HTML y CSS a su sitio web.
Por ejemplo, agregar un formulario de contacto en una página o ventana emergente de lightbox carga CSS y HTML adicionales.
Para asegurarse de que el problema no sea causado por un complemento de WordPress, puede deshabilitar temporalmente todos los complementos de WordPress en su sitio.
Si el problema desaparece, significa que el complemento está causando el problema. Simplemente active todos los complementos de WordPress uno por uno y revise su sitio web después de cada uno para averiguar qué complemento está causando el problema.
Después de eso, puede ponerse en contacto con el soporte de complementos para encontrar soluciones e informar problemas.
3. Encuentra el HTML que rompe el diseño
Como mencionamos anteriormente, un roto <div> Las pestañas son una de las razones comunes por las que las barras laterales se mueven debajo del contenido.
Ahora bien, si el problema está en un área específica de tu sitio, puedes consultar la plantilla encargada de mostrar ese código.
Por ejemplo, si el problema solo ocurre con una sola publicación, es posible que desee verificar la plantilla single.php. Para saber qué plantilla revisar, consulte nuestra hoja de referencia completa de la jerarquía de plantillas de WordPress.
La forma más fácil de encontrar rápidamente elementos div no cerrados es usar la herramienta W3C Validator.
También puede usar una herramienta de inspección o una aplicación de edición de código para ayudarlo a depurar su código resaltando las etiquetas de apertura y cierre de los elementos.
Al revisar el código, debe asegurarse de que cualquier <div> Las pestañas abiertas también tienen un final </div> Etiqueta.
Del mismo modo, también desea encontrar ningún abierto correspondiente
Bandera aislada de cerca
Marcos.
Si encuentra HTML roto, arreglarlo arreglará la barra lateral que aparece debajo del problema de contenido.
4. Encuentra el CSS que mueve la barra lateral debajo del contenido
CSS controla los aspectos más importantes del diseño del sitio web. Su tema de WordPress usa CSS para definir el ancho del contenido y el área de la barra lateral dentro del diseño de cuadrícula.
El valor se expresa como un porcentaje del área de visualización disponible. En dispositivos móviles, su tema empuja automáticamente hacia abajo la barra lateral debajo del contenido.
Para averiguar qué CSS está causando el problema, puede usar una herramienta de inspección. Simplemente mueva su contenido a campos envolventes, secciones de contenido y áreas de la barra lateral para revelar su ancho y alto.
Por ejemplo, si su área de contenido tiene un 70 % de ancho y su área de la barra lateral es un 33 %, se moverá automáticamente hacia abajo. Cuando necesite calcular estos valores, también puede considerar el espacio utilizado por los valores de relleno y margen utilizados por cada sección.
5. Borrar caché de WordPress
Si aún ve la barra lateral debajo del área de contenido, es posible que deba borrar su caché de WordPress.
Cuando realiza cambios que no aparecen de inmediato, generalmente se debe a problemas de almacenamiento en caché.
Los complementos de almacenamiento en caché a menudo le muestran una versión anterior de la misma página. Borrar la memoria caché de WordPress y la memoria caché del navegador lo ayudará a ver los cambios aplicados a su sitio.
Esperamos que este artículo lo haya ayudado a aprender cómo corregir la barra lateral debajo de los errores de contenido en WordPress. También puede marcar nuestra guía definitiva sobre los errores comunes de WordPress y cómo corregirlos.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.
Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.
