¿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