Cómo quitar la barra lateral en WordPress

Publicado: 2020-07-24

Una barra lateral es un lugar para widgets que pueden aparecer a la derecha, a la izquierda o en la parte inferior después del contenido en diferentes páginas. En caso de que no necesite un widget en una publicación o página, debe aprender a eliminar la barra lateral en WordPress. Dependiendo del tema, la configuración para la eliminación de la barra lateral también se proporciona para facilitar su uso. Sin embargo, si no se proporciona, este tutorial le será útil.

Contenido
1 ¿Por qué eliminar la barra lateral en WordPress?
2 Cómo eliminar completamente la barra lateral en WordPress
3 Cómo quitar la barra lateral en WordPress de páginas individuales
3.1 Cómo quitar la barra lateral de una página estática
3.2 Cómo quitar la barra lateral en WordPress de una página de blog
3.3 Cómo quitar la barra lateral de una sola publicación
4 Cómo quitar la barra lateral en WordPress con un complemento

¿Por qué eliminar la barra lateral en WordPress?

Hay casos en los que necesita mostrar diferentes elementos en la barra lateral. Pueden ser anuncios, formularios, redes sociales, etc. y se pueden agregar mediante widgets. La experiencia de los usuarios puede ser diferente dependiendo de si están viendo el sitio desde una computadora de escritorio o un dispositivo móvil. Es porque las opciones de la barra lateral pueden ser diferentes para un dispositivo móvil. El ancho se reduce en los dispositivos móviles, por lo que las barras laterales izquierda y derecha pueden aparecer hacia la parte inferior.

Según los requisitos del cliente, los desarrolladores deben habilitar o deshabilitar la barra lateral para mejorar la experiencia del usuario y la productividad del sitio.

Cómo eliminar completamente la barra lateral en WordPress

Antes de comenzar con este método, se recomienda mantener una copia de seguridad del sitio y usar el tema secundario para evitar perder los cambios que realizará cuando actualice el tema más adelante.

Este método eliminará completamente la barra lateral de su tema. Debe editar los archivos del tema para que esto suceda. Para acceder a los archivos de temas, puede iniciar sesión directamente en el panel de control de WordPress, iniciar sesión en el Administrador de archivos del proveedor de alojamiento o con la ayuda del Cliente FTP.

Como el tema contiene varias plantillas, debe copiarlas todas antes de comenzar a editar. Debe editar plantillas completas donde haya una barra lateral. En un tema normal, pueden estar presentes en index.php, home.php, archive.php, single.php, page.php, etc.

Busque la carpeta donde se encuentra la carpeta de la plantilla. Abra wp-content/themes/theme-folder . Copie la plantilla que editará en la carpeta del tema secundario. Ahora busque esta línea en el archivo de plantilla:

 <?php get_sidebar(); ?>

Esta función llama a la barra lateral. Por lo tanto, elimine este código de la barra lateral.

Si su tema tiene múltiples barras laterales, entonces necesita buscar códigos que tengan una palabra "barra lateral". Por ejemplo:

 <?php get_sidebar('pie de página-widget-area'); ?>

El código de la barra lateral anterior representa el widget de pie de página. Encuentre este tipo de código y elimínelo.

Después de guardar los cambios, observará que la barra lateral se ha eliminado del sitio web. Además, verá que incluso después de eliminar las barras laterales, el ancho del contenido sigue siendo el mismo.

Cada tema ha definido un ancho de contenido predeterminado para que aparezcan imágenes y textos, por lo que debe editar el código para el área de contenido de ancho completo. Esto se puede solucionar agregando CSS personalizado a su tema. Inspeccione el área de contenido y descubra la clase de CSS que se utiliza para definir esa área de contenido en particular.

Ahora necesita especificar el código CSS para esa clase en particular. Aquí hay un ejemplo para el CSS de muestra:

 .área de contenido {
ancho: 100%;
margen: 0px;
borde: 0px;
relleno: 0px;
}
.área de contenido .sitio {
margen: 0px;
}

Después de implementar este CSS adicional en su tema, verá el área de contenido de ancho completo sin barras laterales.

Cómo quitar la barra lateral en WordPress de páginas individuales

La barra lateral puede aparecer en diferentes ubicaciones. A veces es necesario eliminar una barra lateral en particular de una publicación o una página sin afectar la visualización de la barra lateral en otras ubicaciones. Este proceso es similar al método que discutimos anteriormente. Echémosle un vistazo más de cerca.

Cómo quitar la barra lateral de una página estática

Cuando edite una página, busque la configuración de atributos de página en la parte inferior derecha. Encontrará una plantilla de página de ancho completo de forma predeterminada para una página estática. No muestran barras laterales en su página. Seleccionar la plantilla de página de ancho completo es la solución para usted.

Sin embargo, si no ve la configuración del atributo de ancho completo, entonces su tema no la proporciona.

En tal caso, debe agregar un archivo de plantilla de ancho completo manualmente. Siga estas instrucciones para crear uno para usted:

  • Cree un nuevo archivo llamado full-width.php con la ayuda de un editor de texto.
  • Ubique la carpeta wp-content/themes/theme-name con un cliente FTP.
  • Copie el código del archivo page.php y péguelo en el archivo full-width.php.
  • Abra la etiqueta <?php e ingrese el campo de nombre de la plantilla como se muestra a continuación:
 /* Nombre de la plantilla: Plantilla de ancho completo */
  • Buscar <?php get_sidebar(); ?> y eliminarlo.
  • Guarde los cambios y cargue el archivo full-width.php en la carpeta del tema secundario a través de. Cliente FTP.

Ahora verá la plantilla de página de ancho completo en la configuración. Ahora puede aplicarlo a cualquiera de las páginas existentes.

Cómo quitar la barra lateral en WordPress de una página de blog

Los temas de WordPress también proporcionan una barra lateral en las páginas del blog. También puede eliminar la barra lateral de las páginas del blog con los pasos que se mencionan a continuación:

  • En primer lugar, vaya a Configuración >> Lectura , verifique la página de Publicaciones mencionada.
  • Vaya a Páginas >> Todas las páginas , edite la página que encontró en el paso anterior.
  • Cambie el atributo de página a la plantilla de ancho completo antes de guardar estos cambios.

Si falta la plantilla de ancho completo, tendrá que crearla manualmente como discutimos anteriormente para una página estática.

Cómo quitar la barra lateral de una sola publicación

Si el tema proporciona una plantilla de publicación de ancho completo, entonces es más fácil eliminar la barra lateral de una publicación. En tal caso, puede editar una publicación anterior o crear una nueva con Atributos de publicación como plantilla de ancho completo para eliminar la barra lateral. Sin embargo, si falta, debe crear una plantilla de página personalizada para una página estática.

Es similar a eliminar la barra lateral de páginas estáticas y páginas de blog. Sin embargo, debe copiar y editar el contenido del archivo de plantilla single.php en lugar del archivo page.php.

Cómo quitar la barra lateral en WordPress con un complemento

Si desea evitar los procesos anteriores, simplemente puede hacerlo con la ayuda de un complemento. Hay diferentes complementos en WordPress que pueden eliminar todo de la página para crear una plantilla en blanco. También puede eliminar las barras laterales, el título de la página, etc., así como obtener un área de contenido de ancho completo después de eliminarlos. Si solo desea eliminar la barra lateral, el complemento también lo hace.

Todo lo que necesita hacer es buscar un complemento adecuado en el repositorio de complementos de WordPress. Si no puede encontrar el complemento, háganoslo saber en los comentarios, le recomendaremos un complemento para él.

Conclusión

La barra lateral es una de las características ricas de WordPress. Sin embargo, hay casos en los que ya no lo necesita. Con suerte, has aprendido a eliminar la barra lateral en WordPress.

Otras lecturas

  1. Cómo duplicar una página en WordPress
  2. Cómo subir un archivo HTML a WordPress
  3. Últimas noticias de WordPress
  4. Cómo anular la publicación de un sitio de WordPress