¿Estás intentando arreglar la barra lateral debajo del error de contenido en WordPress?
Este problema ocurre con las plantillas de WordPress que utilizan un diseño de dos columnas para el contenido y una barra lateral. Debido a un ligero cambio en el código, la barra lateral comienza a aparecer debajo del contenido en lugar de al lado.
En este artículo, le mostraremos cómo corregir fácilmente el error de contenido de la barra lateral debajo de WordPress.
¿Qué causa la barra lateral debajo del problema de contenido en WordPress?
La causa más común de la barra lateral que aparece debajo del contenido es un error de HTML o CSS que rompe el diseño.
Cada <div>
en HTML debe cerrarse correctamente. Si la plantilla responsable de mostrar la página tiene un <div>
etiqueta, entonces esto rompería el diseño.
De manera similar, una etiqueta
de cierre no deseada también puede afectar el diseño y hacer que la barra lateral se mueva hacia abajo.
Además del HTML, CSS también 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 elementos en su diseño.
En pocas palabras, si el ancho de su área de contenido es mayor que el espacio disponible, obligará a la barra lateral a moverse hacia abajo.
Dicho esto, echemos un vistazo a cómo solucionar problemas fácilmente y corregir la barra lateral debajo del error de contenido en WordPress.
Arreglando la barra lateral debajo del error de contenido en WordPress
Primero, deberá averiguar qué código específico está causando la barra lateral debajo del problema de contenido en WordPress.
1. Deshaga los cambios recientes en su tema de WordPress
Por lo general, el problema se debe a cambios en los archivos de tema de WordPress.
Si recientemente realizó algún cambio en su tema de WordPress o tema hijo, examinar esos cambios será una forma rápida de solucionar el problema.
Si no puede averiguar qué cambios revertir, continúe leyendo y le mostraremos otras formas de solucionar el problema.
2. Descartar los complementos de WordPress
La apariencia y el estilo de su sitio de WordPress están controlados por el tema que está utilizando. 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 una ventana emergente de caja de luz cargaría CSS y HTML adicionales.
Para asegurarse de que el problema no sea causado por un complemento de WordPress, puede desactivar temporalmente todos los complementos de WordPress en su sitio web.
Si el problema desaparece, significa que un complemento lo estaba causando. Simplemente active todos sus complementos de WordPress uno por uno, revisando su sitio web después de cada complemento para averiguar cuál está causando el problema.
Después de eso, puede comunicarse con el soporte del complemento para encontrar una solución e informar el problema.
3. Encuentra el HTML que rompe el diseño.
Como mencionamos anteriormente, un roto <div>
La etiqueta es una de las causas comunes de que la barra lateral se mueva debajo del contenido.
Ahora, si el problema se produce en un área específica de su sitio web, puede consultar la plantilla responsable de mostrar ese código.
Por ejemplo, si este problema solo ocurre en publicaciones individuales, es posible que desee verificar la plantilla single.php. Para saber qué plantilla buscar, consulte nuestra hoja de referencia completa de jerarquía de plantillas de WordPress.
La forma más fácil de encontrar rápidamente un elemento div no cerrado es usando el Herramienta de validación de W3C.
También puede usar la herramienta Inspeccionar o las aplicaciones de edición de código que lo ayudan a depurar el código resaltando las etiquetas de inicio y finalización de los elementos.
Al mirar el código, debe asegurarse de que cualquier <div>
etiqueta que se abre también tiene un cierre </div>
etiqueta.
De manera similar, también desea buscar una etiqueta
de cierre huérfana que no tenga una etiqueta
Si ha encontrado el HTML roto, arreglarlo solucionará la barra lateral que aparece debajo del problema del contenido.
4. Busque el CSS moviendo la barra lateral debajo del contenido.
CSS controla los aspectos más importantes del diseño de su sitio web. Su tema de WordPress utiliza CSS para definir el ancho del contenido y las áreas de la barra lateral dentro de un diseño de cuadrícula.
Este valor está en el porcentaje del área de visualización disponible. En dispositivos móviles, su tema empujaría automáticamente hacia abajo la barra lateral debajo del contenido.
Para saber qué CSS está causando el problema, puede usar la herramienta Inspeccionar. Simplemente moviendo su contenido al campo de envoltura, la sección de contenido y las áreas de la barra lateral le mostrará su ancho y alto.
Por ejemplo, si su área de contenido tiene un ancho del 70% y el área de la barra lateral es del 33%, entonces se moverá automáticamente hacia abajo. Cuando necesite calcular estos valores, es posible que también desee considerar el espacio utilizado por los valores de margen y relleno utilizados por cada sección.
5. Limpiar la caché de WordPress
Si todavía ve la barra lateral debajo del área de contenido, es posible que desee borrar su caché de WordPress.
Cuando realiza cambios que no aparecen de inmediato, a menudo se debe a problemas de almacenamiento en caché.
Es común que los complementos de almacenamiento en caché le muestren una versión anterior de la misma página. Borrar la caché de WordPress y la caché del navegador le ayudaría a ver los cambios aplicados a su sitio web.
Esperamos que este artículo le haya ayudado a aprender cómo corregir la barra lateral debajo del error de contenido en WordPress. Es posible que también desee marcar nuestro manual definitivo sobre los errores comunes de WordPress y cómo solucionarlos.