{"id":11246,"date":"2020-07-30T20:52:19","date_gmt":"2020-07-30T18:52:19","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-tutoriales\/?p=11246"},"modified":"2023-08-02T22:33:24","modified_gmt":"2023-08-02T20:33:24","slug":"eliminar-barra-lateral-wordpress","status":"publish","type":"post","link":"\/co\/tutoriales\/eliminar-barra-lateral-wordpress","title":{"rendered":"C\u00f3mo eliminar la barra lateral en WordPress desde cualquier p\u00e1gina\/publicaci\u00f3n"},"content":{"rendered":"

La barra lateral, o sidebar<\/a>, de WordPress es un espacio para insertar widgets a la izquierda, derecha o parte inferior de tu tema. Aunque es muy útil, a veces necesitarás eliminar la barra lateral en WordPress porque deseas tener una página\/publicación sin widgets. La mayoría de los temas modernos tienen opciones específicas en su panel de configuración para eliminar la barra lateral. <\/p>

Sin embargo, si no tienes acceso a esta sección, este tutorial es perfecto para ti. Te daremos 3 consejos prácticos sobre cómo eliminar la barra lateral de cualquier página\/publicación de WordPress<\/a>.<\/p>

Cómo eliminar la barra lateral de WordPress completamente<\/h2>

Este primer método eliminará la barra lateral de tu tema por completo. Para hacer esto, necesitas editar tus archivos de tema. Te recomendamos que hagas una copia de seguridad de tu sitio de WordPress<\/a> y uses el tema secundario<\/a>, de lo contrario, podrías perder todos los cambios realizados. Esto se debe a que un tema secundario hereda toda la funcionalidad, características y código del tema principal sin afectar el tema principal en sí. Por lo tanto, cualquier cambio realizado en tu tema secundario no sobrescribirá el original. Además, no perderás ninguna modificación después de la actualización del tema.<\/p>

Una vez que hayas configurado tu tema secundario, debes acceder a tus archivos de tema. Puedes usar la ayuda de clientes FTP como FileZilla<\/a>, abrirlos usando el administrador de archivos Hostinger o ir al panel de WordPress> Apariencia> Editor<\/strong>. En este tutorial, usaremos la primera opción.<\/p>

Ten en cuenta también que tu tema consta de muchas plantillas. Por lo tanto, deberás copiar todas las plantillas que deseas editar del tema principal al tema secundario y luego editar la barra lateral de cada plantilla. Por ejemplo, puedes editar home.php, index.php, single.php, archive.php, page.php<\/strong>, etc.<\/p>

Para encontrar los archivos de plantillas, ve a la carpeta \/wp-content\/themes\/tu-tema<\/strong>. Elige la plantilla que desees editar y cópiala en la carpeta de tema secundario. Luego abre el archivo de plantilla y busca este código específico:<\/p>

<?php get_sidebar(); ?><\/pre>
Dado que la función del código es para llamar a la barra lateral, debes borrar el código para eliminar tu barra lateral.<\/p>
Además, existe la posibilidad de que tus temas tengan múltiples barras laterales. En este caso, debes buscar códigos que tengan el nombre de “sidebar”. El fragmento de código a continuación llama al widget de pie de página:<\/p>
<?php get_sidebar('footer-widget-area'); ?><\/pre>
Eliminar estos tipos de códigos eliminará varias barras laterales en tu plantilla.<\/p>
Después de completar todos los pasos y guardar, ve a tu sitio web. Verás que las barras laterales ya no están. Sin embargo, todavía las imágenes y textos no se verán de ancho completo. Puedes ver que el punto de la barra lateral anterior se reemplaza por un área en blanco. Esto pasa porque tu tema tiene una configuración predeterminada para el ancho del área de contenido. Para resolverlo puedes simplemente agregar un CSS personalizado<\/a> que repare el ancho de págia.<\/p>
Cómo quitar la barra lateral de páginas o publicaciones individuales de WordPress<\/h2>
Tu sitio web está compuesto de múltiples páginas y publicaciones. A veces, es posible que solo necesites eliminar la barra lateral en una página específica y publicar sin afectar otras páginas. El proceso es bastante similar a eliminar la barra lateral por completo de cualquier parte de tu sitio web. La diferencia es que debes crear una nueva plantilla copiando la existente. Para hacerlo más claro, echemos un vistazo más de cerca.<\/p>
Eliminar la barra lateral de una página estática<\/h3>
Algunos temas modernos de WordPress han proporcionado la plantilla predeterminada de ancho completo para una página estática. Por lo tanto, eliminar la barra lateral de una página estática es bastante fácil. Solo necesitas ir al cuadro meta Atributos de página y elegir Ancho completo en la selección de Plantilla.<\/p>
\n
\"WordPress<\/figure><\/div>
Si esta opción no aparece, significa que el tema no proporciona la plantilla de página de ancho completo. Por lo tanto, deberás crear un nuevo archivo de plantilla de ancho completo. Para hacerlo, sigue los pasos a continuación:<\/p>
    \n
  1. Usa cualquier editor de texto y crea un nuevo archivo. Nombra este archivo como full-width.php<\/strong> y guárdalo en tu escritorio.<\/li>\n\n\n\n
  2. Conecta tu cuenta de hosting utilizando un cliente FTP.<\/li>\n\n\n\n
  3. Encuentra la carpeta \/wp-content\/themes\/tu-tema<\/strong><\/li>\n\n\n\n
  4. Elige el archivo page.php<\/strong> y edítalo.<\/li>\n\n\n\n
  5. Copia todo el código de este archivo y pégalo en tu archivo full-width.php<\/strong>.<\/li>\n\n\n\n
  6. Después de abrir la etiqueta <?php<\/strong>, agrega este texto:\n
    \/*\nTemplate Name: Full Width Template\n*\/<\/pre>\n<\/li>\n\n\n\n
  7. Aún en el archivo full-width.php<\/strong>, necesitas encontrar esta línea <?php get_sidebar(); ?><\/strong><\/li>\n\n\n\n
  8. El código indicado genera la barra lateral en tu página. Por lo tanto, simplemente quítalo.<\/li>\n\n\n\n
  9. Guarda los cambios.<\/li>\n\n\n\n
  10. Carga el archivo full-width.php <\/strong>a la carpeta de tu child theme (tema secundario) a través del cliente FTP.<\/li>\n\n\n\n
  11. Ahora, en WordPress, tendrás la opción de plantilla de página de ancho completo.<\/li>\n<\/ol>
    Eliminar la barra lateral de una página de blog<\/h3>
    Si bien una página estática a menudo viene con una plantilla de ancho completo de forma predeterminada, la mayoría de los temas de WordPress siempre ponen una barra lateral en la página de blog<\/a>. Para eliminar la barra lateral solo de las páginas del blog, sigue estos pasos a continuación:<\/p>
      \n
    1. Desde tu panel de WordPress, ve a Configuración->Lectura<\/strong><\/li>\n\n\n\n
    2. En Lectura<\/strong>, busca el nombre de tu página de blog. Digamos que el nombre es “Tutoriales”<\/li>\n\n\n\n
    3. Ahora, ve a Páginas -> Todas las páginas<\/strong>.<\/li>\n\n\n\n
    4. Encuentra tu página de blog, o “Tutoriales” en este caso.<\/li>\n\n\n\n
    5. Busca el cuadro Atributos de página<\/strong> y elige Ancho completo en la sección Plantilla.<\/li>\n\n\n\n
    6. Si no puedes encontrar la opción Ancho completo, debes hacerlo manualmente.<\/li>\n\n\n\n
    7. Repite el procedimiento para crear la plantilla de página de ancho completo de la sección anterior.<\/li>\n<\/ol>
      Eliminar la barra lateral de una publicación en WordPress<\/h3>
      A veces, es posible que solo necesites eliminar la barra lateral en una publicación específica. Si tu tema te ha proporcionado la plantilla de publicación de ancho completo, no tienes que ocuparte del código. Solo necesitas hacer una nueva publicación e ir al cuadro meta Atributos de la misma. Elige la plantilla de ancho completo para eliminar la barra lateral.<\/p>
      Pero, si no puede encontrarla, deberás crear una plantilla de página personalizada. Los pasos son bastante similares a la creación de una plantilla de página personalizada para una página estática. La única diferencia es que deberás copiar y editar el contenido del archivo de plantilla single.php<\/strong>.<\/p>
      Cómo quitar la barra lateral de WordPress con un plugin<\/h2>
      Si no deseas lidiar con líneas de código, también puedes administrar tu barra lateral utilizando un plugin. Recomendamos utilizar este útil complemento: Fullwidth Templates for Any Theme & Page Builder<\/a>.<\/p>
      \n
      \"Complemento<\/figure><\/div>
      Tal como lo sugiere su nombre en inglés, este complemento funciona para cualquier tema y generador de páginas que puedas usar para tu sitio web. Además, usarlo es extremadamente fácil. Solo necesitas 3 clics para crear una plantilla de ancho completo.<\/p>
      Una vez que instales y actives el plugin, tendrás acceso a estas 3 configuraciones básicas.<\/p>
      1. Plantilla en blanco<\/h3>
      La primera configuración eliminará todo de tu página: encabezado, pie de página, barra lateral, comentarios. Todo lo que le quedará es una página en blanco que te brindará un control total sobre tu diseño. Este diseño es adecuado para crear una página de destino.<\/p>
      2. Plantilla de ancho completo<\/h3>
      La segunda configuración eliminará la barra lateral, el título de la página y los comentarios del diseño. Afortunadamente, no queda área vacía. Tu área de contenido se estirará automáticamente en todo su ancho para llenar el diseño. La segunda configuración es ideal si estás utilizando un generador de páginas.<\/p>
      3. Sin plantilla de barra lateral<\/h3>
      La tercera configuración solo eliminará la barra lateral de tu diseño. Puede elegir esto si tu tema no ofrece la opción Sin barra lateral. Los otros elementos y el estilo del diseño no se verán afectados.<\/p>
      Conclusión<\/h2>
      Aunque una barra lateral es útil para colocar widgets, a veces debes eliminarla de tu plantilla para obtener una mejor apariencia del sitio web. Te proporcionamos 3 opciones prácticas, elige las más adecuadas para tus necesidades. ¿Tienes algún método adicional para eliminar la barra lateral de WordPress? ¡No dudes en compartir tu experiencia con nosotros!<\/p>
      \n
      \"\"<\/a><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"
      La barra lateral, o sidebar, de WordPress es un espacio para insertar widgets a la izquierda, derecha o parte inferior de tu tema. Aunque es muy útil, a veces necesitarás eliminar la barra lateral en WordPress porque deseas tener una página\/publicación sin widgets. La mayoría de los temas modernos tienen opciones específicas en su panel […]<\/p>\n
      Read More…<\/a><\/p>\n","protected":false},"author":138,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"\u00bfC\u00f3mo eliminar la barra lateral en WordPress? (3 alternativas)","rank_math_description":"Te damos 3 consejos sobre c\u00f3mo eliminar la barra lateral en WordPress de cualquier p\u00e1gina\/publicaci\u00f3n, ya sea de forma manual o autom\u00e1tica con un plugin.","rank_math_focus_keyword":"eliminar barra lateral wordpress","footnotes":""},"categories":[4747],"tags":[13840],"class_list":["post-11246","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-eliminar-barra-lateral-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/supprimer-barre-laterale-dans-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/eliminar-barra-lateral-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/eliminar-barra-lateral-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/eliminar-barra-lateral-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/eliminar-barra-lateral-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/remove-sidebar-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/11246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/comments?post=11246"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/11246\/revisions"}],"predecessor-version":[{"id":34080,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/11246\/revisions\/34080"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/media?parent=11246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/categories?post=11246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/tags?post=11246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}