[et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n
Hoy nos sumergimos en una soluci\u00f3n elegante y esencial para todos los entusiastas y administradores de WordPress: c\u00f3mo quitar la barra lateral en WordPress. Este elemento, aunque puede ser \u00fatil, en ocasiones puede interrumpir la est\u00e9tica y funcionalidad de nuestro sitio, en especial cuando buscamos un dise\u00f1o m\u00e1s limpio y enfocado.<\/p>\n
\u00bfAlguna vez hemos sentido que nuestra p\u00e1gina de WordPress est\u00e1 demasiado abarrotada o que la barra lateral distrae de nuestro contenido principal?<\/strong> Pues bien, estamos en el lugar perfecto para despejar esas dudas y aprender a manejar este aspecto de WordPress con maestr\u00eda y sencillez.<\/p>\n En este art\u00edculo, no solo abordaremos los m\u00e9todos pr\u00e1cticos para quitar la barra lateral de WordPress<\/a>, sino que tambi\u00e9n profundizaremos en por qu\u00e9 y cu\u00e1ndo podr\u00eda ser beneficioso hacerlo. Ya sea que estemos comenzando con nuestro primer blog o sitio web, o seamos un veterano buscando refrescar nuestro espacio digital, esta gu\u00eda veremos algunos pasos a pasos en el proceso, asegur\u00e1ndonos de que cada detalle sea claro y f\u00e1cil de implementar.<\/p>\n As\u00ed que, si estamos listos para darle a nuestro sitio WordPress ese toque de claridad y profesionalismo, o solo explorar nuevas posibilidades de dise\u00f1o. \u00a1Empecemos!<\/strong><\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n En la constante evoluci\u00f3n del dise\u00f1o web, mantener nuestros sitios WordPress al d\u00eda con las \u00faltimas tendencias es crucial. Una de estas tendencias es la simplificaci\u00f3n del dise\u00f1o de una p\u00e1gina web<\/a>, donde la eliminaci\u00f3n de barras laterales juega un papel fundamental. Vamos a explorar por qu\u00e9 considerar esta opci\u00f3n puede ser una decisi\u00f3n acertada para revitalizar nuestro sitio.<\/p>\n Dise\u00f1o minimalista y limpio:<\/strong> el minimalismo es una tendencia en alza en el dise\u00f1o web. Al quitar las barras laterales, ofrecemos a nuestros visitantes una experiencia m\u00e1s limpia y enfocada, libre de distracciones. Esto es en especial importante en sitios donde el contenido es el rey, como p\u00e1ginas de blogs en WordPress<\/a>, portafolios y p\u00e1ginas informativas.<\/p>\n Mejora en la experiencia del usuario:<\/strong> con el aumento del uso de dispositivos m\u00f3viles, tener un dise\u00f1o adaptable es m\u00e1s importante que nunca. Al eliminar las barras laterales, mejoramos la legibilidad en pantallas m\u00e1s peque\u00f1as, ofreciendo una experiencia de usuario m\u00e1s fluida y accesible.<\/p>\n Enfoque en el contenido principal:<\/strong> las barras laterales pueden desviar la atenci\u00f3n del contenido principal. Al quitarlas, aseguramos que el foco est\u00e9 en el contenido que queremos destacar, lo que puede aumentar la interacci\u00f3n del usuario y el tiempo de permanencia en la p\u00e1gina.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.webempresa.com\/wp-content\/uploads\/2023\/02\/sidebar-webempresa.png\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Velocidad de carga mejorada:<\/strong> menos elementos en la p\u00e1gina significan tiempos de carga m\u00e1s r\u00e1pidos. En un mundo donde cada segundo cuenta, mejorar la velocidad de carga no solo mejora la experiencia del usuario, sino que tambi\u00e9n es un factor clave en el SEO.<\/p>\n Adaptaci\u00f3n a las nuevas tendencias:<\/strong> la est\u00e9tica de los sitios web est\u00e1 en constante cambio, y mantenerse al d\u00eda con estas tendencias es esencial para un sitio moderno y atractivo. Eliminar las barras laterales puede ser un paso hacia un dise\u00f1o m\u00e1s contempor\u00e1neo y alineado con las expectativas actuales de los usuarios.<\/p>\n Mantener nuestro sitio WordPress actualizado y en sinton\u00eda con las tendencias actuales de dise\u00f1o no solo mejora la experiencia del usuario, sino que tambi\u00e9n refuerza la relevancia y frescura de nuestro sitio, sin importar que constructor de WordPress<\/a> estemos usando la est\u00e9tica es un aspecto crucial para el SEO en estos tiempos din\u00e1micos de la web.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Adem\u00e1s de las razones mencionadas para no usar o quitar las barras laterales, muchos temas, tanto gratuitos como de pago, las usan de manera predeterminada. Eliminar estas barras puede ser f\u00e1cil o dif\u00edcil, seg\u00fan la complejidad del tema.<\/p>\n Para poder simplificar un poco vamos a ver varios ejemplos que una persona pueda necesitar el eliminar esta barra lateral de WordPress.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Si lo que necesitamos es el eliminar de todo nuestro sitio web la barra lateral entonces es mejor que por seguridad tengamos una copia de seguridad WordPress<\/a>, ya sea con nuestro superbackup o bien con cualquier m\u00e9todo manual para tener este respaldo.<\/p>\n Tambi\u00e9n podemos plantearnos el uso de un tema hijo de WordPress<\/a>, de esta forma los archivos que vamos a modificar no afectan de forma permanente al tema en caso de que algo suceda y tengamos que eliminar este ajuste.<\/p>\n Una vez que tenemos o bien el tema hijo hecho o nuestro respaldo asegurado podemos empezar a editar el sitio para eliminar esta barra lateral de WordPress. Hay muchas formas de editar esto que vamos a hacer, una de las m\u00e1s comunes es por medio del editor de temas que esta incorporado en nuestro CMS<\/a> para editar la plantilla de WordPress<\/a>, para ello debemos ingresar al panel de Apariencias > Editor de temas<\/strong>.<\/p>\n Este esta ubicado en el panel lateral del dashboard WordPress<\/a>, es decir, el backend de WordPress; sin embargo, al ingresar a esta secci\u00f3n veremos una advertencia como esta:<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.webempresa.com\/wp-content\/uploads\/2023\/02\/Aviso-de-seguridad.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Una vez hacemos clic en el bot\u00f3n de Entendido<\/strong>, vamos a poder pasar este aviso para proceder a la edici\u00f3n del archivo en s\u00ed. Lo que vemos en este momento en esa p\u00e1gina al aceptar el aviso de seguridad es una sucesi\u00f3n de archivos que comprenden nuestro tema. Tanto las publicaciones como las p\u00e1ginas y plantillas establecidas para poder mostrar el sitio tal como es.<\/p>\n Si nuestra plantilla tiene barras laterales en varias secciones, como la p\u00e1gina de inicio<\/strong> y el blog<\/strong>, tendremos que editar varios archivos para eliminarlas. A menudo, debemos editar archivos como index.php<\/strong>, single.php<\/strong> y archive.php<\/strong>, aunque podr\u00eda haber otros seg\u00fan el tema.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.webempresa.com\/wp-content\/uploads\/2023\/02\/archivos.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Para esto debemos buscar una l\u00ednea de c\u00f3digo en nuestros archivos, el proceso de buscarlo puede ser engorroso, pero si hacemos la sucesi\u00f3n de teclas de Control + F<\/strong>, se nos mostrar\u00e1 en cualquier navegador la barra de b\u00fasqueda, es aqu\u00ed donde ingresamos el siguiente c\u00f3digo:<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.webempresa.com\/wp-content\/uploads\/2023\/02\/busqueda-de-codigo-sidebar.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Como hemos mencionado para eliminar la barra lateral de una secci\u00f3n en particular, primero localizamos la l\u00ednea de c\u00f3digo correspondiente, que puede hacerse de forma manual o usando la funci\u00f3n de b\u00fasqueda Ctrl + F<\/strong>\u00a0en el navegador. Una vez encontrada, eliminamos esa l\u00ednea y as\u00ed desactivamos la barra lateral en esa secci\u00f3n espec\u00edfica. Es importante destacar que este proceso debe repetirse para cada plantilla que el tema utilice para mostrar la barra lateral.<\/p>\n Una vez que tengamos realizado este ajuste, es probable que veamos un espacio vac\u00edo en lugar de la barra lateral en nuestro sitio. Esto ocurre porque le hemos dicho a la plantilla que no muestre la barra lateral, pero no le hemos indicado que ocupe todo el ancho disponible<\/strong>. Para solucionar esto, necesitaremos agregar un poco de CSS adicional en WordPress<\/a> para que el sitio se vea a ancho completo.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.webempresa.com\/wp-content\/uploads\/2023\/02\/contenido-a-la-izquierda.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Por lo general, este tipo de c\u00f3digos se establece por el nombre que tenga la secci\u00f3n, en la mayor\u00eda de los casos esta secci\u00f3n que posee el contenido tiene la clase content-area<\/strong>, por lo que podemos hacer uso de alg\u00fan CSS para que este ocupe el 100% del ancho:<\/p>\n [\/et_pb_text][et_pb_code _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″] <\/code>[\/et_pb_code][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Si el CSS que hemos a\u00f1adido no parece funcionar como esper\u00e1bamos, es necesario que hagamos una verificaci\u00f3n por nuestra cuenta. Si no nos sentimos c\u00f3modos haciendo esto, podemos buscar ayuda en nuestro foro de soporte especializado en CMS.<\/p>\n Es importante recordar que los c\u00f3digos CSS deben ser agregados en la secci\u00f3n de estilos. Esto puede hacerse de forma f\u00e1cil utilizando la opci\u00f3n proporcionada por WordPress en la secci\u00f3n de personalizaci\u00f3n. Para acceder a ella, ve a Apariencia > Personalizar > CSS adicional<\/strong>.<\/p>\n Una vez dentro de esta secci\u00f3n es donde agregaremos todos los c\u00f3digos incluso los que necesitemos fuera de este ajuste para que se vean reflejados en el estilo del sitio.<\/p>\n IMAGEN ENTRANDO A CSS ADICIONAL<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/css-adicional-ingreso.gif\u00bb title_text=\u00bbcss adicional ingreso\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Tambi\u00e9n, en ocasiones, es posible que necesitemos quitar las barras laterales de un tema como Divi<\/a>. Esto puede ser porque lo hemos comprado, al ser uno de los m\u00e1s populares del mercado o porque lo hemos activado desde nuestras instalaciones de WpF\u00e1cil. Si nos encontramos en esta situaci\u00f3n, el proceso para eliminar las barras laterales es un poco m\u00e1s sencillo. Solo necesitamos seguir estos pasos: ingresamos a Divi > Opciones del Tema> General<\/strong>.<\/p>\n Una vez dentro vamos a ver las opciones para desactivar dicho sidebar en la secci\u00f3n de Dise\u00f1o de la p\u00e1gina de\u00a0<\/span>tienda WordPress<\/a>\u00a0y de la p\u00e1gina de\u00a0<\/span>categor\u00edas de WordPress<\/a>\u00a0para WooCommerce.<\/span><\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.webempresa.com\/wp-content\/uploads\/2023\/02\/ancho-completo-en-divi.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Gracias a la flexibilidad que nos ofrece WordPress y Divi en este caso, los ajustes de estilos tambi\u00e9n podremos hacerlos a trav\u00e9s de las plantillas personalizadas de divi<\/a>, pero para esto debemos cambiar algunos ajustes de nuestro sitio, ingresando a Divi > Ajustes > Constructor<\/strong> .<\/p>\n Aqu\u00ed realizaremos lo siguiente:<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.webempresa.com\/wp-content\/uploads\/2023\/02\/ajustes-extras-de-ancho-completo.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Una vez tenemos todo esto podremos cambiar a versi\u00f3n completa todo nuestro sitio en Divi.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n En otra situaci\u00f3n, es posible que necesitemos las barras laterales solo en ciertas partes de nuestro sitio web, no en todas las p\u00e1ginas. Por ejemplo, es posible que no queramos una barra lateral en la p\u00e1gina de inicio.<\/p>\n En lugar de realizar modificaciones de c\u00f3digo, podemos verificar si una p\u00e1gina espec\u00edfica tiene asignada una plantilla que muestra la barra lateral o una que la omite y muestra el contenido a lo ancho completo. Esto es en especial \u00fatil si estamos utilizando plantillas de WooCommerce<\/a>. Para hacerlo, sigue estos pasos:<\/p>\n Si posee la plantilla ancho completo esto quiere decir que no tendr\u00e1 visible la barra lateral:<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.webempresa.com\/wp-content\/uploads\/2023\/02\/activar-plantila-ancho-completo.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Puede ser que nos lleguemos a encontrar ciertos casos en los que los temas gratuitos de WordPress<\/a> o bien los pr\u00e9mium <\/strong>que tengamos activos, no tengan esta opci\u00f3n para agregar el ancho completo mediante la selecci\u00f3n de plantilla personalizada, si se llega a dar el caso luego en esta gu\u00eda vamos a ver algunos ajustes que podemos hacer para lograr esto.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Tambi\u00e9n consideramos quitar la barra lateral de la p\u00e1gina de entradas<\/a>, que a menudo se llama blog<\/strong>. Si ninguno de los m\u00e9todos anteriores funciona o si estamos utilizando el tema Divi<\/strong> y necesitamos mostrar esta p\u00e1gina a lo ancho completo, aqu\u00ed vamos a ver c\u00f3mo hacerlo.<\/p>\n En primer lugar, debemos entender que la p\u00e1gina de blog a veces no es editable, lo que significa que el tema controla qu\u00e9 elementos se muestran en esta p\u00e1gina y c\u00f3mo se ven. Sin embargo, si deseamos eliminarla, necesitaremos realizar algunas modificaciones, incluyendo la edici\u00f3n de plantillas de Divi<\/strong>.<\/p>\n Para la edici\u00f3n de estas plantillas vamos a ingresar al men\u00fa correspondiente de Divi > Generador de temas<\/strong>, una vez dentro lo que debemos hacer es crear una nueva plantilla en la que vamos a asignarla al blog de nuestro sitio web. Para ello vamos a crear esta nueva plantilla y en el panel que nos muestra vamos a seleccionar la opci\u00f3n de blog<\/strong>.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.webempresa.com\/wp-content\/uploads\/2023\/02\/plantilla-de-blog.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Una vez que hemos agregado esta plantilla solo tendremos que crearla a nuestro gusto, teniendo en cuenta que para mostrar los elementos de\u00a0<\/span>entradas de WordPress<\/a>\u00a0<\/span>debemos agregar el m\u00f3dulo correspondiente al mismo.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.webempresa.com\/wp-content\/uploads\/2023\/02\/modulo-blog-divi.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Como podemos ver tenemos a disposici\u00f3n esta herramienta para el uso en caso de que tengamos Divi como tema, al ser parte de nuestro\u00a0<\/span>WpF\u00e1cil<\/a>\u00a0<\/span>es la opci\u00f3n m\u00e1s habitual que presentamos, tambi\u00e9n hay que tener en cuenta que este tipo de m\u00f3dulos tiene varias configuraciones que podemos modificar para lograr que nuestro blog se vea de una forma m\u00e1s agradable para el usuario que va a ingresar a nuestro sitio.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n En el din\u00e1mico mundo de WordPress, donde la flexibilidad y la personalizaci\u00f3n son la clave, el uso de plugins se convierte en una soluci\u00f3n pr\u00e1ctica y eficiente para adaptar nuestros sitios a nuestras necesidades espec\u00edficas. En esta secci\u00f3n, exploraremos c\u00f3mo podemos utilizar plugins para desactivar esas a veces intrusivas barras laterales, simplificando el proceso y a\u00f1adiendo un toque de modernidad a nuestro sitio web.<\/p>\n Primero, es esencial entender por qu\u00e9 optar por un plugin puede ser la mejor opci\u00f3n para algunos de nosotros. Aunque WordPress ofrece opciones de personalizaci\u00f3n interna, los plugins nos ofrecen una flexibilidad sin igual, permiti\u00e9ndonos realizar cambios sin necesidad de sumergirnos en c\u00f3digos complejos. Esto es \u00fatil para aquellos que no somos expertos en desarrollo web, pero aun as\u00ed deseamos un control total sobre el dise\u00f1o de su sitio.<\/p>\n Como en todo caso que necesitemos utilizar un plugin de WordPress, nuestro primer paso ser\u00e1 el de realizar la instalaci\u00f3n del plugin en WordPress<\/a>. Si bien puede ser un poco confuso, podemos hacer la instalaci\u00f3n de forma manual o mediante el repositorio de WordPress.<\/p>\n En este caso trabajaremos con un plugin en espec\u00edfico que nos ayudara a solucionar el problema principal, el eliminar los sidebar en WordPress.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Este plugin se llama Full Width Templates<\/strong>, y su funci\u00f3n principal es habilitar la opci\u00f3n de ancho completo para p\u00e1ginas que de forma habitual no la tienen. En WordPress, podemos elegir una plantilla para cada p\u00e1gina o entrada, y esta elecci\u00f3n suele estar en el panel lateral o en los par\u00e1metros de la p\u00e1gina. Cuando instalamos este plugin, proporciona varias opciones adicionales relacionadas con las plantillas.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/full-width-template.png\u00bb title_text=\u00bbfull width template\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb text_orientation=\u00bbcenter\u00bb custom_margin=\u00bb||30px||false|false\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Gratuito<\/a>\u00a0\u00a0\u00a0\u00a0\u00a0Comercial<\/a>\u00a0\u00a0\u00a0\u00a0\u00a0Visitar el plugin <\/i><\/span><\/a><\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Las opciones que vamos a poder ver aqu\u00ed son:<\/p>\n FW Fullwidht:<\/strong>\u00a0<\/span>Esta opci\u00f3n nos permite incluso ignorar el ancho del sitio haciendo que el contenido se plasme en un 100% de todo el espacio para mostrar horizontalmente en nuestro sitio<\/p>\n FW Fullwidht no header no footer:<\/strong>\u00a0<\/span>Al igual que el anterior se mostrara en todo el ancho de la p\u00e1gina, pero con la diferencia de que tambi\u00e9n eliminara el header o encabezado y el footer o pie de p\u00e1gina del sitio.<\/p>\n FW No sidebar:<\/strong>\u00a0<\/span>Este es el m\u00e1s com\u00fan de utilizar y mantiene los m\u00e1rgenes del sitio solo que aplica el ajuste para que se elimine el sidebar o barra lateral de WordPress.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.webempresa.com\/wp-content\/uploads\/2023\/02\/ejemplos-de-plugin-FW.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Hemos navegado a trav\u00e9s de las aguas del dise\u00f1o web en WordPress, descubriendo c\u00f3mo y por qu\u00e9 quitar las barras laterales puede ser un movimiento estrat\u00e9gico para mejorar nuestro sitio. En esta era digital, donde la innovaci\u00f3n y la adaptabilidad son clave, tomar decisiones de dise\u00f1o informadas y actualizadas no solo mejora la est\u00e9tica de nuestro sitio, sino que tambi\u00e9n enriquece la experiencia del usuario.<\/p>\n Eliminar la barra lateral en WordPress no es solo un cambio est\u00e9tico; es un paso hacia un dise\u00f1o web m\u00e1s limpio, centrado y adaptado a las necesidades actuales de los usuarios. Al hacerlo, no solo estamos siguiendo las tendencias de dise\u00f1o minimalista y responsivo, sino que tambi\u00e9n estamos optimizando nuestro sitio para una mejor navegabilidad y claridad, factores esenciales en el mundo del SEO.<\/p>\n Recordemos que el dise\u00f1o de nuestro sitio web es un reflejo de nuestra marca o mensaje. Mantenerlo actualizado y en l\u00ednea con las tendencias modernas es crucial para conectar con nuestra audiencia y destacar en el vasto oc\u00e9ano digital. Al quitar la barra lateral, abrimos la puerta a un mundo de posibilidades creativas, permitiendo que nuestro contenido brille con luz propia.<\/p>\n El camino hacia un sitio web exitoso y atractivo es un viaje constante de aprendizaje y adaptaci\u00f3n. Al mantenernos al d\u00eda con las \u00faltimas tendencias y pr\u00e1cticas de dise\u00f1o, no solo estamos mejorando nuestro sitio, sino que tambi\u00e9n estamos asegurando su relevancia y efectividad en el siempre cambiante paisaje digital. As\u00ed que, \u00a1sigamos explorando, innovando y creciendo en nuestro viaje con WordPress!<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Tambi\u00e9n te puede interesar:<\/p>\n <\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":" Hoy nos sumergimos en una soluci\u00f3n elegante y esencial para todos los entusiastas y administradores de WordPress: c\u00f3mo quitar la barra lateral en WordPress. Este elemento, aunque puede ser \u00fatil, en ocasiones puede interrumpir la est\u00e9tica y funcionalidad de nuestro sitio, en especial cuando buscamos un dise\u00f1o m\u00e1s limpio y enfocado. \u00bfAlguna vez hemos sentido […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/posts\/3632"}],"collection":[{"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/comments?post=3632"}],"version-history":[{"count":18,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/posts\/3632\/revisions"}],"predecessor-version":[{"id":3728,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/posts\/3632\/revisions\/3728"}],"wp:attachment":[{"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/media?parent=3632"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/categories?post=3632"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/tags?post=3632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Por qu\u00e9 quitar la barra lateral de WordPress<\/h2>\n
Eliminar barras laterales en WordPress<\/h2>\n
C\u00f3mo eliminar la barra lateral de WordPress en toda la web<\/h3>\n
<?php get_sidebar ('sidebar-name'); ?><\/strong><\/pre>\n<\/p>\n.content-area { width: 100% !important;}<\/pre>\nC\u00f3mo eliminar la barra lateral de WordPress en una URL \u00fanicamente<\/h3>\n
\n
C\u00f3mo eliminar la barra lateral de WordPress solo en el blog Divi<\/h3>\n
Plugins para desactivar las barras laterales de WordPress<\/h2>\n
Plugin Fullwidth template for any theme<\/h3>\n
Conclusiones<\/h2>\n
\n