¿Quieres eliminar la barra lateral de tu sitio de WordPress? La barra lateral es un área lista para widgets en su tema de WordPress. A menudo aparece en el lado derecho o izquierdo de cada página. En este artículo, le mostraremos cómo eliminar la barra lateral fácilmente en WordPress.
¿Por qué eliminar la barra lateral en WordPress?
Contents
La mayoría de los temas de WordPress gratuitos y de pago vienen con múltiples barras laterales o áreas listas para widgets. El propósito de las barras laterales en WordPress es mostrar elementos que no forman parte del contenido de la publicación o la página. Por lo general, son enlaces a diferentes áreas de su sitio web, anuncios, formularios de registro de listas de correo, perfiles de redes sociales o cualquier otra cosa que desee que la gente vea. Estos elementos se pueden agregar fácilmente a la barra lateral de un tema usando widgets de WordPress.
En la mayoría de los temas de WordPress, la barra lateral aparece de manera diferente cuando un usuario ve su sitio desde un dispositivo móvil. Debido al ancho reducido del tamaño de la pantalla, las barras laterales que aparecen a la derecha o izquierda en el escritorio se mueven hacia abajo en las pantallas de los dispositivos móviles. Las barras laterales son extremadamente útiles y pueden ayudarlo a hacer crecer su negocio. Consulte estos consejos de la barra lateral de WordPress para obtener los mejores resultados. Sin embargo, algunos propietarios de sitios web encuentran que eliminar la barra lateral ayuda a mejorar la experiencia del usuario. Si desea eliminar la barra lateral de su sitio de WordPress, este tutorial es para usted.
Video tutorial
Suscríbase a MundoCMS Si no le gusta el video o necesita más instrucciones, siga leyendo.
Eliminar barras laterales usando la configuración de su tema de WordPress
La mayoría de los mejores temas de WordPress vienen con configuraciones integradas para eliminar las barras laterales. Dependiendo de su tema, puede eliminarlos en todo el sitio o simplemente eliminarlos de publicaciones o páginas individuales. Puede saber si su tema tiene esta opción editando una sola publicación o una sola página. En la columna de la derecha, podrá ver la opción para eliminar las barras laterales. Por ejemplo, esto es lo que vería si usara el tema Astra WordPress.
Algunos temas pueden tener la opción de elegir una sola publicación o plantilla de página, incluida una plantilla de ancho completo. Encontrará la opción de seleccionar la plantilla en la sección de atributos de la página en la columna de la derecha.
Algunos temas también le permiten seleccionar un diseño de barra lateral de las opciones del tema. Puede encontrar estas opciones en Apariencia »Personalizar página.
Dependiendo de su tema, la ubicación y apariencia de estas opciones pueden variar. Una vez que ubique la configuración, podrá ver instantáneamente sus cambios aparecer en la vista previa en vivo. Recuerde publicar sus cambios antes de salir del Personalizador de temas. Tenga en cuenta que algunos temas de WordPress pueden no tener esta característica en absoluto. En ese caso, siga leyendo y le mostraremos otras formas de eliminar la barra lateral de WordPress.
Eliminar barras laterales de todo WordPress
Este método le permite simplemente eliminar las barras laterales de cada página y publicarlas en su sitio de WordPress. También requiere que edites los archivos del tema de WordPress. Entonces, si no lo ha hecho antes, consulte nuestra guía sobre cómo copiar y pegar código en WordPress. Tenga en cuenta que si edita los archivos de su tema de WordPress directamente, esos cambios desaparecerán cuando actualice su tema. Es por eso que necesita crear un tema hijo para guardar sus cambios. Primero, debe conectarse a su sitio de WordPress utilizando un cliente FTP, luego ir a la carpeta / wp-content / themes / your-current-theme /. Los temas de WordPress se componen de diferentes plantillas, por lo que deberá editar cualquier plantilla donde se muestre una barra lateral. Para localizar el archivo, consulte nuestra guía sobre la jerarquía de plantillas de WordPress. Por ejemplo, en un tema típico de WordPress, es posible que deba editar index.php, page.php, single.php, archive.php, home.php, etc. Abra un archivo de plantilla para editarlo, luego busque la línea que se ve así:
Si su tema viene con varias barras laterales, verá diferentes instancias de ese código con un nombre de barra lateral dentro de la función. Por ejemplo:
Elimina la fila que representa la barra lateral que no quieres mostrar. Ahora guarde y cargue el archivo en su cuenta de alojamiento de WordPress. Repita el proceso para todos los archivos de plantilla responsables de mostrar las diferentes páginas de su sitio web. Una vez hecho esto, puede ir a su sitio web y verlo en acción. Puede notar que mientras las barras laterales desaparezcan, su área de contenido seguirá mostrando el mismo ancho, dejando el área de la barra lateral en blanco.
Esto se debe a que su tema tiene un ancho definido para el área de contenido. Ahora que la barra lateral desapareció, debe ajustar el ancho del área de contenido agregando CSS personalizado a su tema. Primero, deberá determinar la clase CSS que usa su tema para definir el ancho del área de contenido. Puede hacer esto usando la herramienta Inspeccionar en su navegador. Aquí está el ejemplo de CSS que usamos en nuestro sitio de demostración usando el tema Twenty Sixteen. .content-area {ancho: 100%; margen: 0px; borde: 0px; relleno: 0px; } .content-area .site {margin: 0px; } Así es como se ve sin barras laterales:
Eliminar barras laterales de páginas individuales en WordPress
Es posible que solo desee eliminar las barras laterales de ciertas páginas mientras las muestra en otras secciones de su sitio web. Por ejemplo, muchos sitios web muestran barras laterales en la página de su blog, pero no en publicaciones de blog individuales. Algunos prefieren mostrar barras laterales en todas partes excepto en las páginas estáticas. Si está buscando crear una página de destino personalizada o una página de ventas, le recomendamos que utilice un complemento de página de destino de WordPress como SeedProd, ya que le permite crear páginas de destino personalizadas sin escribir ningún código (es decir, ‘usando una interfaz de arrastrar y soltar). Dicho esto, echemos un vistazo a diferentes escenarios y cómo eliminar las barras laterales de diferentes áreas.
Eliminar barras laterales de una página estática en WordPress
Como mencionamos anteriormente, muchos temas de WordPress vienen con plantillas de página de ancho completo listas para usar. Estas plantillas se pueden utilizar con cualquier página estática de WordPress y no muestran barras laterales a ambos lados del contenido. Todo lo que necesita hacer es editar la página en la que desea eliminar la barra lateral, luego seleccionar la plantilla de ancho completo en el meta-cuadro «Atributos de página».
Si no ve una opción para seleccionar una plantilla, significa que su tema no viene con una plantilla de página de ancho completo. En este caso, deberá crear manualmente una plantilla de página de ancho completo. Abra un editor de texto sin formato como el Bloc de notas y pegue el siguiente código en un archivo vacío:
Ahora guarde este archivo como full-width.php en su escritorio. Inicie sesión en su sitio de WordPress utilizando un cliente FTP, luego navegue a / wp-content / themes / su carpeta-tema / actual. Edite el archivo llamado page.php y copie lo que aparezca después línea. Ahora pega este código en tu archivo de ancho completo.php. Después de eso, debe ubicar y eliminar la línea que se ve así:
Guarde sus cambios y cargue el archivo.php de ancho completo en su carpeta de temas actual. Ahora puede editar cualquier página en su sitio de WordPress y podrá seleccionar su plantilla de página de ancho completo. Para obtener más detalles, consulte nuestra guía sobre cómo crear una plantilla de página de ancho completo en WordPress.
Eliminar la barra lateral de una sola publicación en WordPress
Al igual que las páginas, WordPress también viene con soporte integrado para plantillas de publicaciones. Si desea eliminar la barra lateral de algunas publicaciones únicas, puede crear una plantilla de publicación única personalizada. Es como crear una plantilla de página de ancho completo. Primero, deberá crear un nuevo archivo de plantilla utilizando un editor de texto como el Bloc de notas. Luego, debe copiar y pegar el siguiente código en este archivo:
Este código define una nueva plantilla llamada Artículo destacado y la pone a disposición para tipos de publicación, página y producto. Puede guardar este archivo con el nombre wpb-single-post.php en su escritorio. Luego, debe cargarlo en su carpeta de temas de WordPress actual utilizando un cliente FTP. Ahora puede editar cualquier publicación en su sitio web y notará el nuevo cuadro de meta Atributos de publicación con una opción para seleccionar la plantilla.
Puede seguir los pasos descritos en nuestra guía sobre cómo crear plantillas de publicaciones únicas personalizadas en WordPress. En su plantilla de publicación única personalizada, todo lo que necesita hacer es asegurarse de eliminar la parte de la barra lateral del código. Si desea tener más control sobre el diseño de su sitio, existen excelentes creadores de páginas disponibles.
Eliminar barras laterales con un complemento de Page Builder
Si solo desea eliminar las barras laterales de algunas páginas, puede usar un complemento de creación de páginas de WordPress como Beaver Builder o Divi. Estos creadores de páginas de arrastrar y soltar vienen con plantillas listas para usar que puede usar para crear diseños personalizados. También puede utilizar una plantilla en blanco y diseñar una desde cero. Para los propósitos de este tutorial, usaremos Beaver Builder, pero es más o menos lo mismo con la mayoría de los creadores de páginas. En primer lugar, debe instalar y activar el complemento Beaver Builder. Para obtener un tutorial paso a paso, consulte nuestra guía sobre cómo instalar un complemento de WordPress. Tras la activación, simplemente edite la publicación o página que desea editar e inicie el editor de Beaver Builder.
Originally posted 2021-02-24 13:29:34.
