WEBFI-WordPress-How to Remove the Sidebar in WordPress
Are you looking to get rid of the sidebar from your WordPress site? The sidebar is the widget-ready area in your WordPress theme. We’re here to help you get rid of that widget area on your site to help make your site look how you want.
Text version of this tutorial:
http://www.wpbeginner.com/wp-themes/how-to-remove-the-sidebar-in-wordpress
If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.
Check us out on Facebook:
https://www.facebook.com/wpbeginner
Follow us on Twitter:
http://twitter.com/wpbeginner
Join our circle on Google+:
https://plus.google.com/+wpbeginner/
Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com/
Summary of this tutorial:
Some themes such as the genesis theme can have built in methods for removing the sidebar.
Before you edit the files you would first want to look for Theme Options or if there is a setting under Appearance, Customize.
If you don’t have that option you would want to connect to your site with an FTP client and go to your theme’s files found under wp-content/themes
Edit the file you want to remove the sidebar from such as the index.php, page.php, single.php, archive.php, home.php and so on.
When you decide on the file to edit you will want to look for the “?php get_sidebar(); ?” and remove it as well as the brackets around it.
save your file and it should update and remove the area on your site.
However there may still be the area where the widgets belonged that you would need to use CSS to remove that area.
source
can you plz tell how to add a custom search icon in header in WordPress.
I'm using 2017 theme. it would be great help.
What happens when the theme author updates the theme?
Hello, please, which FTP client are you using?
Hello, Could you please do the tutorial on 'creating customise plugin'
but these would be temporary solution coz every one know using WordPress we face many issue so many time we need to reinstall the theme ,so better I suggest we can use tj theme junkie custom CSS plugin an make the sidebar class as display:none.
Is it legal to develop a wordpress a wordpress theme and sell it again ?
Thank you for the clean crisp, and informative video. Going to watch it again.
useful, thanks
As More and more users are browsing through mobile devices, sidebar is becoming unnecessary and unuseful.
Stellar – super concise, easy to understand. You accomplished in under 3 mins what lots of tutorials take 12-15 to do.
Genial me sirvio de mucho.
thanks, you saved me a lot of work
Thankyou so much for this post. There are so many that state you have to alter the .php code but this is just what I was looking for! Many thanks!
Didn't work
Don't start to sound like WPMUDev – it's all depends on the theme if then add the code to insert into the theme to make it work
It didnt work for me, I did everything (I use education hub)
The best way to do this is to create a child theme and put the CSS rules in it. If you change code from the original files – you will loose your changes once you get your theme update. If you do not want a theme update add this to your "functions.php" –> add_filter('auto_update_theme', '__return_false');
Thanks
Thanks! Can someone suggest a free (yeah, i'm cheap) theme best suited for mobile?
my wordpress dashboard looks completely different than that and I don't even see where I can edit the theme? It only allows me to customize but it doesn't let me change much at all.
How do you "connect to your theme"?
I have followed a lot of explanations in the web but I am so proud of this easy explanation
I use Storefront theme and it doesn't appear to have a 'theme settings' page so sadly this tutorial didn't work for me. Can you think of any other place where I could look?
Ty bro 👌👌
Thank you .
wordpress! its time for an update. stop making a side menu default! we the people dont want it!
Hello,
What is the code for the page? I tried to do it on my site, but it did not work.
Thank you
I followed your instructions, editing the CSS text files as well as the Index, Single and Page PHP files. However my posts on my blog page still do not go across the full width of the page. I still have the blank space in to the left. Any ideas? http://www.configbytes.com
Thank you so much mem..
It didn't work for me. I don't know why.
.content-area {
width:100%;
margin;
border;
padding:0;
}
Thank you so much!
does not work for me. ty
thank you so much
can I put more post in this right side instead of remove it and expand the left content?
I found and easier way to do it if you dont have the remove theme option
1. Download a plugin called "Fullwidth Page Templates"
2. Go to pages 》 All Pages and find the page you want to edit
3. Scroll down to page attributes and in template pick the "FW no sidebar" template.
4. Then update the page and you're done.
how to create a wordpress page without header menu sidebar and footer
css coding is not working, pls send me code