¿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 a la derecha o izquierda en cada página.
En este artículo, le mostraremos cómo eliminar fácilmente la barra lateral en WordPress.
¿Por qué eliminar la barra lateral en WordPress?
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, estos son enlaces a diferentes áreas de su sitio web, anuncios, formularios de registro de listas de correo electrónico, perfiles de redes sociales o cualquier otro enlace 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 se ve diferente cuando un usuario ve su sitio desde un dispositivo móvil. Debido al pequeño ancho 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 trucos 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 está buscando eliminar la barra lateral de su sitio de WordPress, este tutorial es para usted.
Si no le gusta el video o necesita más instrucciones, siga leyendo.
Eliminar barras laterales usando la configuración del tema de WordPress
Muchos de los mejores temas de WordPress vienen con configuraciones integradas para eliminar las barras laterales. Dependiendo del tema, puede eliminarlos a nivel del sitio o simplemente eliminarlos de publicaciones o páginas individuales.
Puede averiguar si su tema tiene esta opción editando una sola publicación o 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 estuviera utilizando 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 a continuación Apariencia »Personalizar página.
Según el tema, la ubicación y la apariencia de estas opciones pueden variar. Después de localizar la configuración, podrá ver inmediatamente sus cambios aparecer en la vista previa en vivo.
No olvide publicar sus cambios antes de salir de la personalización del tema.
Tenga en cuenta que algunos temas de WordPress pueden no tener esta función en absoluto. Si es así, sigue leyendo y te mostraremos otras formas de eliminar la barra lateral en WordPress.
Eliminar barras laterales de todas partes en 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 editar los archivos del tema de WordPress. Entonces, si nunca ha hecho esto 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 el tema. Es por eso que debe crear un tema hijo para guardar los cambios.
Primero, debe conectarse a su sitio de WordPress utilizando un cliente FTP y luego ir a la carpeta / wp-content / themes / your-current-theme /.
Los temas de WordPress constan de varias plantillas, por lo que deberá editar todas las plantillas donde aparezca 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 cambiar index.php, page.php, single.php, archive.php, home.php, etc.
Abra un archivo de plantilla para editarlo y luego ubique la línea que se ve así:
<?php get_sidebar(); ?>
Si su tema viene con varias barras laterales, verá varias instancias de este código con un nombre de barra lateral dentro de la función. Por ejemplo:
<?php get_sidebar('footer-widget-area'); ?>
Elimina la fila que representa la barra lateral que no quieres ver.
Ahora guarde y cargue el archivo nuevamente en su cuenta de alojamiento de WordPress. Repita el proceso para todos los archivos de plantilla responsables de mostrar diferentes páginas en su sitio web.
Una vez hecho esto, puede ir a su sitio web y verlo en acción.
Puede notar que, si bien las barras laterales han desaparecido, el área de contenido todavía muestra 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 se ha ido, necesitamos ajustar el ancho del área de contenido agregando CSS personalizado al tema.
Primero, necesitará comprender la clase CSS utilizada por su tema para definir el ancho del área de contenido. Puede hacer esto usando la herramienta Inspeccionar en su navegador.
Aquí está el CSS de muestra que usamos en nuestro sitio de demostración usando el tema Twenty Sixteen.
.content-area {
width: 100%;
margin: 0px;
border: 0px;
padding: 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 desee eliminar solo las barras laterales en ciertas páginas mientras las visualiza 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 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 plugin de página de destino de WordPress como SeedProd porque le permite crear páginas de destino personalizadas sin escribir ningún código (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 se mencionó anteriormente, muchos temas de WordPress vienen con plantillas de página de ancho completo listas para usar. Estas plantillas se pueden usar con cualquier página estática en WordPress y no muestran barras laterales a ambos lados del contenido.
Solo tendrá que editar la página de la que desea eliminar la barra lateral y luego seleccionar la plantilla de ancho completo en el cuadro meta «Atributos de la 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.
Si es así, 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 en blanco:
<?php /* * Template Name: Full-Width */ get_header(); ?>
Ahora guarde este archivo como full-width.php en su escritorio.
Conéctese a su sitio de WordPress utilizando un cliente FTP y luego vaya a la carpeta / wp-content / themes / your-current-theme /. Edite el archivo llamado page.php y copie todo lo que aparece a continuación <?php get_header(); ?> 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í:
<?php get_sidebar(); ?>
Guarde sus cambios y cargue el archivo full-width.php en la carpeta del tema 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 individuales, puede crear una plantilla de publicación única personalizada. Es similar a crear una plantilla de página de ancho completo.
Primero, deberá crear un nuevo archivo de plantilla con un editor de texto como el Bloc de notas. A continuación, debe copiar y pegar el siguiente código en ese archivo:
<?php /* * Template Name: Featured Article * Template Post Type: post, page, product */ get_header(); ?>
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 como wpb-single-post.php en su escritorio.
A continuación, 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 publicación única 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, hay algunos creadores de páginas excelentes disponibles.
Elimina las barras laterales con un plugin de Page Builder
Si solo desea eliminar las barras laterales de algunas páginas, puede usar un plugin 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 de página personalizados. También puede utilizar una plantilla en blanco y diseñar una desde cero.
Por el bien de este tutorial, usaremos Beaver Builder, pero es más o menos lo mismo con la mayoría de los creadores de páginas.
Primero, debe instalar y activar el plugin Beaver Builder. Para obtener un tutorial paso a paso, consulte nuestra guía sobre cómo instalar un plugin de WordPress.
Después de la activación, simplemente edite la publicación o página que desea editar y ejecute el editor de Beaver Builder.
Beaver Builder viene con varias plantillas que puedes usar. También puede crear su propio diseño simplemente agregando módulos, líneas y elementos a su página.
Para obtener instrucciones más detalladas, consulte nuestro tutorial sobre cómo crear diseños personalizados de WordPress con Beaver Builder.
Esperamos que este artículo le haya ayudado a aprender cómo eliminar fácilmente la barra lateral en su tema de WordPress. También puede consultar nuestra guía paso a paso sobre cómo aumentar la velocidad y el rendimiento de WordPress y nuestra comparación de los mejores servicios de marketing por correo electrónico para aumentar su tráfico y ventas.
¿Te ha resultado útil??
0 / 0